:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070b14;color:#e5e7eb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.terminal-layout{display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px;gap:10px}.auth-layout{display:grid;place-items:center;min-height:100%;padding:24px}.auth-card{width:min(100%,420px);padding:28px;border:1px solid #1e293b;border-radius:10px;background:#0b1020;box-shadow:0 18px 50px #00000059}.auth-card h1{font-size:1.35rem}.auth-card p{margin:12px 0 20px;color:#cbd5e1;line-height:1.5}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:0;font-size:1rem;font-weight:650}#status{margin:3px 0 0;color:#94a3b8;font-size:.8rem}#status[data-state=attached]{color:#86efac}#status[data-state=error]{color:#fca5a5}#status[data-state=notice]{color:#fcd34d}nav{display:flex;gap:8px}button{border:1px solid #334155;border-radius:6px;background:#172033;color:#e5e7eb;padding:7px 11px;cursor:pointer}button:hover:not(:disabled){background:#243148}button:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}button:disabled{cursor:default;opacity:.45}button.danger{border-color:#7f1d1d}header .controls{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}header .actions{flex-wrap:wrap;justify-content:flex-end}#status{text-align:right}.tab-bar{flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.tab{display:inline-flex;border:1px solid #334155;border-radius:6px;overflow:hidden}.tab button{border:0;border-radius:0}.tab .tab-label{min-width:34px}.tab .tab-close{padding:7px 8px;color:#94a3b8;border-left:1px solid #334155}.tab.active{border-color:#7dd3fc}.tab.active .tab-label{background:#243148;color:#f8fafc}.tab-add{min-width:34px}.pane-area{position:relative;min-width:0;min-height:0}.tab-page{position:absolute;inset:0;display:flex}.tab-page[hidden]{display:none}.tab-page>*{flex:1 1 auto}.split{display:flex;min-width:0;min-height:0}.split-row{flex-direction:row}.split-column{flex-direction:column}.split>.pane,.split>.split{flex-grow:0;flex-shrink:1}.divider{flex:0 0 6px;touch-action:none;background:transparent;border-radius:3px}.divider-row{cursor:col-resize}.divider-column{cursor:row-resize}.divider:hover,.divider.dragging{background:#334155}.pane{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #1e293b;border-radius:8px;background:#0b1020;padding:8px}.pane.focused{border-color:#7dd3fc}.pane-surface{width:100%;height:100%}.pane-surface .xterm{height:100%}.pane-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b1020cc;color:#cbd5e1;font-size:.85rem}.pane-overlay[hidden]{display:none}.pane-overlay p{margin:0}.pane-overlay[data-state=error] p{color:#fca5a5}.pane-overlay button[hidden]{display:none}@media(max-width:640px){.terminal-layout{padding:8px;gap:8px}header{flex-wrap:wrap;gap:8px}header .controls{align-items:flex-start;width:100%}header .actions{justify-content:flex-start;gap:6px}header .actions button{padding:6px 8px;font-size:.8rem}#status{text-align:left}}