:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#11141b;--panel-2:#171b24;--panel-3:#1e2330;--border:#252b3a;--border-strong:#343c50;--text:#e7e9ef;--muted:#8a93a8;--accent:#a78bfa;--accent-ink:#14101f;--ok:#34d399;--warn:#fbbf24;--err:#f87171;--info:#60a5fa;--shadow:0 12px 40px #00000080;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sans:Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--role:var(--accent)}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f9;--panel:#fff;--panel-2:#f1f3f7;--panel-3:#e7eaf1;--border:#dfe3ec;--border-strong:#c5ccda;--text:#171a23;--muted:#646d82;--accent:#7c5cf0;--accent-ink:#fff;--ok:#0f9d6b;--warn:#b7791f;--err:#d23f3f;--info:#2f6fdd;--shadow:0 12px 40px #1419282e}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:var(--accent)}code,pre{font-family:var(--mono);font-size:12.5px}code{background:var(--panel-3);border-radius:4px;padding:1px 5px}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--ok)}.err{color:var(--err)}.grow{flex:1;min-width:0}.right{text-align:right}.pad{padding:14px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.icon{vertical-align:-2px;flex:none}.icon.flip{transform:rotate(180deg)}.app{grid-template-columns:248px minmax(0,1fr);height:100%;display:grid}.app.with-right{grid-template-columns:248px minmax(380px,1fr) minmax(420px,46%)}.splash{text-align:center;place-content:center;justify-items:center;gap:12px;max-width:560px;height:100%;margin:0 auto;padding:24px;display:grid}.btn{background:var(--panel-3);border:1px solid var(--border);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-weight:550;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.danger{color:var(--err)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.small{border-radius:6px;padding:3px 9px;font-size:12px}.btn.big{border-radius:10px;padding:11px 20px;font-size:15px}.btn.wide{justify-content:flex-start;width:100%}.icon-btn{width:28px;height:28px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}input:not([type=checkbox]):not([type=color]),select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:7px;width:100%;min-width:0;padding:6px 9px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{resize:vertical}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.check input{accent-color:var(--accent)}.badge{background:var(--panel-3);color:var(--muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-size:11px;line-height:18px;display:inline-flex}.badge.live,.count.live{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok);border-color:#0000}.badge.err-badge{color:var(--err);margin-left:auto}.merge-merged{color:var(--ok)}.merge-conflict{color:var(--err);border-color:var(--err)}.role-chip{background:color-mix(in srgb, var(--role) 20%, transparent);color:var(--role);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:11px;font-weight:650;line-height:18px;display:inline-block}@media (prefers-color-scheme:light){.role-chip{color:color-mix(in srgb, var(--role) 65%, #000)}}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-running{background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);animation:1.4s infinite pulse}.dot-waiting{background:var(--warn);animation:1.4s infinite pulse}.dot-queued{border:2px solid var(--muted);background:0 0}.dot-done{background:var(--ok);opacity:.75}.dot-failed{background:var(--err)}.dot-aborted{background:var(--warn);opacity:.7}@keyframes pulse{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;flex:none;width:11px;height:11px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;padding:4px 6px;font-size:16px;font-weight:700;display:flex}.sidebar-actions{gap:6px;display:grid}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 6px 0;font-size:11px}.session-list{flex-direction:column;flex:1;gap:2px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.session-row{border-radius:8px;align-items:center;display:flex}.session-row:hover,.session-row.active{background:var(--panel-3)}.session-open{flex:1;min-width:0;padding:6px 8px;display:grid}.session-title{font-weight:550}.session-delete{opacity:0}.session-row:hover .session-delete{opacity:1}.key-warning{background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-size:12.5px;font-weight:550;display:flex}.key-warning.inline{text-align:left;max-width:520px;margin:4px auto 0}.welcome{place-items:center;padding:40px 24px;display:grid;overflow-y:auto}.welcome-inner{text-align:center;justify-items:center;gap:18px;max-width:720px;display:grid}.welcome-inner>svg{width:56px;height:56px}.welcome h1{font-size:30px}.welcome p{max-width:600px;margin:0;font-size:15px}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.role-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;width:100%;margin-top:10px;display:grid}.role-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--role);border-radius:10px;justify-items:start;gap:5px;min-width:0;padding:10px 12px;display:grid}.role-card:hover{border-color:var(--role)}.role-card code{color:var(--muted);background:0 0;max-width:100%;padding:0}.chat{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:12px;padding:9px 16px;display:flex}.chat-title{flex:1;min-width:0}.title-line{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.chat-title .badge{margin-left:6px}.mode-switch,.segmented{background:var(--bg);border:1px solid var(--border);border-radius:9px;flex:none;padding:2px;display:flex}.mode-switch button,.segmented button{color:var(--muted);border-radius:7px;padding:3px 10px;font-size:12.5px;font-weight:550}.mode-switch button:hover,.segmented button:hover{color:var(--text)}.mode-switch .active,.segmented .active{background:var(--panel-3);color:var(--text)}.mode-switch .active.mode-plan{color:var(--info)}.mode-switch .active.mode-auto-edit{color:var(--warn)}.mode-switch .active.mode-auto{background:color-mix(in srgb, var(--err) 18%, transparent);color:var(--err)}.meter{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:9px;font-size:12.5px;display:flex}.meter strong{color:var(--text)}.transcript{flex:1;min-height:0;overflow-y:auto}.transcript-inner{flex-direction:column;gap:10px;max-width:820px;margin:0 auto;padding:22px 20px 12px;display:flex}.msg-user{background:var(--panel-3);border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:9px 14px}.msg-assistant.streaming .md>:last-child:after{content:"▍";color:var(--accent);margin-left:2px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.empty-chat{text-align:center;justify-items:center;gap:10px;padding:12vh 0 0;display:grid}.empty-chat p{max-width:480px;margin:0}.suggestions{gap:8px;width:min(100%,480px);margin-top:14px;display:grid}.suggestion{border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:10px;padding:10px 14px}.suggestion:hover{border-color:var(--accent)}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md blockquote,.md table,.md pre{margin:0 0 10px}.md h1,.md h2,.md h3,.md h4{margin:16px 0 8px;line-height:1.3}.md h1{font-size:20px}.md h2{font-size:17px}.md h3{font-size:15px}.md ul,.md ol{padding-left:22px}.md blockquote{border-left:3px solid var(--border-strong);color:var(--muted);padding-left:12px}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);text-align:left;padding:4px 10px}.md img{max-width:100%}.md hr{border:0;border-top:1px solid var(--border);margin:14px 0}pre.code{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:12px 14px;line-height:1.5;position:relative;overflow-x:auto}pre.code code{background:0 0;padding:0}.code-lang{color:var(--muted);font-size:10.5px;font-family:var(--sans);position:absolute;top:4px;right:9px}pre.code-full{border:0;border-radius:0;min-height:100%;margin:0}.hljs-comment,.hljs-quote{color:#6b7590;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-built_in{color:#c792ea}.hljs-string,.hljs-attr,.hljs-regexp,.hljs-addition{color:#9ece6a}.hljs-number,.hljs-symbol,.hljs-bullet{color:#f78c6c}.hljs-title,.hljs-section,.hljs-function .hljs-title,.hljs-name{color:#82aaff}.hljs-type,.hljs-class .hljs-title,.hljs-tag{color:#ffcb6b}.hljs-variable,.hljs-template-variable,.hljs-deletion{color:#f07178}.hljs-meta{color:#89ddff}@media (prefers-color-scheme:light){.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-built_in{color:#8839ef}.hljs-string,.hljs-attr,.hljs-regexp,.hljs-addition{color:#2f8f46}.hljs-number,.hljs-symbol,.hljs-bullet{color:#d2601a}.hljs-title,.hljs-section,.hljs-name{color:#1e66f5}.hljs-type,.hljs-tag{color:#b3761b}.hljs-variable,.hljs-deletion{color:#d20f39}.hljs-meta{color:#0e8aa6}}.reasoning{color:var(--muted);font-size:13px}.reasoning summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.reasoning-text{white-space:pre-wrap;border-left:2px solid var(--border);max-height:260px;margin-top:4px;padding:4px 0 4px 12px;overflow-y:auto}.notice{color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:8px;padding:6px 10px;font-size:12.5px}.notice-warn{color:var(--warn)}.notice-error{color:var(--err);border-color:color-mix(in srgb, var(--err) 40%, transparent);white-space:pre-wrap;border-style:solid}.tool{font-size:13px}.tool-line{max-width:100%;color:var(--muted);border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:3px 9px;display:inline-flex}.tool-line:hover{background:var(--panel);border-color:var(--border);color:var(--text)}.tool-summary{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.tool-flag{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}.flag-error{color:var(--err)}.flag-denied{color:var(--warn)}.tool-detail{border-left:2px solid var(--border);gap:6px;margin:4px 0 4px 10px;padding-left:10px;display:grid}.tool-detail pre{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:7px;max-height:280px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.tool-error{color:var(--err);white-space:pre-wrap;word-break:break-word;margin:2px 0 0 32px;font-size:12px}.delegate-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--role);border-radius:10px;gap:5px;width:100%;padding:9px 12px;transition:border-color .12s;display:grid}.delegate-card:hover{border-color:var(--role)}.delegate-head,.delegate-body{align-items:center;gap:8px;min-width:0;display:flex}.delegate-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.delegate-body{justify-content:space-between}.activity{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.permissions{gap:8px;width:100%;max-width:820px;margin:0 auto;padding:0 20px;display:grid}.permission{border:1px solid color-mix(in srgb, var(--warn) 50%, transparent);background:color-mix(in srgb, var(--warn) 7%, var(--panel));border-radius:12px;gap:8px;padding:11px 13px;animation:.18s ease-out rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.permission-head{color:var(--warn);align-items:center;gap:8px;display:flex}.permission-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.permission-detail{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:7px;max-height:180px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.permission-actions{flex-wrap:wrap;gap:8px;display:flex}.composer{width:100%;max-width:820px;margin:0 auto;padding:10px 20px 14px}.composer-box{background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;transition:border-color .12s;display:flex}.composer-box:focus-within{border-color:var(--accent)}.composer-box textarea{resize:none;max-height:240px;line-height:1.5;background:0 0!important;border:0!important;padding:5px 0!important}.send{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;display:grid}.send.stop{background:var(--err);color:#fff}.composer-hints{flex-wrap:wrap;align-items:center;gap:6px;padding:7px 4px 0;display:flex}.mention{font-family:var(--mono);color:var(--role);background:color-mix(in srgb, var(--role) 12%, transparent);border-radius:999px;padding:0 7px;font-size:11.5px;line-height:19px}.mention:hover{background:color-mix(in srgb, var(--role) 25%, transparent)}@media (prefers-color-scheme:light){.mention{color:color-mix(in srgb, var(--role) 65%, #000)}}section.right{border-left:1px solid var(--border);background:var(--panel);text-align:left;flex-direction:column;min-width:0;min-height:0;display:flex}.tabs{gap:2px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:550;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--panel-3);color:var(--text)}.right-tabs{border-bottom:1px solid var(--border);padding:7px 10px;overflow-x:auto}.count{text-align:center;background:var(--border-strong);min-width:17px;color:var(--text);border-radius:999px;padding:0 5px;font-size:10.5px;line-height:17px}.right-body{flex-direction:column;flex:1;min-height:0;display:flex}.panel-scroll{flex:1;overflow-y:auto}.panel-section{border-bottom:1px solid var(--border);padding:14px 16px}.panel-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;font-size:11.5px;display:flex}.panel-section h3 .muted{text-transform:none;letter-spacing:0;font-weight:400}.graph-empty{text-align:center;flex:1;align-content:center;place-items:center;gap:8px;padding:40px 30px;display:grid}.graph-empty p{max-width:380px;margin:0}.plan{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.plan li{align-items:baseline;gap:8px;display:flex}.plan-mark{border:1.5px solid var(--border-strong);border-radius:5px;flex:none;place-items:center;width:16px;height:16px;display:inline-grid;transform:translateY(3px)}.plan-done{color:var(--muted);text-decoration:line-through}.plan-done .plan-mark{background:var(--ok);border-color:var(--ok);color:var(--bg)}.plan-in_progress .plan-mark{border-color:#0000}.plan-progress{background:var(--panel-3);border-radius:4px;height:4px;overflow:hidden}.plan-progress span{background:var(--ok);height:100%;transition:width .4s;display:block}.graph-scroll{padding-bottom:6px;overflow-x:auto}.graph{margin:0 auto;position:relative}.graph svg{position:absolute;inset:0;overflow:visible}.spine{stroke:var(--border-strong);stroke-width:2px}.joint{fill:var(--panel);stroke:var(--border-strong);stroke-width:2px}.joint.pending{stroke-dasharray:3 2}.wave-label{fill:var(--muted);font-size:10.5px;font-family:var(--sans)}.edge path{fill:none;stroke:currentColor;stroke-width:2px;opacity:.55}.edge.live path{opacity:1;stroke-dasharray:6 5;animation:.7s linear infinite flow}.edge-failed path,.edge-aborted path{stroke:var(--err);opacity:.5;stroke-dasharray:2 4}@keyframes flow{to{stroke-dashoffset:-11px}}.node{background:var(--panel-2);border:1px solid var(--border);border-top:3px solid var(--role);border-radius:11px;flex-direction:column;gap:3px;padding:8px 10px;transition:box-shadow .15s,border-color .15s,transform .15s;animation:.25s ease-out rise;display:flex;position:absolute;overflow:hidden}.node:hover{border-color:var(--role);transform:translateY(-1px)}.node.selected{box-shadow:0 0 0 2px var(--role)}.node-running,.node-waiting{box-shadow:0 0 22px -6px var(--role)}.node-failed{border-top-color:var(--err)}.node-head{align-items:center;gap:6px;display:flex}.node-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.node-activity{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.node-foot{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:auto;font-size:11px;display:flex}.timeline{gap:3px;display:grid}.timeline-row{border-radius:6px;grid-template-columns:130px 1fr 52px;align-items:center;gap:10px;padding:2px 4px;font-size:12.5px;display:grid}.timeline-row:hover{background:var(--panel-3)}.timeline-track{background:var(--bg);border-radius:4px;height:12px;position:relative}.timeline-bar{opacity:.85;border-radius:3px;min-width:3px;position:absolute;top:2px;bottom:2px}.timeline-bar.live{background-image:linear-gradient(90deg,#0000 60%,#ffffff59);background-size:24px 100%;animation:.8s linear infinite slide}.bar-queued{opacity:.3}.bar-failed{background:var(--err)!important}@keyframes slide{to{background-position:24px 0}}.timeline-time{text-align:right;font-variant-numeric:tabular-nums}.cost-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px}.cost-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:3px 6px;font-size:11px;font-weight:500}.cost-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 6px}.cost-table .num{text-align:right}.cost-table tfoot td{border-bottom:0;font-weight:650}.model-cell{max-width:150px}.swatch{border-radius:3px;width:9px;height:9px;margin-right:7px;display:inline-block}.savings{background:var(--bg);border:1px solid var(--border);border-radius:9px;gap:4px;margin-top:10px;padding:10px 12px;font-size:12.5px;display:grid}.agent-view{flex-direction:column;flex:1;min-height:0;display:flex}.agent-head{border-bottom:1px solid var(--border);border-left:3px solid var(--role);gap:7px;padding:12px 16px;display:grid}.agent-head-line{align-items:center;gap:8px;min-width:0;display:flex}.agent-meta{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;display:flex}.spec summary{cursor:pointer;color:var(--muted);font-size:12.5px}.spec .md,.diffstat{background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:260px;margin:6px 0 0;padding:10px 12px;font-size:13px;overflow:auto}.diffstat{white-space:pre;font-size:12px}.agent-view .transcript-inner{padding:14px 16px}.artifacts,.preview{flex-direction:column;flex:1;min-height:0;display:flex}.artifact-tabs{flex:none;gap:4px;padding:7px 10px 0;display:flex;overflow-x:auto}.artifact-tabs button{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.artifact-tabs button.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}.artifact-bar{border-bottom:1px solid var(--border);border-top:1px solid var(--border);background:var(--panel-2);flex:none;align-items:center;gap:8px;padding:7px 10px;display:flex}.artifact-bar select{width:auto;padding:2px 6px}.url-input{font-family:var(--mono);font-size:12px!important}.artifact-stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.artifact-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.doc-stage{width:100%;max-width:760px;margin:0 auto;padding:28px 32px;font-size:15px;line-height:1.7}.image-stage{background:repeating-conic-gradient(var(--panel-2) 0 25%, var(--panel) 0 50%) 0 0 / 20px 20px;flex:1;place-items:center;padding:20px;display:grid}.image-stage img{max-width:100%;max-height:100%;box-shadow:var(--shadow);image-rendering:auto;border-radius:8px;min-width:64px}.stream-stage{flex-direction:column;flex:1;min-height:0;display:flex}.procs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#05070c99;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;width:min(860px,100%);max-height:100%;animation:.18s ease-out rise;display:flex}.modal.picker{width:min(560px,100%);height:min(640px,100%)}.modal.settings{height:min(820px,100%)}.modal.small-modal{width:min(520px,100%)}.picker-list button.active{background:var(--panel-3);box-shadow:inset 2px 0 0 var(--accent)}a.btn{color:inherit;text-decoration:none}a.btn.ghost{color:var(--muted)}.modal-head,.modal-foot{flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between}.modal-head .tabs{flex:1}.modal-foot{border-top:1px solid var(--border)}.modal-body{flex:1;padding:16px;overflow-y:auto}.settings-list{gap:12px;display:grid}.settings-list p{margin:0}.card{border:1px solid var(--border);border-left:3px solid var(--role,var(--border));background:var(--panel-2);border-radius:12px;gap:10px;padding:12px 14px;display:grid}.card-head{align-items:center;gap:9px;min-width:0;display:flex}.title-input{font-weight:650;background:0 0!important;border-color:#0000!important;width:170px!important;padding:2px 4px!important}.title-input:hover,.title-input:focus{border-color:var(--border)!important}.color-input{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;width:22px;height:22px;padding:0}.form-grid{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.form-grid>label:nth-child(odd){color:var(--muted);font-size:12.5px}.model-picker{position:relative}.model-picker input{font-family:var(--mono);font-size:12.5px}.model-meta{margin-top:3px}.model-list{z-index:5;background:var(--panel);border:1px solid var(--border-strong);max-height:260px;box-shadow:var(--shadow);border-radius:9px;padding:4px;position:absolute;top:34px;left:0;right:0;overflow-y:auto}.model-list button{width:100%;font-family:var(--mono);border-radius:6px;justify-content:space-between;gap:10px;padding:5px 8px;font-size:12px;display:flex}.model-list button:hover,.model-list button.active{background:var(--panel-3)}.picker-path{border-bottom:1px solid var(--border);gap:6px;padding:10px 12px;display:flex}.picker-path input{font-family:var(--mono);font-size:12.5px}.picker-list{flex:1;align-content:start;padding:6px;display:grid;overflow-y:auto}.picker-list button{border-radius:7px;align-items:center;gap:9px;padding:6px 10px;display:flex}.picker-list button:hover{background:var(--panel-3)}.toast{background:var(--panel-3);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:100;cursor:pointer;border-radius:10px;max-width:80vw;padding:9px 16px;animation:.18s ease-out rise;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.nav-toggle,.nav-scrim,.right-close{display:none}.nav-toggle.floating{position:absolute;top:10px;left:10px}.welcome{position:relative}@media (width<=760px){body{font-size:15px}.app,.app.with-right{grid-template-columns:minmax(0,1fr);height:100dvh}.sidebar{z-index:40;width:min(300px,86vw);padding-top:max(12px, env(safe-area-inset-top));box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.nav-open .sidebar{transform:none}.nav-open .nav-scrim{z-index:39;background:#05070c8c;display:block;position:fixed;inset:0}.nav-toggle{display:inline-grid}.app.with-right section.right{z-index:30;width:auto;padding-top:env(safe-area-inset-top);border-left:0;position:fixed;inset:0}.right-close{display:inline-grid}.chat-header{padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));flex-wrap:wrap;gap:8px}.chat-title{flex-basis:50%}.meter span:not(.badge){display:none}.mode-switch button{padding:3px 7px;font-size:12px}.transcript-inner{padding:14px 12px 8px}.msg-user{max-width:92%}.composer{padding:8px 10px max(10px, env(safe-area-inset-bottom))}.composer-hints{display:none}.composer-box textarea,input,select{font-size:16px!important}.permissions{padding:0 10px}.modal-backdrop{padding:0}.modal,.modal.picker,.modal.settings,.modal.small-modal{border:0;border-radius:0;width:100%;height:100%;max-height:100dvh}.form-grid{grid-template-columns:minmax(0,1fr);gap:4px 0}.form-grid>label:nth-child(odd){margin-top:6px}.session-delete{opacity:1}.welcome{padding:56px 16px 24px}.welcome h1{font-size:24px}.timeline-row{grid-template-columns:90px 1fr 44px}}@media (width<=1100px) and (width>=761px){.app,.app.with-right{grid-template-columns:200px minmax(0,1fr)}.app.with-right section.right{z-index:20;width:min(560px,92vw);box-shadow:var(--shadow);position:fixed;top:0;bottom:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
