*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#2ecc71}html,body,#root{color:#e6e6e6;background:#000;height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:14px}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:0px;--safe-left:env(safe-area-inset-left,0px);--safe-right:0px;--drawer-width:340px}.app-screen{height:100dvh;height:calc(100dvh - var(--kb-inset,0px));flex-direction:column;display:flex;overflow:hidden}.app-header{width:100%;min-height:44px;padding:var(--safe-top) 12px 0;box-sizing:content-box;font:inherit;text-align:left;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a0a0a;border:none;border-bottom:1px solid #1e1e1e;flex:none;align-items:center;gap:8px;display:flex}.header-hamburger{color:#999;font-size:15px;line-height:1}.app-header .status-glyph{line-height:1}.header-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-project{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conn-strip{color:#999;background:#0a0a0a;border-bottom:1px solid #1e1e1e;flex:none;align-items:center;gap:8px;min-height:28px;padding:4px 12px;font-size:12px;display:flex}.status-dot{border-radius:50%;flex:none;width:8px;height:8px}.status-label{color:#ccc}.status-actions{flex:none;gap:6px;margin-left:auto;display:flex}.status-actions button{color:#e6e6e6;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:2px 10px;font-family:inherit;font-size:12px}.terminal-container{min-height:0;padding-left:4px;padding-bottom:max(calc(var(--safe-bottom) * .6 - var(--kb-inset,0px)), 4px);box-sizing:content-box;touch-action:none;background:#000;flex:1;overflow:hidden}.terminal-container.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.no-session{font:inherit;color:#777;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.no-session-hint{color:#555;font-size:12px}.status-glyph{text-align:center;flex:none;width:1.2em;position:relative;top:.1em}@keyframes glyph-pulse{0%,to{opacity:1}50%{opacity:.35}}.glyph-working{color:var(--accent);animation:2s ease-in-out infinite glyph-pulse}.glyph-needs-input{color:#d4a017}.glyph-idle{color:#8a8a8a}.glyph-exited{color:#555}.drawer-scrim{z-index:20;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:21;width:85%;max-width:var(--drawer-width);background:#0a0a0a;border-right:1px solid #1e1e1e;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-tree{min-height:0;padding:calc(8px + var(--safe-top)) 0 4px;-webkit-user-select:none;user-select:none;flex:1;overflow-y:auto}.drawer-empty{color:#555;padding:6px 16px;font-size:12px}.drawer-machine{margin-bottom:6px}.machine-row{color:#e6e6e6;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-y;align-items:center;gap:8px;min-height:32px;padding:0 12px;display:flex}.machine-dot.online{color:var(--accent)}.machine-dot.offline{color:#555}.machine-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.machine-status{color:#666;font-size:11px}.project-row,.session-row,.resume-row,.resumable-row{width:100%;min-height:38px;font:inherit;text-align:left;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-y;background:0 0;border:none;align-items:center;gap:8px;display:flex}.row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row-time{color:#666;flex:none;font-size:11px}.project-row{color:#aaa;padding:0 12px 0 22px;font-size:13px}.project-chevron{color:#666;flex:none;width:1em;font-size:11px}.session-row{padding:0 12px 0 34px}.session-row.active{box-shadow:inset 2px 0 0 var(--accent);background:#161616}.session-row.needs-input{background:#d4a0171f}.session-row.exited{opacity:.45}.session-row:disabled{opacity:.35;cursor:default}.resume-row{color:#888;min-height:34px;padding:0 12px 0 34px;font-size:13px}.resume-list{padding-bottom:2px}.resume-note{color:#555;padding:4px 12px 6px 48px;font-size:12px}.resumable-row{color:#bbb;min-height:36px;padding:0 12px 0 48px;font-size:13px}.resumable-row:disabled{opacity:.4;cursor:default}.drawer-error{color:#e74c3c;border-top:1px solid #1e1e1e;flex:none;padding:6px 12px;font-size:12px}.drawer-bottom{padding-bottom:max(var(--safe-bottom), 12px);border-top:1px solid #1e1e1e;flex:none;display:flex}.drawer-bottom-btn{min-height:44px;font:inherit;color:#ccc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;font-size:13px}.drawer-bottom-btn+.drawer-bottom-btn{border-left:1px solid #1e1e1e}.drawer-bottom-gear{flex:0 0 52px;font-size:16px}.sheet-scrim{z-index:30;background:#0009;position:fixed;inset:0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet{z-index:31;padding:10px 10px calc(10px + var(--safe-bottom));background:#111;border-top:1px solid #2a2a2a;border-radius:12px 12px 0 0;animation:.2s sheet-up;position:fixed;bottom:0;left:0;right:0}.sheet-title{color:#888;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px 10px;font-size:12px;overflow:hidden}.sheet-item{width:100%;min-height:48px;font:inherit;text-align:center;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:none;border-radius:8px;font-size:15px;display:block}.sheet-item+.sheet-item{margin-top:6px}.sheet-item.destructive{color:#e74c3c}.sheet-item.sheet-cancel{color:#999;background:0 0}.sheet-item:disabled{opacity:.4;cursor:default}.sheet-form{flex-direction:column;gap:8px;display:flex}.sheet-input{color:#e6e6e6;background:#0a0a0a;border:1px solid #333;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:16px}.sheet-input:focus{border-color:#666}.sheet-form-actions{gap:6px;display:flex}.sheet-form-actions .sheet-item{flex:1}.sheet-form-actions .sheet-item+.sheet-item{margin-top:0}.sheet-confirm{color:#000;background:#e6e6e6}.sheet-scroll{max-height:55dvh;margin-bottom:6px;overflow-y:auto}.sheet-note{color:#666;padding:8px;font-size:12px}.sheet-error{color:#e74c3c;padding:6px 8px;font-size:12px}.overlay-screen{z-index:40;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.overlay-header{min-height:44px;padding:var(--safe-top) 4px 0;box-sizing:content-box;background:#0a0a0a;border-bottom:1px solid #1e1e1e;flex:none;align-items:center;gap:4px;display:flex}.overlay-back{min-width:44px;min-height:44px;font:inherit;color:#999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;font-size:14px}.overlay-title{color:#e6e6e6;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;overflow:hidden}.overlay-subtitle{color:#777;font-size:12px}.overlay-body{min-height:0;padding:16px 16px calc(16px + var(--safe-bottom));flex:1;overflow-y:auto}.pair-form{flex-direction:column;gap:14px;max-width:420px;display:flex}.pair-instructions{color:#999;margin:0;font-size:13px;line-height:1.5}.pair-instructions code{color:#e6e6e6;background:#161616;border-radius:3px;padding:1px 4px}.pair-label{color:#999;flex-direction:column;gap:4px;font-size:12px;display:flex}.pair-input{color:#e6e6e6;background:#111;border:1px solid #333;border-radius:4px;outline:none;padding:10px 12px;font-family:inherit;font-size:16px}.pair-input:focus{border-color:#666}.pair-code-input{letter-spacing:.35em;text-align:center;text-transform:uppercase;padding:12px;font-size:26px}.pair-probe{min-height:18px;font-size:12px}.probe-waiting{color:#d4a017}.probe-found{color:var(--accent)}.probe-unreachable{color:#e74c3c}.pair-error{color:#e74c3c;font-size:13px}.pair-submit{min-height:48px;font:inherit;color:#000;cursor:pointer;background:#e6e6e6;border:none;border-radius:4px;font-size:16px}.pair-submit:disabled{opacity:.4;cursor:default}.picker-tabs{border-bottom:1px solid #1e1e1e;flex:none;display:flex}.picker-tab{min-height:44px;font:inherit;color:#777;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:13px}.picker-tab.active{color:#e6e6e6;border-bottom-color:#e6e6e6}.picker-crumbs{color:#666;border-bottom:1px solid #1e1e1e;flex-wrap:wrap;flex:none;align-items:center;padding:6px 12px;font-size:13px;display:flex}.crumb{min-height:32px;font:inherit;color:#4ea1ff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 2px;font-size:13px}.crumb:disabled{color:#e6e6e6;cursor:default}.crumb-sep{color:#555;padding:0 1px}.picker-list{flex:1;min-height:0;padding:4px 0;overflow-y:auto}.picker-note{color:#666;padding:10px 16px;font-size:12px}.picker-note.picker-error{color:#e74c3c}.picker-row{width:100%;min-height:48px;font:inherit;text-align:left;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:4px 16px;display:flex}.picker-row:disabled{opacity:.4;cursor:default}.picker-row-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.picker-row-path{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.picker-dir-row{flex-direction:row;align-items:center;gap:8px;min-height:44px}.picker-dir-icon{color:#666;flex:none;font-size:11px}.picker-footer{padding:8px 12px calc(8px + var(--safe-bottom));background:#0a0a0a;border-top:1px solid #1e1e1e;flex:none;align-items:center;gap:12px;display:flex}.picker-toggle{color:#999;cursor:pointer;flex:none;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.picker-use{min-height:44px;font:inherit;color:#000;cursor:pointer;background:#e6e6e6;border:none;border-radius:6px;flex:1;font-size:14px}.picker-use:disabled{opacity:.4;cursor:default}.mru-row{width:100%;min-height:48px;font:inherit;text-align:left;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.mru-row:disabled{opacity:.4;cursor:default}.mru-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mru-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mru-sub{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.options-body{flex-direction:column;gap:4px;display:flex}.options-path{color:#666;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:11px;overflow:hidden}.options-section{letter-spacing:.08em;color:#777;padding:10px 8px 2px;font-size:11px}.chip-row{flex-wrap:wrap;gap:6px;padding:2px 8px;display:flex}.chip{min-height:40px;font:inherit;color:#ccc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;padding:0 16px;font-size:14px}.chip.selected{color:#000;background:#e6e6e6;border-color:#e6e6e6}.option-row{width:100%;min-height:44px;font:inherit;text-align:left;color:#bbb;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.option-row.selected{color:#e6e6e6;background:#1a1a1a}.option-mark{text-align:center;width:1.2em;color:var(--accent);flex:none}.option-row:not(.selected) .option-mark{color:#555}.check-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:4px 8px;display:flex}.check-row input{accent-color:#e6e6e6;flex:none;width:18px;height:18px}.check-hint{color:#666;font-size:11px;display:block}.settings-body{flex-direction:column;gap:4px;max-width:480px;display:flex}.settings-body>*{flex-shrink:0}.settings-section{letter-spacing:.08em;color:#777;padding:18px 0 4px;font-size:11px}.settings-note{color:#666;padding:4px 0;font-size:12px}.settings-note.settings-error{color:#e74c3c}.settings-row{align-items:center;gap:10px;min-height:44px;display:flex}.settings-label{color:#bbb;flex:none;width:96px;font-size:13px}.settings-slider{min-width:0;accent-color:var(--accent);flex:1}.settings-value{text-align:right;color:#666;flex:none;min-width:42px;font-size:11px}.font-preview{color:#e6e6e6;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0a;border:1px solid #1e1e1e;border-radius:6px;padding:8px 10px;overflow:hidden}.accent-row{gap:16px;padding:4px 0;display:flex}.accent-swatch{outline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:2px solid #0000;width:30px;height:30px}.accent-swatch.selected{outline-color:#e6e6e6}.settings-machine{background:#0a0a0a;border:1px solid #1e1e1e;border-radius:8px;flex-direction:column;gap:8px;margin:4px 0;padding:10px 12px;display:flex}.settings-machine-head{align-items:center;gap:8px;display:flex}.settings-nickname{flex:1;min-width:0;padding:8px 10px}.settings-machine-host{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.agent-list{flex-direction:column;display:flex}.agent-row{align-items:center;gap:8px;min-height:24px;font-size:13px;display:flex}.agent-name{color:#ccc}.agent-version{color:#666;font-size:11px}.settings-actions{flex-wrap:wrap;gap:6px;display:flex}.settings-btn{min-height:38px;font:inherit;color:#ccc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:0 12px;font-size:13px}.settings-btn:disabled{opacity:.4;cursor:default}.settings-btn.destructive{color:#e74c3c}.settings-project{border-bottom:1px solid #141414}.settings-project-row{width:100%;min-height:48px;font:inherit;text-align:left;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;display:flex}.settings-project-panel{flex-direction:column;gap:4px;padding:0 0 12px 20px;display:flex}.settings-mini-label{letter-spacing:.08em;color:#777;padding:6px 0 2px;font-size:11px}.settings-clear{align-self:flex-start;margin-top:4px}.pip{z-index:15;touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed;top:0;left:0}.pip-orb{-webkit-backdrop-filter:blur(6px);color:#ccc;cursor:grab;background:#1414148c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:19px;display:flex;box-shadow:0 2px 10px #0006}.pip-dragging .pip-orb{opacity:.7}.pip-expanded{-webkit-backdrop-filter:blur(10px);background:#0f0f0fb8;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 18px #00000080}.pip-dragging.pip-expanded{opacity:.85}.pip-handle{cursor:grab;color:#888;flex:none;align-items:center;height:22px;padding:0 4px;display:flex}.pip-handle-grip{text-align:center;letter-spacing:2px;flex:1;font-size:13px}.pip-attach{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.pip-file-input{display:none}.pip-grid{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:6px;min-height:0;padding:0 8px 8px;display:grid}.pip-key{font:inherit;color:#e6e6e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;font-size:14px}.pip-key:active{background:var(--accent);color:#000}.upload-toast{left:50%;bottom:calc(20px + var(--safe-bottom));z-index:16;color:#e6e6e6;-webkit-backdrop-filter:blur(6px);text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#141414e6;border:1px solid #ffffff1f;border-radius:20px;max-width:85vw;padding:8px 14px;font-size:12px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #0006}.upload-toast.upload-error{color:#ff8a7a;border-color:#e74c3c66}@media (width>=900px){.drawer-scrim{display:none}.app-screen{margin-left:var(--drawer-width)}.header-hamburger{display:none}}@media (width>=640px){.sheet{border-radius:12px;width:90vw;max-width:420px;max-height:80vh;animation:.15s sheet-fade;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.pair-form,.settings-body,.options-body{margin-inline:auto}}@keyframes sheet-fade{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine){.pip{display:none}button:hover:not(:disabled){filter:brightness(1.15)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-tree,.picker-list,.overlay-body{scrollbar-width:thin}