:root{--app-height:100dvh;--ansi-cyan:#22d3ee;--ansi-green:#4ade80;--ansi-red:#f87171;--ansi-magenta:#e879f9;--dim:#94a3b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#111827;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}body{touch-action:manipulation;background:#111827;margin:0}button,input,select,textarea{font:inherit}button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:760}button.secondary{color:#e2e8f0;background:#334155}button.danger{color:#fff;background:#ef4444}button.subtle{color:#cbd5e1;background:#26364b;min-height:32px;padding:0 10px;font-size:12px}button.tab{color:#94a3b8;background:0 0;border:1px solid #0000;min-height:34px;position:relative}button.tab.active{color:#f8fafc;background:#172033;border-color:#334155}button.icon{width:40px;padding:0}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%}input,select{height:40px;padding:0 10px}textarea{resize:none;min-height:48px;max-height:160px;padding:12px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}h1,h2,p{margin:0}.app{width:100vw;height:var(--app-height);grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sidebar{background:#0f172a;border-right:1px solid #243244;grid-template-rows:auto auto auto 1fr;gap:14px;min-height:0;padding:16px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{color:#111827;background:#f97316;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.brand h1{font-size:18px;line-height:1.15}.status{color:#94a3b8;overflow-wrap:anywhere;margin-top:4px;font-size:13px}.version{color:#64748b;margin-top:2px;font-size:11px}.build-badge{display:none}.workbench-shell,.device-frame{display:contents}.workbench-panel{display:none}.workbench-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.workbench-link{color:#e2e8f0;background:#172033;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;min-height:36px;font-size:12px;font-weight:780;text-decoration:none;display:inline-flex}.workbench-link:focus{border-color:#38bdf8;outline:0;box-shadow:0 0 0 3px #38bdf824}.tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.badge{color:#111827;background:#f97316;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;font-weight:850;line-height:1;display:none}.tab .badge{position:absolute;top:-7px;right:-5px}.badge.visible{display:grid}.panel{min-height:0;display:none}.panel.active{align-content:start;gap:12px;display:grid}.control{gap:7px;display:grid}label,.eyebrow,.section-title{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:800}.split,.buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.buttons.three{grid-template-columns:repeat(3,1fr)}.session-head{justify-content:space-between;align-items:end;gap:10px;display:flex}.session-count{color:#64748b;margin-top:3px;font-size:12px;line-height:1.3}.threads{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.thread{text-align:left;color:#e2e8f0;cursor:pointer;background:#172033;border:1px solid #26364b;border-radius:8px;grid-template-rows:auto auto;gap:8px;min-height:98px;padding:10px;display:grid}.thread.active{border-color:#38bdf8}.thread-main{text-align:left;width:100%;height:auto;min-height:36px;color:inherit;background:0 0;gap:5px;padding:0;font-weight:650;display:grid;overflow:hidden}.thread-actions{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;min-width:0;display:grid}.thread-actions button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thread-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.thread-meta{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;display:block;overflow:hidden}.main{background:#111827;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.header{border-bottom:1px solid #243244;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.header h2{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.header-actions,.viewer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.viewer-actions[hidden]{display:none}.pill{color:#cbd5e1;text-transform:uppercase;white-space:nowrap;border:1px solid #475569;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:850;display:inline-flex}.active-meta{color:#94a3b8;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.35}.approval-dock{background:#1e293b;border-bottom:1px solid #334155;gap:10px;padding:12px 16px;display:grid}.approval-dock[hidden]{display:none}body.approval-mode .approval-dock{border-color:#f97316}.approval-summary{color:#e2e8f0;justify-content:space-between;align-items:center;gap:10px;font-weight:820;display:flex}.approval{background:#0f172a;border:1px solid #475569;border-radius:8px;gap:10px;padding:12px;display:grid}.approval-title{justify-content:space-between;align-items:center;gap:8px;font-weight:820;display:flex}.approval-kind{color:#f8fafc;overflow-wrap:anywhere}.approval-risk{color:#cbd5e1;text-transform:uppercase;border:1px solid #475569;border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.approval-detail{white-space:pre-wrap;color:#cbd5e1;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}.approval-path{color:#94a3b8;overflow-wrap:anywhere;font-size:12px}.approval-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.approval-empty{text-align:center;color:#94a3b8;background:#0f172a;border:1px dashed #334155;border-radius:8px;place-content:center;gap:8px;min-height:220px;padding:18px;display:grid}.approval-empty-title{color:#f8fafc;font-size:15px;font-weight:800}.approval-empty p{color:#cbd5e1;max-width:360px;font-size:13px;line-height:1.45}.feed{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:4px;min-height:0;padding:16px;display:flex;overflow:auto}.feed-spacer{flex:none;width:min(860px,100%)}.message{color:#e2e8f0;grid-template-columns:22px minmax(0,1fr);gap:8px;width:min(860px,100%);padding:5px 0;display:grid}.message-marker{color:var(--dim);text-align:right;-webkit-user-select:none;user-select:none;font-weight:850;line-height:1.45}.message-content{gap:5px;min-width:0;display:grid}.message-title{color:var(--dim);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:850;line-height:1.25}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.message.user{color:#f8fafc}.message.user .message-marker,.message.user .message-title{color:var(--ansi-cyan)}.message.codex .message-marker,.message.codex .message-title{color:var(--ansi-magenta)}.message.reasoning{color:#cbd5e1;font-style:italic}.message.reasoning .message-body,.message.reasoning .message-title{opacity:.82}.message.command,.message.command-output{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.message.command .message-marker,.message.command .message-title{color:var(--ansi-cyan)}.message.command-output .message-marker,.message.command-output .message-title{color:var(--dim)}.message.command.live .message-content,.message.command-output.live .message-content{border-left-color:#475569}.message.error .message-marker,.message.error .message-title{color:var(--ansi-red)}.message.system .message-content{color:#cbd5e1}.message-content{border-left:1px solid #0000;padding-left:2px}.transcript-pre{color:#cbd5e1;white-space:pre;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:#0b1220;border:1px solid #26364b;border-radius:6px;max-width:100%;margin:0;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;overflow:auto}.transcript-inline-code{color:#e2e8f0;background:#0b1220;border:1px solid #26364b;border-radius:5px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.transcript-link{color:var(--ansi-cyan);border-bottom:1px solid #22d3ee59;text-decoration:none}.transcript-link:hover{border-bottom-color:currentColor}.md-heading{color:#f8fafc;margin:4px 0 2px;font-weight:850;display:block}.md-heading .md-hash{color:var(--dim);font-weight:850}.md-line{min-height:1.45em;display:block}.md-paragraph{margin:0 0 7px;display:block}.md-quote{color:#bbf7d0;border-left:2px solid #4ade808c;margin:2px 0 6px;padding-left:10px;display:block}.md-list-line{grid-template-columns:24px minmax(0,1fr);gap:3px;min-height:1.45em;display:grid}.md-list-marker{color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.md-strong{color:#f8fafc;font-weight:850}.md-em{font-style:italic}.md-strike{color:var(--dim);text-decoration:line-through}.code-head{color:var(--dim);background:#111827;border:1px solid #26364b;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:780;display:flex}.code-head+.transcript-pre{border-top-left-radius:0;border-top-right-radius:0}.syntax-keyword,.syntax-prompt{color:var(--ansi-magenta)}.syntax-string{color:var(--ansi-green)}.syntax-comment{color:var(--dim);font-style:italic}.syntax-number{color:var(--ansi-cyan)}.syntax-operator{color:#cbd5e1}.syntax-error{color:var(--ansi-red)}.syntax-json-key{color:var(--ansi-cyan)}.transcript-output{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;max-height:260px;overflow:auto}details.transcript-details{gap:6px;display:grid}details.transcript-details>summary{cursor:pointer;color:var(--dim);font-size:12px;font-weight:780;list-style:none}details.transcript-details>summary::-webkit-details-marker{display:none}.diff-block{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:#0b1220;border:1px solid #26364b;border-radius:6px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;overflow:auto}.diff-line{white-space:pre;color:#cbd5e1;min-width:max-content;padding:0 10px;display:block}.diff-line.add{color:#bbf7d0;background:#4ade801f}.diff-line.del{color:#fecaca;background:#f8717121}.diff-line.meta{color:var(--dim)}.cmd-line{color:var(--ansi-cyan)}.cmd-cwd{color:var(--dim)}.composer{background:#0f172a;border-top:1px solid #243244;grid-template-columns:minmax(0,1fr) 92px 92px;gap:10px;padding:12px 16px;display:grid}body.desktop-viewer .composer{display:none}body.desktop-viewer .feed{padding-bottom:18px}.empty{color:#94a3b8;text-align:center;padding:28px 14px}.debug{background:#172033;border:1px solid #26364b;border-radius:8px;gap:6px;padding:10px;display:grid}.debug-row{grid-template-columns:112px minmax(0,1fr);gap:8px;font-size:12px;line-height:1.35;display:grid}.debug-key{color:#94a3b8;font-weight:760}.debug-value{color:#e2e8f0;overflow-wrap:anywhere}.panel-note{color:#cbd5e1;font-size:13px;line-height:1.4}.toggle-row{color:#cbd5e1;align-items:center;gap:10px;min-height:38px;font-size:13px;display:flex}.toggle-row input{flex:none;width:18px;height:18px}.security{background:#172033;border:1px solid #26364b;border-radius:8px;gap:8px;padding:10px;display:grid}.hidden-input{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}:root[data-theme=terminal-green]{--ansi-cyan:#73f7b1;--ansi-green:#39ff88;--ansi-red:#ff5f5f;--ansi-magenta:#b7ff6a;--dim:#6ea980;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8ffe5;background:#020403}:root[data-theme=solarized-dark]{--ansi-cyan:#2aa198;--ansi-green:#859900;--ansi-red:#dc322f;--ansi-magenta:#d33682;--dim:#839496;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fdf6e3;background:#002b36}:root[data-theme=paper-light]{--ansi-cyan:#0f766e;--ansi-green:#15803d;--ansi-red:#b91c1c;--ansi-magenta:#a21caf;--dim:#64748b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#f7f3e8}:root[data-theme=terminal-green] body,:root[data-theme=terminal-green] .main{color:#d8ffe5;background:#020403}:root[data-theme=terminal-green] .sidebar,:root[data-theme=terminal-green] .composer,:root[data-theme=terminal-green] input,:root[data-theme=terminal-green] select,:root[data-theme=terminal-green] textarea,:root[data-theme=terminal-green] .approval,:root[data-theme=terminal-green] .approval-empty,:root[data-theme=terminal-green] .transcript-pre,:root[data-theme=terminal-green] .transcript-inline-code,:root[data-theme=terminal-green] .diff-block{color:#d8ffe5;background:#06100a;border-color:#173b24}:root[data-theme=terminal-green] .thread,:root[data-theme=terminal-green] .debug,:root[data-theme=terminal-green] .security,:root[data-theme=terminal-green] .tabs,:root[data-theme=terminal-green] .build-badge,:root[data-theme=terminal-green] button.tab.active{color:#d8ffe5;background:#0b1a10;border-color:#245a35}:root[data-theme=terminal-green] button{color:#021006;background:#39ff88}:root[data-theme=terminal-green] button.secondary,:root[data-theme=terminal-green] button.subtle{color:#c4fbd4;background:#12301d}:root[data-theme=terminal-green] .mark{color:#021006;background:#39ff88}:root[data-theme=terminal-green] .header,:root[data-theme=terminal-green] .sidebar,:root[data-theme=terminal-green] .composer{border-color:#173b24}:root[data-theme=terminal-green] .message,:root[data-theme=terminal-green] .message.user,:root[data-theme=terminal-green] .debug-value,:root[data-theme=terminal-green] .md-heading,:root[data-theme=terminal-green] .md-strong{color:#d8ffe5}:root[data-theme=solarized-dark] body,:root[data-theme=solarized-dark] .main{color:#eee8d5;background:#002b36}:root[data-theme=solarized-dark] .sidebar,:root[data-theme=solarized-dark] .composer,:root[data-theme=solarized-dark] input,:root[data-theme=solarized-dark] select,:root[data-theme=solarized-dark] textarea,:root[data-theme=solarized-dark] .approval,:root[data-theme=solarized-dark] .approval-empty,:root[data-theme=solarized-dark] .transcript-pre,:root[data-theme=solarized-dark] .transcript-inline-code,:root[data-theme=solarized-dark] .diff-block{color:#eee8d5;background:#073642;border-color:#586e75}:root[data-theme=solarized-dark] .thread,:root[data-theme=solarized-dark] .debug,:root[data-theme=solarized-dark] .security,:root[data-theme=solarized-dark] .tabs,:root[data-theme=solarized-dark] .build-badge,:root[data-theme=solarized-dark] button.tab.active{color:#eee8d5;background:#0b3a46;border-color:#586e75}:root[data-theme=solarized-dark] button{color:#002b36;background:#2aa198}:root[data-theme=solarized-dark] button.secondary,:root[data-theme=solarized-dark] button.subtle{color:#eee8d5;background:#174956}:root[data-theme=solarized-dark] .mark{color:#002b36;background:#b58900}:root[data-theme=solarized-dark] .header,:root[data-theme=solarized-dark] .sidebar,:root[data-theme=solarized-dark] .composer{border-color:#586e75}:root[data-theme=solarized-dark] .message,:root[data-theme=solarized-dark] .message.user,:root[data-theme=solarized-dark] .debug-value,:root[data-theme=solarized-dark] .md-heading,:root[data-theme=solarized-dark] .md-strong{color:#eee8d5}:root[data-theme=paper-light] body,:root[data-theme=paper-light] .main{color:#1f2937;background:#f7f3e8}:root[data-theme=paper-light] .sidebar,:root[data-theme=paper-light] .composer,:root[data-theme=paper-light] input,:root[data-theme=paper-light] select,:root[data-theme=paper-light] textarea,:root[data-theme=paper-light] .approval,:root[data-theme=paper-light] .approval-empty,:root[data-theme=paper-light] .transcript-pre,:root[data-theme=paper-light] .transcript-inline-code,:root[data-theme=paper-light] .diff-block{color:#1f2937;background:#fffaf0;border-color:#d6cdb8}:root[data-theme=paper-light] .thread,:root[data-theme=paper-light] .debug,:root[data-theme=paper-light] .security,:root[data-theme=paper-light] .tabs,:root[data-theme=paper-light] button.tab.active{color:#1f2937;background:#f0eadc;border-color:#d6cdb8}:root[data-theme=paper-light] button{color:#ecfeff;background:#0f766e}:root[data-theme=paper-light] button.secondary,:root[data-theme=paper-light] button.subtle{color:#334155;background:#e7deca}:root[data-theme=paper-light] button.danger{color:#fff;background:#b91c1c}:root[data-theme=paper-light] .mark{color:#1f2937;background:#f59e0b}:root[data-theme=paper-light] .header,:root[data-theme=paper-light] .sidebar,:root[data-theme=paper-light] .composer{border-color:#d6cdb8}:root[data-theme=paper-light] .message,:root[data-theme=paper-light] .message.user,:root[data-theme=paper-light] .debug-value,:root[data-theme=paper-light] .md-heading,:root[data-theme=paper-light] .md-strong{color:#1f2937}:root[data-theme=paper-light] .build-badge{color:#475569;background:#fffaf0db;border-color:#d6cdb8}:root body.phone-workbench{touch-action:auto;place-items:center;padding:24px;display:grid;background:radial-gradient(circle at 50% 0,#38bdf82e,#0000 36%),linear-gradient(135deg,#020617 0%,#111827 56%,#1e293b 100%)!important}body.phone-workbench .workbench-shell{grid-template-columns:minmax(0,390px) minmax(280px,340px);align-items:center;gap:24px;width:min(100%,786px);display:grid}body.phone-workbench .device-frame{min-width:0;display:block}body.phone-workbench .workbench-panel{background:#0f172adb;border:1px solid #334155db;border-radius:12px;align-content:start;gap:14px;height:min(844px,100vh - 48px);min-height:0;padding:14px;display:grid;overflow:auto;box-shadow:0 24px 70px #00000057}body.phone-workbench .workbench-debug{background:#172033e6}body.phone-workbench .app{--app-height:min(844px, calc(100vh - 48px));width:min(390px,100vw - 32px);height:var(--app-height);background:#111827;border:10px solid #05070b;border-radius:36px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:568px;max-height:844px;position:relative;box-shadow:0 26px 80px #0000008c,0 0 0 1px #94a3b82e}body.phone-workbench .app:before{content:"";z-index:40;pointer-events:none;background:#05070b;border-radius:999px;width:86px;height:20px;position:absolute;top:7px;left:50%;transform:translate(-50%)}body.phone-workbench .sidebar{min-height:0;max-height:calc(var(--app-height) * .42);border-bottom:1px solid #243244;border-right:0;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px 10px 72px;overflow:hidden}body.phone-workbench .brand{gap:9px}body.phone-workbench .mark{width:32px;height:32px}body.phone-workbench .brand h1{font-size:16px}body.phone-workbench .status{margin-top:2px;font-size:12px}body.phone-workbench .version{overflow-wrap:anywhere;font-size:10px;line-height:1.2;display:block}body.phone-workbench .build-badge{z-index:30;color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#0f172ac7;border:1px solid #334155e6;border-radius:999px;max-width:60%;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;line-height:1.4;display:block;position:absolute;top:8px;right:18px;overflow:hidden}body.phone-workbench .tabs{z-index:20;background:#0f172af5;border:1px solid #26364b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 -8px 28px #00000047}body.phone-workbench button.tab{min-height:42px;padding:0 8px;font-size:12px}body.phone-workbench .panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow:auto}body.phone-workbench .panel.active,body.phone-workbench .split,body.phone-workbench .buttons,body.phone-workbench .buttons.three{gap:8px}body.phone-workbench .main{min-height:0}body.phone-workbench .header{align-items:flex-start;min-height:52px;padding:8px 10px}body.phone-workbench .header h2{font-size:15px}body.phone-workbench .header-actions{max-width:58%}body.phone-workbench .viewer-actions button{min-height:32px;padding:0 10px}body.phone-workbench .pill{min-height:24px;font-size:10px}body.phone-workbench .active-meta{margin-top:3px}body.phone-workbench .approval-dock{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:34dvh;padding:8px 10px;overflow:auto}body.phone-workbench.sessions-mode .app{grid-template-rows:minmax(0,1fr) 0}body.phone-workbench.sessions-mode .sidebar{border-bottom:0;grid-template-rows:auto minmax(0,1fr);height:100%;max-height:none}body.phone-workbench.sessions-mode .main{display:none}body.phone-workbench.sessions-mode [data-panel=sessions].active{grid-template-rows:auto auto auto auto auto minmax(0,1fr);align-content:stretch}body.phone-workbench.sessions-mode .threads{min-height:0}body.phone-workbench.ops-mode .app{grid-template-rows:minmax(0,1fr) 0}body.phone-workbench.ops-mode .sidebar{border-bottom:0;grid-template-rows:auto minmax(0,1fr);height:100%;max-height:none}body.phone-workbench.ops-mode .main{display:none}body.phone-workbench.ops-mode [data-panel=ops].active{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;align-content:start;padding-bottom:80px;overflow:auto}body.phone-workbench.live-mode .app,body.phone-workbench.approvals-view .app{grid-template-rows:0 minmax(0,1fr)}body.phone-workbench.live-mode .sidebar,body.phone-workbench.approvals-view .sidebar{border-bottom:0;height:0;min-height:0;max-height:0;padding:0;overflow:visible}body.phone-workbench.live-mode .sidebar>:not(.tabs),body.phone-workbench.approvals-view .sidebar>:not(.tabs){display:none}body.phone-workbench.live-mode .main,body.phone-workbench.approvals-view .main{grid-row:2}body.phone-workbench.live-mode .main{padding-bottom:68px}body.phone-workbench.live-mode.keyboard-mode .main{padding-bottom:0}body.phone-workbench.live-mode.keyboard-mode .tabs{display:none}body.phone-workbench.desktop-viewer .app{grid-template-rows:minmax(0,1fr)}body.phone-workbench.desktop-viewer .sidebar{display:none}body.phone-workbench.desktop-viewer .main{grid-row:1;min-height:0}body.phone-workbench.approval-mode .sidebar .panel.active{display:none}body.phone-workbench.approval-mode .approval-dock{max-height:calc(var(--app-height) - 172px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:auto}body.phone-workbench.approval-mode .feed{display:none}body.phone-workbench.approvals-view .main{grid-template-rows:minmax(0,1fr)}body.phone-workbench.approvals-view .header,body.phone-workbench.approvals-view .feed,body.phone-workbench.approvals-view .composer{display:none}body.phone-workbench.approvals-view .approval-dock{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-bottom:0;height:100%;min-height:0;max-height:none;padding:10px 10px 80px;overflow:auto}body.phone-workbench .feed{gap:8px;padding:10px}body.phone-workbench .message{padding:10px}body.phone-workbench .transcript-pre{white-space:pre-wrap;overflow-wrap:anywhere}body.phone-workbench .diff-block{white-space:pre-wrap}body.phone-workbench .diff-line{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}body.phone-workbench .transcript-inline-code{overflow-wrap:anywhere}body.phone-workbench .transcript-pre,body.phone-workbench .transcript-output,body.phone-workbench .diff-block{overscroll-behavior:auto;touch-action:pan-y;max-height:none;overflow:visible}body.phone-workbench .composer{grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px}body.phone-workbench .composer textarea{grid-column:1/-1}@media (height<=680px){body.phone-workbench{padding:12px}body.phone-workbench .workbench-shell{gap:14px;width:min(100%,730px)}body.phone-workbench .workbench-panel{height:calc(100vh - 24px);padding:12px}body.phone-workbench .app{border-width:8px;border-radius:30px;min-height:0}}@media (width<=820px){.workbench-shell,.device-frame{display:contents}.workbench-panel{display:none}.app{height:var(--app-height);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{min-height:0;max-height:calc(var(--app-height) * .42);padding:10px 10px calc(72px + env(safe-area-inset-bottom));border-bottom:1px solid #243244;border-right:0;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.brand{gap:9px}.mark{width:32px;height:32px}.brand h1{font-size:16px}.status{margin-top:2px;font-size:12px}.version{overflow-wrap:anywhere;font-size:10px;line-height:1.2;display:block}.build-badge{z-index:30;top:max(4px, env(safe-area-inset-top));color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#0f172ac7;border:1px solid #334155e6;border-radius:999px;max-width:60vw;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;line-height:1.4;display:block;position:fixed;right:8px;overflow:hidden}.tabs{z-index:20;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));background:#0f172af5;border:1px solid #26364b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;position:fixed;box-shadow:0 -8px 28px #00000047}button.tab{min-height:42px;padding:0 8px;font-size:12px}.panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow:auto}.panel.active,.split,.buttons,.buttons.three{gap:8px}.main{min-height:0}.header{align-items:flex-start;min-height:52px;padding:8px 10px}.header h2{font-size:15px}.header-actions{max-width:58%}.viewer-actions button{min-height:32px;padding:0 10px}.pill{min-height:24px;font-size:10px}.active-meta{margin-top:3px}.approval-dock{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:34dvh;padding:8px 10px;overflow:auto}body.sessions-mode .app{grid-template-rows:minmax(0,1fr) 0}body.sessions-mode .sidebar{border-bottom:0;grid-template-rows:auto minmax(0,1fr);height:100%;max-height:none}body.sessions-mode .main{display:none}body.sessions-mode [data-panel=sessions].active{grid-template-rows:auto auto auto auto auto minmax(0,1fr);align-content:stretch}body.sessions-mode .threads{min-height:0}body.ops-mode .app{grid-template-rows:minmax(0,1fr) 0}body.ops-mode .sidebar{border-bottom:0;grid-template-rows:auto minmax(0,1fr);height:100%;max-height:none}body.ops-mode .main{display:none}body.ops-mode [data-panel=ops].active{padding-bottom:calc(80px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;align-content:start;overflow:auto}body.live-mode .app,body.approvals-view .app{grid-template-rows:0 minmax(0,1fr)}body.live-mode .sidebar,body.approvals-view .sidebar{border-bottom:0;height:0;min-height:0;max-height:0;padding:0;overflow:visible}body.live-mode .sidebar>:not(.tabs),body.approvals-view .sidebar>:not(.tabs){display:none}body.live-mode .main,body.approvals-view .main{grid-row:2}body.live-mode .main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}body.live-mode.keyboard-mode .main{padding-bottom:0}body.live-mode.keyboard-mode .tabs{display:none}body.desktop-viewer .app{grid-template-rows:minmax(0,1fr)}body.desktop-viewer .sidebar{display:none}body.desktop-viewer .main{grid-row:1;min-height:0}body.approval-mode .sidebar .panel.active{display:none}body.approval-mode .approval-dock{max-height:calc(var(--app-height) - 172px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:auto}body.approval-mode .feed{display:none}body.approvals-view .main{grid-template-rows:minmax(0,1fr)}body.approvals-view .header,body.approvals-view .feed,body.approvals-view .composer{display:none}body.approvals-view .approval-dock{height:100%;min-height:0;max-height:none;padding:10px 10px calc(80px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-bottom:0;overflow:auto}.feed{gap:8px;padding:10px}.message{padding:10px}.transcript-pre{white-space:pre-wrap;overflow-wrap:anywhere}.diff-block{white-space:pre-wrap}.diff-line{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.transcript-inline-code{overflow-wrap:anywhere}.transcript-pre,.transcript-output,.diff-block{overscroll-behavior:auto;touch-action:pan-y;max-height:none;overflow:visible}.composer{grid-template-columns:1fr 1fr}.composer textarea{grid-column:1/-1}.composer{gap:8px;padding:8px 10px}#appLayoutToggle{display:none}}
