#terminal-panel{flex:none;height:270px;min-height:120px;max-height:80%;overflow:hidden;border-top:1px solid var(--t-border);background:var(--t-bg);display:flex;flex-direction:column;position:relative}
#terminal-panel[hidden]{display:none!important}
#terminal-panel.terminal-maximized{position:absolute;inset:0;z-index:35;max-height:none;height:100%!important;border-top:0}
.terminal-toolbar{height:31px;flex:none;display:flex;align-items:stretch;padding:0 5px 0 0;background:var(--t-panel);color:var(--t-muted);font:11px var(--font);border-bottom:1px solid var(--t-border);user-select:none;gap:6px}
.terminal-tabs{display:flex;min-width:70px;max-width:65%;overflow-x:auto;align-items:stretch;scrollbar-width:none}.terminal-tabs::-webkit-scrollbar{display:none}
.terminal-tab{display:flex;align-items:center;flex:none;border-right:1px solid var(--t-border);background:var(--t-panel);max-width:200px}
.terminal-tab.selected{background:var(--t-bg);color:var(--t-text);box-shadow:inset 0 1px var(--t-accent)}
.terminal-toolbar button{height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:transparent;padding:3px 5px;font:11px var(--font);color:inherit;white-space:nowrap}
.terminal-toolbar button:hover{background:var(--t-hover);color:var(--t-text)}
.terminal-toolbar button:disabled{opacity:.45;cursor:default}
.terminal-toolbar button[hidden]{display:none}
.terminal-tab>button[role=tab]{height:30px;border-radius:0;gap:6px;max-width:170px;padding:0 8px;justify-content:flex-start;min-width:90px}
.terminal-tab>button[role=tab]>span:not(.zi){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.terminal-tab-close{width:21px;padding:2px!important;margin-right:3px;opacity:0}.terminal-tab:hover .terminal-tab-close,.terminal-tab.selected .terminal-tab-close,.terminal-tab:focus-within .terminal-tab-close{opacity:1}
.terminal-toolbar .zi,.terminal-toolbar svg{display:block;width:16px;height:16px;flex:none;color:var(--t-icon)}
.terminal-project{align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;min-width:0;font-size:10px;opacity:.7}
.terminal-actions{display:flex;align-items:center;gap:2px;flex:none;margin-left:auto}.terminal-actions [data-action=new]{font:20px/1 var(--font);width:24px}
.terminal-actions [data-action=maximize][aria-pressed=true] .zi{transform:rotate(180deg)}
.terminal-body{min-height:0;min-width:0;flex:1;position:relative;padding:0;width:100%}
.terminal-session{height:100%;width:100%;padding:7px 10px 4px;min-height:0}.terminal-session[hidden]{display:none!important}.terminal-session .xterm{height:100%}
.runtime-preview{position:absolute;inset:31px 0 0 50%;display:flex;flex-direction:column;border-left:1px solid var(--t-border);background:var(--t-bg)}.runtime-preview[hidden]{display:none}
.runtime-preview>div{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;flex:none}
.runtime-preview iframe{flex:1;border:0;min-height:0;width:100%;background:white}
.runtime-preview button{border:0;padding:3px 6px;font:11px var(--font);color:var(--t-muted);background:transparent}
#terminal-panel:has(.runtime-preview:not([hidden])) .terminal-body{width:50%}
.runtime-open{margin-left:auto;padding:0 8px;font:11px var(--font);color:var(--t-muted);text-decoration:none}
.terminal-resize{position:absolute;top:-1px;left:0;right:0;height:4px;cursor:ns-resize;z-index:4}.terminal-resize:hover,.terminal-resize:focus-visible{background:var(--t-accent);outline:none}
.terminal-maximized .terminal-resize{cursor:default}
@media(max-width:650px){.terminal-project{display:none}.terminal-tabs{max-width:55%}.terminal-tab>button[role=tab]{min-width:72px;max-width:120px;padding-left:5px}.terminal-tab-close{opacity:1}.terminal-actions{gap:0}.terminal-actions [data-action=node]{max-width:65px;overflow:hidden;text-overflow:ellipsis}}