:root{--bg-base:#faf9f5;--bg-subtle:#f5f4ef;--bg-elevated:#fff;--text-primary:#1a1a18;--text-secondary:#6b6862;--text-tertiary:#9b9890;--accent:#cc785c;--accent-hover:#b5654a;--accent-subtle:#f4e8e2;--border:#e8e6df;--border-strong:#d8d5cc;--state-pending:#6b6862;--state-running:#cc785c;--state-running-subtle:#f4e8e2;--state-success:#5a8a6b;--state-success-subtle:#e7efe9;--state-danger:#bc5544;--state-danger-subtle:#f6e4e0;--state-cancelled:#9b9890;--state-warning:#c99a3f;--state-warning-subtle:#f5edda;--font-serif:"Tiempos Headline", "Copernicus", Georgia, "Times New Roman", serif;--font-sans:"Inter", "Söhne", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Berkeley Mono", "SF Mono", Menlo, monospace;--text-display:32px;--text-h1:24px;--text-h2:19px;--text-body-lg:17px;--text-body:15px;--text-sm:13px;--text-xs:12px;--text-code:13.5px;--lh-base:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--col-left-w:280px;--col-right-w:360px;--content-max-w:720px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #1a1a180a;--shadow-md:0 4px 12px #1a1a180f;--shadow-lg:0 12px 32px #1a1a1814;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur:.2s;--dur-slow:.25s;--scrim:#1a1a1852}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"tnum"}.serif{font-family:var(--font-serif);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{grid-template-columns:var(--col-left-w) 1fr var(--col-right-w);height:100vh;display:grid}.col-left,.col-right{background:var(--bg-subtle);flex-direction:column;min-height:0;display:flex}.col-left{border-right:1px solid var(--border)}.col-right{border-left:1px solid var(--border)}.col-center{background:var(--bg-base);flex-direction:column;min-width:0;min-height:0;display:flex}.left-head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-h2);color:var(--text-primary);font-weight:500;display:inline-flex}.brand .brand-mark{color:var(--accent);display:inline-flex}.tag{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-base);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.left-head .icon-btn{margin-left:0}.left-head .collapse-btn{color:var(--text-tertiary);margin-left:auto;font-size:16px;line-height:1}.col-left,.col-right{position:relative}.resize-handle{cursor:col-resize;z-index:5;width:6px;position:absolute;top:0;bottom:0}.resize-handle:hover{background:var(--accent-subtle)}.resize-left{right:-3px}.resize-right{left:-3px}.shell.left-collapsed{--col-left-w:64px}.shell.left-collapsed .brand-text,.shell.left-collapsed .p-main{display:none}.shell.left-collapsed .left-head{justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);flex-wrap:wrap}.shell.left-collapsed .left-head .collapse-btn{margin-left:0}.shell.left-collapsed .project-item{justify-content:center}.shell.left-collapsed .p-open{padding:var(--space-2);justify-content:center}.shell.left-collapsed .p-pin,.shell.left-collapsed .nav-section-label{display:none}.shell.right-hidden{--col-right-w:0px}.shell.right-hidden .col-right{display:none}.panel-show-btn{border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--bg-elevated);width:28px;height:56px;color:var(--text-secondary);cursor:pointer;z-index:20;border-right:none;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.panel-show-btn:hover{color:var(--accent);border-color:var(--accent)}.right-head .panel-hide-btn{margin-left:auto}.composer-inner.dragover{outline:2px dashed var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.new-project-cta{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-1) var(--space-3);padding:var(--space-3);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-body);cursor:pointer;transition:background var(--dur) var(--ease-out);border:none;font-weight:500;display:flex}.new-project-cta:hover{background:var(--accent-hover)}.shell.left-collapsed .new-project-cta .cta-text{display:none}.shell.left-collapsed .new-project-cta{padding:var(--space-2)}.center-approvals{width:100%;max-width:720px;padding:0 var(--space-5) var(--space-3);margin:0 auto}.plan-slow{font-size:var(--text-xs);color:var(--state-warning);margin-top:2px}.plan-node{animation:plan-in var(--dur) var(--ease-out)}@keyframes plan-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.plan-node{animation:none}}.project-list{padding:var(--space-1) var(--space-2) var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.project-item{align-items:stretch;gap:var(--space-1);border-radius:var(--radius-md);transition:background var(--dur) var(--ease-out);background:0 0;padding-left:3px;display:flex;position:relative}.project-item:hover{background:var(--bg-elevated)}.project-item.active{background:var(--bg-subtle)}.project-item.active:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:3px;position:absolute;top:7px;bottom:7px;left:0}.p-open{align-items:flex-start;gap:var(--space-2);text-align:left;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;font:inherit;color:var(--text-primary);background:0 0;border:none;flex:1;display:flex}.p-pin{margin-right:var(--space-2);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease-out), background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.project-item:hover .p-pin{opacity:1}.p-pin:hover{background:var(--bg-subtle);color:var(--text-primary)}.p-pin.pinned{opacity:1;color:var(--accent)}.nav-section-label{font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3) 2px;-webkit-user-select:none;user-select:none;font-weight:600}.project-item .p-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:7px}.project-item .p-dot.on{background:var(--state-success)}.project-item .p-dot.off{background:var(--text-tertiary)}.project-item .p-main{flex-direction:column;gap:2px;min-width:0;display:flex}.p-name{font-family:var(--font-serif);font-weight:500;font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-sub{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.p-time{font-size:var(--text-xs);color:var(--text-tertiary)}.p-status{font-size:var(--text-xs);color:var(--state-cancelled);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;align-self:center;padding:1px 7px;font-weight:500}.center-head,.right-head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);min-height:56px;display:flex}.center-title{font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);font-weight:500}.center-title.muted,.center-title .muted{color:var(--text-secondary)}.right-head{font-family:var(--font-sans);font-size:var(--text-h2);color:var(--text-primary);font-weight:600}.dot{border-radius:var(--radius-full);width:8px;height:8px;margin-left:auto}.dot.on{background:var(--state-success)}.dot.off{background:var(--text-tertiary)}.head-closed-tag{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px var(--space-2)}.crumb{align-items:center;gap:var(--space-2);min-width:0;display:flex}.crumb-proj{font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:36ch;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;padding:2px 4px;font-weight:500;overflow:hidden}.crumb-proj:hover{background:var(--bg-subtle);color:var(--accent)}.crumb-sep{color:var(--text-tertiary);font-size:var(--text-h2);-webkit-user-select:none;user-select:none}.crumb-thread-wrap{min-width:0;position:relative}.crumb-thread{align-items:center;gap:var(--space-2);max-width:30ch;padding:4px var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font:inherit;font-size:var(--text-body);cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;display:inline-flex}.crumb-thread:hover{background:var(--bg-subtle);border-color:var(--border)}.crumb-thread-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.crumb-caret{color:var(--text-tertiary);font-size:var(--text-xs);flex:none}.crumb-menu{z-index:31;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;max-width:320px;max-height:60vh;box-shadow:var(--shadow-md,0 8px 24px #0000001a);padding:var(--space-1);position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.crumb-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;display:flex}.crumb-item:hover{background:var(--accent-subtle)}.crumb-item.active{background:var(--bg-subtle)}.crumb-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.crumb-item.closed .crumb-item-label{color:var(--text-tertiary)}.crumb-check{color:var(--accent);flex:none}.crumb-new{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:2px}.crumb-new:hover{color:var(--accent)}.head-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.head-right .dot{margin-left:0}.head-running{font-size:var(--text-xs);color:var(--state-running);background:var(--accent-subtle);border-radius:var(--radius-full);padding:2px var(--space-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.proj-menu-wrap{position:relative}.menu-backdrop{z-index:30;position:fixed;inset:0}.proj-menu{z-index:31;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:132px;box-shadow:var(--shadow-md,0 8px 24px #0000001a);padding:var(--space-1);position:absolute;top:calc(100% + 4px);right:0}.proj-menu button{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;display:flex}.proj-menu button:hover{background:var(--accent-subtle);color:var(--accent)}.closed-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-subtle);border-bottom:1px solid var(--border);display:flex}.link-btn{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--accent-hover)}.overview{padding:var(--space-6) var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;width:100%;max-width:760px;margin:0 auto;display:flex;overflow-y:auto}.overview-head{gap:var(--space-2);flex-direction:column;display:flex}.overview-title{font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);font-weight:500}.overview-goal{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6}.overview-section{gap:var(--space-3);flex-direction:column;display:flex}.overview-sec-head{align-items:center;gap:var(--space-2);font-size:var(--text-h2);color:var(--text-primary);font-weight:600;display:flex}.overview-count{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:0 var(--space-2)}.overview-new{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;background:0 0;margin-left:auto;display:inline-flex}.overview-new:hover{border-color:var(--accent);background:var(--accent-subtle)}.overview-threads,.overview-arts{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.overview-thread{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-body);cursor:pointer;display:flex}.overview-thread:hover{border-color:var(--accent);background:var(--accent-subtle)}.ot-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ot-closed{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:0 var(--space-2)}.ot-time{font-size:var(--text-xs);color:var(--text-tertiary)}.overview-art{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-sm);display:flex}.oa-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.oa-scope{font-size:var(--text-xs);color:var(--text-secondary)}.toolcard{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);align-self:flex-start;width:fit-content;max-width:720px;margin:0;overflow:hidden}.toolcard-head{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;font-size:var(--text-sm);color:var(--text-secondary);background:0 0;border:none;display:flex}.tc-icon{color:var(--text-tertiary);display:inline-flex}.tc-tool{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.tc-summary{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--text-secondary);flex:1;overflow:hidden}.tc-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.tc-dot.running{background:var(--state-running);animation:1.2s ease-in-out infinite tc-pulse}.tc-dot.ok{background:var(--state-success)}.tc-dot.error{background:var(--state-danger)}.tc-chevron{color:var(--text-tertiary);font-size:11px}.toolcard-body{padding:0 var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.tc-block{flex-direction:column;gap:2px;display:flex}.tc-label{font-size:var(--text-xs);color:var(--text-tertiary)}.tc-pre{padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:240px;margin:0;overflow:auto}.toolcard.error{border-color:var(--state-danger)}@keyframes tc-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.tc-dot.running{animation:none}}.messages{padding:var(--space-6) var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages>*{width:100%;max-width:var(--content-max-w);flex-shrink:0;margin-inline:auto}.flow-row{justify-content:flex-start;display:flex}.empty{color:var(--text-secondary);text-align:center;margin-top:var(--space-8);font-family:var(--font-serif);font-size:var(--text-h2);font-weight:500;line-height:1.5}.empty.small{font-family:var(--font-sans);font-size:var(--text-sm);padding:2px 0 var(--space-1);text-align:left;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.5}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant,.msg.system{justify-content:flex-start}.bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-lg);line-height:var(--lh-base);white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:var(--radius-sm)}.msg.assistant .bubble{background:var(--bg-elevated);border:1px solid var(--border);border-bottom-left-radius:var(--radius-sm)}.msg.system .bubble{align-items:center;gap:var(--space-2);background:var(--state-danger-subtle);color:var(--state-danger);font-size:var(--text-sm);border-radius:var(--radius-md);display:inline-flex}.bubble.thinking{align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-body);font-style:italic;display:inline-flex}.bubble.thinking .spin{color:var(--accent)}.composer{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);display:flex}.composer-inner{width:100%;max-width:var(--content-max-w);align-items:flex-end;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);margin-inline:auto;display:flex}.composer-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.composer textarea{resize:none;padding:var(--space-2) 0;font:inherit;font-size:var(--text-body-lg);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;line-height:1.5}.composer textarea::placeholder{color:var(--text-secondary)}.send-btn,.interrupt-btn{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:background var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.send-btn{background:var(--accent);color:#fff}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:active:not(:disabled){transform:translateY(1px)}.send-btn:disabled{background:var(--bg-subtle);color:var(--text-tertiary);cursor:not-allowed}.interrupt-btn{background:var(--bg-elevated);color:var(--state-danger);border:1px solid var(--state-danger)}.interrupt-btn:hover{background:var(--state-danger-subtle)}.thread-tab-run{border-radius:var(--radius-full);background:var(--state-running);flex:none;width:6px;height:6px;animation:1.4s ease-in-out infinite breathe}.thread-tab-flag{font-size:var(--text-xs);color:var(--state-cancelled);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:0 6px;font-weight:500}.right-body{flex:1;min-height:0;overflow-y:auto}.working-folder,.plan,.subagents,.inputs-panel,.artifacts,.context-panel{padding:var(--space-4);border-bottom:1px solid var(--border)}.right-body>:last-child{border-bottom:none}.section-head{align-items:center;gap:var(--space-2);font-size:var(--text-body);letter-spacing:.01em;color:var(--text-primary);padding:0 0 var(--space-3);min-height:20px;font-weight:600;display:flex}.section-head .sh-icon{color:var(--text-tertiary);display:inline-flex}.section-head .sh-count{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto;font-weight:500}.section-head .sh-action{font-size:var(--text-xs);color:var(--text-tertiary);border-radius:var(--radius-sm);padding:2px var(--space-2);cursor:pointer;transition:color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);background:0 0;border:none;align-items:center;gap:3px;margin-left:auto;font-weight:500;display:inline-flex}.section-head .sh-count+.sh-action{margin-left:var(--space-2)}.section-head .sh-action:hover:not(:disabled){color:var(--accent);background:var(--accent-subtle)}.section-head .sh-action:disabled{opacity:.5;cursor:default}.external-open{align-items:center;gap:var(--space-1);margin-top:var(--space-3);display:inline-flex}.inputs-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.input-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.input-item:hover{background:var(--bg-elevated)}.input-item .ii-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;overflow:hidden}.input-item .ii-size{font-size:var(--text-xs);color:var(--text-tertiary)}.status-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.badge{font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.badge.pending{color:var(--state-pending);background:var(--bg-subtle)}.badge.running{color:var(--state-running);background:var(--state-running-subtle)}.badge.done{color:var(--state-success);background:var(--state-success-subtle)}.badge.failed,.badge.needs-approval{color:var(--state-danger);background:var(--state-danger-subtle)}.badge.cancelled{color:var(--state-cancelled);background:var(--bg-subtle)}.plan-progress{font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--space-1) var(--space-3)}.plan-list,.subagent-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.plan-node{align-items:flex-start;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);flex-direction:row;display:flex}.subagent{border-radius:var(--radius-sm)}.subagent-row{align-items:start;gap:2px var(--space-3);width:100%;padding:var(--space-2);font:inherit;color:inherit;text-align:left;background:0 0;border:none;grid-template-columns:18px 1fr auto auto;display:grid}.subagent-chevron{color:var(--text-tertiary);align-self:center;font-size:11px}.subagent-failreason{font-size:var(--text-sm);color:var(--state-danger);padding:0 var(--space-2) var(--space-2) calc(18px + var(--space-3) + var(--space-2));line-height:1.5}.plan-node:hover,.subagent:hover{background:var(--bg-elevated)}.plan-num{border-radius:var(--radius-full);width:22px;height:22px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;border:1.5px solid var(--border-strong);color:var(--text-tertiary);background:var(--bg-base);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-weight:600;display:inline-flex}.plan-node.running .plan-num{border-color:var(--accent);color:var(--accent);animation:2.4s ease-in-out infinite breathe}.plan-node.done .plan-num{border-color:var(--state-success);background:var(--state-success);color:#fff}.plan-node.failed .plan-num,.plan-node.needs-approval .plan-num{border-color:var(--state-danger);color:var(--state-danger)}.plan-node.needs-approval .plan-num{animation:1.8s ease-in-out infinite slow-blink}.plan-node.cancelled .plan-num{border-color:var(--border);color:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){.plan-node.running .plan-num,.plan-node.needs-approval .plan-num{animation:none}}.plan-icon,.subagent-icon{color:var(--text-secondary);margin-top:1px;display:inline-flex}.plan-body,.subagent-body{min-width:0}.plan-title,.subagent-name{font-size:var(--text-body);word-break:break-word;font-weight:500;line-height:1.4}.plan-desc,.subagent-role{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-word;margin-top:2px;line-height:1.45}.subagent-hint{font-size:var(--text-xs);color:var(--accent);word-break:break-word;margin-top:3px;line-height:1.4}.plan-node.pending .plan-icon,.subagent.pending .subagent-icon{color:var(--state-pending)}.plan-node.running,.subagent.running{border-color:var(--accent)}.plan-node.running .plan-icon,.subagent.running .subagent-icon{color:var(--state-running)}.plan-node.done .plan-icon,.subagent.done .subagent-icon{color:var(--state-success)}.plan-node.done .plan-title,.subagent.done .subagent-name{color:var(--text-secondary)}.plan-node.failed .plan-icon,.subagent.failed .subagent-icon{color:var(--state-danger)}.plan-node.cancelled,.subagent.cancelled{opacity:.75}.plan-node.cancelled .plan-icon,.subagent.cancelled .subagent-icon{color:var(--state-cancelled)}.plan-node.cancelled .plan-title,.subagent.cancelled .subagent-name{color:var(--text-secondary);text-decoration:line-through}.plan-node.needs-approval,.subagent.needs-approval{border-color:var(--state-danger)}.plan-node.needs-approval .plan-icon,.subagent.needs-approval .subagent-icon{color:var(--state-danger);animation:1.8s ease-in-out infinite slow-blink}.artifact-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.artifact{border-radius:var(--radius-sm)}.artifact:hover{background:var(--bg-elevated)}.artifact-row{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-2);border-radius:var(--radius-sm);font:inherit;color:var(--text-primary);cursor:default;background:0 0;border:none;grid-template-columns:20px 1fr;display:grid}.artifact.previewable .artifact-row{cursor:pointer}.artifact-icon{color:var(--text-secondary);line-height:1;display:inline-flex}.artifact-info{flex-direction:column;gap:3px;min-width:0;display:flex}.artifact-name{font-size:var(--text-body);word-break:break-word;font-weight:500;line-height:1.35}.artifact-meta{align-items:center;gap:var(--space-2);display:flex}.artifact-scope{font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 7px;font-weight:500}.artifact-scope.shared{color:var(--accent);background:var(--accent-subtle)}.artifact-scope.thread{color:var(--text-secondary);background:var(--bg-subtle)}.artifact-size{font-size:var(--text-sm);color:var(--text-secondary)}.approvals{padding:var(--space-4);background:var(--state-danger-subtle);border-bottom:1px solid var(--border)}.approvals-head{align-items:center;gap:var(--space-2);font-size:var(--text-h2);color:var(--state-danger);padding:0 var(--space-1) var(--space-3);font-weight:600;display:flex}.approvals-head .sh-count{font-size:var(--text-xs);margin-left:auto;font-weight:500}.approval-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.approval{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);overflow:hidden}.approval-bar{background:var(--state-danger);height:3px}.approval-pad{padding:var(--space-3) var(--space-4) var(--space-4)}.approval-top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.approval-mark{color:var(--state-danger);display:inline-flex}.approval-label{font-size:var(--text-body);color:var(--text-primary);flex:1;min-width:0;font-weight:600}.approval-from{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:3px;padding:1px 7px;font-weight:500;display:inline-flex}.approval-why{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.approval-detail{gap:var(--space-2);margin-top:var(--space-1);align-items:baseline;display:flex}.approval-detail-k{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.approval-detail-v{font-size:var(--text-code);font-family:var(--font-mono);color:var(--state-danger);background:var(--bg-subtle);border-radius:var(--radius-sm);word-break:break-all;min-width:0;padding:2px 7px}.approval-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.approval-actions button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:inherit;font-size:var(--text-body);cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border:1px solid #0000;flex:1;font-weight:500}.approval-actions .approve{background:var(--accent);color:#fff}.approval-actions .approve:hover{background:var(--accent-hover)}.approval-actions .reject{color:var(--state-danger);border-color:var(--border-strong);background:0 0}.approval-actions .reject:hover{background:var(--state-danger-subtle);border-color:var(--state-danger)}.modal-backdrop{background:var(--scrim);z-index:10;animation:fade-in var(--dur) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(520px,92vw);padding:var(--space-5);box-shadow:var(--shadow-lg);animation:rise var(--dur-slow) var(--ease-out)}.modal h2{margin:0 0 var(--space-4);font-family:var(--font-serif);font-size:var(--text-h1);font-weight:500}.field-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.modal textarea,.modal input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-body-lg);background:var(--bg-base);color:var(--text-primary);resize:vertical;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none}.modal textarea:focus,.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.modal textarea::placeholder,.modal input::placeholder{color:var(--text-secondary)}.modal .hint{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 2px 0;line-height:1.5}.modal .hint code,.modal .hint .mono{font-family:var(--font-mono);background:var(--bg-subtle);border-radius:5px;padding:1px 5px;font-size:.9em}.modal .form-err{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--state-danger);margin:var(--space-3) 2px 0;display:flex}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.btn-primary{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--accent);color:#fff;font:inherit;font-size:var(--text-body);cursor:pointer;transition:background var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid var(--border-strong);font:inherit;font-size:var(--text-body);cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);background:0 0;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.modal-actions .btn-primary,.modal-actions .btn-secondary{padding:var(--space-2) var(--space-4)}.artifact-modal{width:min(720px,94vw);max-height:86vh;padding:var(--space-5);flex-direction:column;display:flex}.artifact-preview-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.artifact-preview-name{font-family:var(--font-serif);font-size:var(--text-h1);word-break:break-word;flex:1;min-width:0;font-weight:500}.artifact-close{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-base);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.artifact-close:hover{border-color:var(--accent);color:var(--accent)}.artifact-preview-path{align-items:center;gap:var(--space-2);font-size:var(--text-code);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);word-break:break-all;display:flex}.artifact-preview-body{flex:1;min-height:0;overflow-y:auto}.text-render{font-size:var(--text-code);font-family:var(--font-mono);line-height:var(--lh-base);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);margin:0}.md-render{font-size:var(--text-body-lg);color:var(--text-primary);line-height:1.65}.md-render h1,.md-render h2,.md-render h3,.md-render h4,.md-render h5,.md-render h6{font-family:var(--font-serif);margin:var(--space-4) 0 var(--space-2);font-weight:500;line-height:1.3}.md-render h1{font-size:var(--text-h1)}.md-render h2{font-size:var(--text-h2)}.md-render h3{font-size:var(--text-body-lg)}.md-render p{margin:var(--space-2) 0;word-break:break-word}.md-render .md-li{margin:var(--space-1) 0 var(--space-1) var(--space-1);word-break:break-word;gap:6px;display:flex}.md-render .md-num,.md-render .md-bullet{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex:none}.md-render code{font-family:var(--font-mono);background:var(--bg-subtle);border-radius:5px;padding:1px 5px;font-size:.88em}.md-render strong{font-weight:600}.md-render .md-code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-2) 0;white-space:pre;line-height:1.5;overflow-x:auto}.bubble .md-render{white-space:normal}.bubble .md-render>:first-child{margin-top:0}.bubble .md-render>:last-child{margin-bottom:0}.artifact-trunc{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--border)}.config-gate{background:var(--bg-base);height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.config-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,94vw);padding:var(--space-6);box-shadow:var(--shadow-lg)}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,94vw);padding:var(--space-6);box-shadow:var(--shadow-lg);gap:var(--space-3);flex-direction:column;display:flex}.login-card h2{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);font-weight:500;display:flex}.login-sub{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.login-field{flex-direction:column;gap:4px;display:flex}.login-field span{font-size:var(--text-xs);color:var(--text-secondary)}.login-field input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-base);font:inherit;font-size:var(--text-body);color:var(--text-primary);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.login-card .btn-primary{margin-top:var(--space-2)}.cli-gate-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,94vw);padding:var(--space-6);box-shadow:var(--shadow-lg);gap:var(--space-3);flex-direction:column;display:flex}.cli-gate-card h2{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);font-weight:500;display:flex}.cli-gate-card p{color:var(--text-secondary);line-height:1.6}.cli-gate-card .mono,.cli-install{font-family:var(--font-mono);font-size:var(--text-sm)}.cli-install{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.cli-gate-card .btn-primary{align-self:flex-start}.config-card .brand{font-size:var(--text-h2)}.config-card h1{margin:var(--space-3) 0 var(--space-1);font-family:var(--font-serif);font-size:var(--text-display);font-weight:500}.config-intro{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-body-lg);line-height:1.55}.config-card .field-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.config-card input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-body-lg);background:var(--bg-base);color:var(--text-primary);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none}.config-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.config-card .hint{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 2px 0;line-height:1.5}.cred-type-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cred-type{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--bg-base);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);flex-direction:column;gap:2px;display:flex;position:relative}.cred-type.active{border-color:var(--accent);background:var(--accent-subtle)}.cred-type input{top:var(--space-3);right:var(--space-3);width:auto;position:absolute}.cred-type .ct-title{font-weight:600;font-size:var(--text-body)}.cred-type .ct-desc{font-size:var(--text-sm);color:var(--text-secondary)}.config-disclaimer{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);line-height:1.6}.config-disclaimer code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:5px;padding:1px 5px;font-size:.9em}.config-test-ok{align-items:center;gap:var(--space-2);margin:var(--space-3) 2px 0;font-size:var(--text-sm);color:var(--state-success);display:flex}.config-test-err{align-items:center;gap:var(--space-2);margin:var(--space-3) 2px 0;font-size:var(--text-sm);color:var(--state-danger);display:flex}.config-card .form-err{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--state-danger);margin:var(--space-3) 2px 0;display:flex}.config-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.dropzone{align-items:center;gap:var(--space-2);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:var(--bg-base);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);flex-direction:column;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-subtle)}.dropzone .dz-icon{color:var(--text-tertiary)}.url-row{gap:var(--space-2);margin-top:var(--space-3);display:flex}.url-row input{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-body);background:var(--bg-base);color:var(--text-primary);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none;flex:1}.url-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.material-list{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.material-list li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex}.material-list .m-kind{color:var(--text-secondary);flex-shrink:0;align-items:center;display:inline-flex}.material-list .m-kind.url{color:var(--accent)}.material-list .m-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.material-list .m-remove{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);background:0 0;border:none;padding:2px;display:inline-flex}.material-list .m-remove:hover{color:var(--state-danger);background:var(--state-danger-subtle)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}@keyframes slow-blink{0%,to{opacity:1}50%{opacity:.45}}.spin{animation:1s linear infinite spin}.breathe-soft{animation:1.4s ease-in-out infinite breathe}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.icon-btn.no-push{margin-left:0}.modal.modal-wide{flex-direction:column;width:min(680px,94vw);max-height:86vh;display:flex}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.skills-toolbar{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.skills-search{align-items:center;gap:var(--space-2);min-width:160px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-tertiary);flex:1;display:flex}.skills-search input{font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.skills-count{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.skill-list{padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-base);flex:1;min-height:120px;margin:0;list-style:none;overflow-y:auto}.skill-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease-out);display:flex}.skill-row:hover{background:var(--bg-subtle)}.skill-meta{cursor:pointer;flex-direction:column;gap:1px;min-width:0;display:flex}.skill-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.skill-row:not(.on) .skill-name{color:var(--text-secondary)}.skill-desc{font-size:var(--text-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toggle{border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:36px;height:20px;transition:background var(--dur) var(--ease-out);border:none;flex:none;padding:0;position:relative}.toggle.on{background:var(--accent)}.toggle .knob{border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--dur) var(--ease-out);background:#fff;position:absolute;top:2px;left:2px}.toggle.on .knob{transform:translate(16px)}.hint-warn{color:var(--state-warning)}.goal-echo{gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.goal-echo-k{color:var(--text-tertiary);flex-shrink:0}.goal-echo-v{color:var(--text-primary);line-height:1.5}.more-toggle{color:var(--accent);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1) 0;background:0 0;border:none;align-self:flex-start}.more-toggle:hover{color:var(--accent-hover)}.more-section{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.thoughtcard{align-self:flex-start;width:fit-content;max-width:720px;margin:0}.thought-head{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--text-tertiary);font-size:var(--text-xs);background:0 0;border:none;padding:2px 0;display:inline-flex}.thought-head:hover{color:var(--text-secondary)}.thought-label{font-style:italic}.thought-chevron{font-size:11px}.thought-body{margin-top:var(--space-1);padding:var(--space-3);background:var(--bg-subtle);border-left:2px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-wrap;max-height:320px;line-height:1.6;overflow:auto}.stream-caret{vertical-align:text-bottom;background:var(--accent);border-radius:1px;width:7px;height:1em;margin-left:1px;animation:1.05s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.thoughtcard.streaming .thought-head{color:var(--accent)}.toolgroup{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);align-self:flex-start;width:fit-content;max-width:720px;margin:0;overflow:hidden}.toolgroup-head{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);background:0 0;border:none;display:flex}.tg-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.tg-dot.running{background:var(--state-running);animation:1.2s ease-in-out infinite tc-pulse}.tg-dot.ok{background:var(--state-success)}.tg-dot.error{background:var(--state-danger)}.tg-count{color:var(--text-primary);font-weight:600}.tg-err{color:var(--state-danger);font-size:var(--text-xs)}.tg-chevron{color:var(--text-tertiary);margin-left:auto;font-size:11px}.toolgroup-body{padding:0 var(--space-2) var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.toolgroup-body .toolcard{background:var(--bg-elevated)}.subagents-inline{align-self:flex-start;align-items:center;gap:var(--space-2);width:fit-content;max-width:720px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;display:flex}.subagents-inline .sai-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}@media (prefers-reduced-motion:reduce){.tg-dot.running{animation:none}}.wf-head{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.wf-chevron{color:var(--text-tertiary);margin-left:auto;font-size:11px;font-weight:400}.wf-body{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.wf-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);word-break:break-all}.wf-actions{gap:var(--space-4);display:flex}.wf-actions .link-btn{font-size:var(--text-xs);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.ctx-group-head{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.02em;margin:var(--space-2) 0 2px;font-weight:500}.ctx-group-head:first-of-type{margin-top:0}.ctx-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ctx-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.ctx-item:hover{background:var(--bg-elevated)}.ctx-item .ctx-name{color:var(--text-primary)}.ctx-item svg{color:var(--text-tertiary);flex-shrink:0}.attach-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.attach-btn:hover{color:var(--accent)}.queue-btn{padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--accent);color:#fff;height:36px;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-self:flex-end;align-items:center;gap:4px;font-weight:500;display:inline-flex}.queue-btn:hover:not(:disabled){background:var(--accent-hover)}.queue-btn:disabled{opacity:.5;cursor:default}.queued-list{gap:var(--space-2);padding:0 var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.queued-chip{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px var(--space-2);display:inline-flex}.queued-x{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.queued-x:hover{color:var(--state-danger)}.subagent-type{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.toolcard,.toolgroup{border-color:var(--border-strong)}.toolcard-head,.toolgroup-head{min-height:30px}.tc-tool{font-family:var(--font-mono)}.model-picker{position:relative}.model-pill{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px var(--space-2) 3px var(--space-3);cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);align-items:center;gap:4px;display:inline-flex}.model-pill:hover{border-color:var(--accent);color:var(--accent)}.mp-caret{color:var(--text-tertiary);font-size:9px}.model-menu{z-index:31;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:168px;box-shadow:var(--shadow-md,0 8px 24px #0000001a);padding:var(--space-1);position:absolute;top:calc(100% + 4px);right:0}.model-item{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;display:flex}.model-item:hover{background:var(--accent-subtle)}.model-item.active{color:var(--accent)}.model-check{color:var(--accent);flex:none}