#app{position:relative;z-index:5;display:grid;grid-template-rows:28px 1fr 24px;height:100vh;height:100dvh}#topbar{display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(10,14,20,0.78);backdrop-filter:blur(6px);font-size:11px;color:var(--text-dim);letter-spacing:0.04em}#topbar .tb-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:var(--glow)}#topbar .tb-tag{color:var(--accent);text-shadow:0 0 6px rgba(255,255,255,0.15)}#topbar .tb-sep{color:var(--text-faint)}#topbar .tb-status{display:contents}#topbar .tb-spacer{flex:1}#topbar .tb-btn{background:transparent;border:1px solid var(--line-2);color:var(--text-dim);padding:2px 8px;font:inherit;font-size:10px;cursor:pointer;border-radius:2px;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;margin-left:3px}#topbar .tb-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow)}#main{--col1: 60%;display:grid;grid-template-columns:var(--col1) 1fr;overflow:hidden;position:relative}@media (max-width: 860px){html,body{height:100dvh;overflow:hidden}#app{height:100dvh}#app,#topbar,#rail,#main,#pane-term{min-width:0;max-width:100%}#topbar{overflow:hidden;position:sticky;top:0;z-index:60;gap:8px}#rail{overflow-x:auto;position:sticky;bottom:0;z-index:60;gap:2px}#rail .tb-session,#rail .tb-host,#rail .tb-window .tb-flag{display:none}#rail .tb-window .tb-name{display:none}#rail .tb-window .tb-short{display:inline}#rail .tb-window{padding:1px 6px}#topbar .tb-status{display:none}#topbar .tb-label{display:none}#topbar .tb-btn{padding:2px 7px;margin-left:2px;font-size:12px}#main{grid-template-columns:1fr;grid-template-rows:1fr;height:100%;overflow:hidden}#main>#right-column,#main>#pane-three,#main>#pane-window{display:none!important}#main>#pane-term{display:block!important;grid-column:1;min-height:0;height:100%}.splitter{display:none!important}}#right-column{--row1: 20%;--row2: 24%;--row3: 27%;display:grid;grid-template-rows:var(--row1) var(--row2) var(--row3) 1fr;overflow:hidden;grid-column:2;position:relative}.pane.focused{box-shadow:inset 0 0 0 1px var(--accent);background:rgba(6,10,16,0.88)}.pane.focused .pane-header{color:var(--accent);background:rgba(var(--accent-rgb),0.08)}.pane.focused .pane-header .pane-tag{text-shadow:var(--glow)}#pane-term:not(.focused) #fake-caret,#pane-shell2:not(.focused) #sh2-caret,.win-split .pane:not(.focused) .cshell-caret{visibility:hidden;animation:none}.splitter{position:absolute;z-index:30;background:transparent;transition:background 0.12s;touch-action:none}.splitter:hover{background:rgba(var(--accent-rgb),0.35)}.splitter.dragging{background:var(--accent)}#split-main-v{top:0;bottom:0;left:var(--col1);width:7px;margin-left:-3px;cursor:col-resize}#split-rc-h1,#split-rc-h2,#split-rc-h3{left:0;right:0;height:7px;margin-top:-3px;cursor:row-resize}#split-rc-h1{top:var(--row1)}#split-rc-h2{top:calc(var(--row1) + var(--row2))}#split-rc-h3{top:calc(var(--row1) + var(--row2) + var(--row3))}body.dragging,body.dragging *{user-select:none!important}body.dragging{cursor:inherit!important}#main:not([data-layout=home]) .splitter{display:none}#right-column>.pane+.pane{border-top:1px solid var(--line);border-left:none}#pane-three{grid-column:2}#main[data-layout=home] #pane-three{display:none}#main[data-layout=home] #right-column{display:grid}#main[data-layout="3d"] #right-column{display:none}#main[data-layout="3d"] #pane-three{display:block}