:root{--bg-base: #faf9f5;--bg-subtle: #f5f4ef;--bg-elevated: #ffffff;--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;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 26, 24, .04);--shadow-md: 0 4px 12px rgba(26, 26, 24, .06);--shadow-lg: 0 12px 32px rgba(26, 26, 24, .08);--font-serif: "Tiempos Headline", "Copernicus", Georgia, "Songti SC", serif;--font-sans: "Inter", "Söhne", system-ui, -apple-system, "PingFang SC", sans-serif;--font-mono: "JetBrains 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;--motion-fast: .15s;--motion-base: .2s;--motion-slow: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1);font-family:var(--font-sans);color:var(--text-primary);font-size:var(--text-body);line-height:1.6;font-feature-settings:"tnum";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg-base)}button{font-family:inherit;cursor:pointer}.cockpit{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;height:100vh;background:var(--bg-base);transition:grid-template-columns .25s var(--ease-out)}.cockpit.is-left-collapsed{grid-template-columns:0 minmax(0,1fr) 320px}.cockpit.is-right-collapsed{grid-template-columns:240px minmax(0,1fr) 0}.cockpit.is-left-collapsed.is-right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.col{height:100vh;overflow:auto;min-width:0}.cockpit.is-left-collapsed .col--left,.cockpit.is-right-collapsed .col--right{overflow:hidden}.col--left{background:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column}.col--center{display:flex;flex-direction:column}.col--right{background:var(--bg-subtle);border-left:1px solid var(--border);padding:20px 16px}@media (max-width: 1024px){.cockpit{grid-template-columns:200px minmax(0,1fr)}.col--right{display:none}}.left__head{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{font-family:var(--font-serif);font-size:19px;margin:0;color:var(--text-primary)}.btn-new-icon{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:background .15s ease-out}.btn-new-icon:hover{background:var(--accent-hover)}.btn-new{width:100%;border:none;background:var(--accent);color:#fff;padding:10px 14px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:background .15s ease-out}.btn-new:hover{background:var(--accent-hover)}.proj-groups{flex:1;overflow:auto;padding:4px 8px 12px}.proj-group+.proj-group{margin-top:6px;border-top:1px solid var(--border);padding-top:8px}.proj-group__title{display:flex;align-items:center;gap:5px;margin:0 0 4px;padding:0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.proj-list{list-style:none;margin:0;padding:0}.proj-li{position:relative}.proj-li .proj-item{padding-right:30px}.proj-pin{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:opacity .12s ease-out,color .12s ease-out,background .12s ease-out}.proj-li:hover .proj-pin,.proj-pin:focus-visible{opacity:1}.proj-pin:hover{background:var(--accent-subtle);color:var(--accent)}.proj-pin.is-pinned{opacity:1;color:var(--accent)}.proj-pin.is-pinned .icon{fill:var(--accent-subtle)}.proj-item{width:100%;border:none;background:transparent;font:inherit;color:inherit;text-align:left;display:flex;align-items:baseline;gap:8px;padding:9px 10px;border-radius:var(--radius-md);border-left:3px solid transparent;cursor:pointer;transition:background .12s ease-out}.proj-item:hover{background:var(--accent-subtle)}.proj-item.is-active{background:var(--bg-elevated);border-left-color:var(--accent);box-shadow:var(--shadow-sm)}.proj-item.is-closed .proj-name{color:var(--text-secondary)}.proj-dot{width:8px;height:8px;border-radius:var(--radius-full);flex:0 0 auto;margin-top:7px;background:var(--state-success)}.proj-item.is-closed .proj-dot{background:var(--state-cancelled)}.proj-main{min-width:0;flex:1}.proj-name{font-family:var(--font-serif);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-sub{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-closed{font-size:11px;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px;align-self:center}.empty-hint{color:var(--text-tertiary);font-size:13px;padding:16px;text-align:center}.center__top{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.panel-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:background .12s ease-out,color .12s ease-out}.panel-toggle:hover{background:var(--bg-subtle);color:var(--text-primary)}.thread-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.chip{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:13px;transition:all .12s ease-out}.chip:hover{border-color:var(--accent)}.chip.is-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--text-primary)}.chip--new{border-style:dashed}.crumbs{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.crumbs__proj,.crumbs__thread{font-family:var(--font-serif);font-size:16px;background:none;border:none;padding:2px 6px;border-radius:var(--radius-sm);transition:color .12s ease-out,background .12s ease-out;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs__proj{color:var(--text-primary)}.crumbs__proj:hover{color:var(--accent)}.crumbs__sep{color:var(--text-tertiary);font-size:15px}.crumbs__thread-wrap{position:relative;min-width:0}.crumbs__thread{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}.crumbs__thread:hover{background:var(--bg-subtle);color:var(--text-primary)}.crumbs__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:transparent;border:none;cursor:default}.crumbs__pop{position:absolute;top:calc(100% + 6px);left:0;z-index:31;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.crumbs__item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-align:left;background:none;border:none;transition:background .12s ease-out}.crumbs__item:hover{background:var(--bg-subtle)}.crumbs__item.is-active{background:var(--accent-subtle);color:var(--text-primary)}.crumbs__item--new{color:var(--text-tertiary);border-top:1px solid var(--border);margin-top:4px;padding-top:9px}.conn{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.conn__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--state-cancelled)}.conn.is-open .conn__dot{background:var(--state-success)}.conn.is-connecting .conn__dot{background:var(--state-warning)}.stream{flex:1;overflow:auto;padding:24px 20px}.stream__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.bubble{max-width:86%;padding:12px 16px;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}.bubble--user{align-self:flex-end;background:var(--accent-subtle);color:var(--text-primary)}.bubble--assistant{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border);font-size:16px}.bubble--assistant .caret{display:inline-block;width:7px;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.tool-row{align-self:flex-start;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;max-width:86%}.tool-row__name{color:var(--accent-hover);font-weight:500}.tool-row__args{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tool-row__st{margin-left:auto;font-size:11px}.tool-row.is-running .tool-row__st{color:var(--state-running)}.tool-row.is-done .tool-row__st{color:var(--state-success)}.tool-row.is-error .tool-row__st{color:var(--state-danger)}.err-row{align-self:stretch;color:var(--state-danger);background:#f6e4e0;border:1px solid #e6c6bd;border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.compacting{align-self:center;color:var(--state-warning);font-size:13px}.stream-empty{color:var(--text-tertiary);text-align:center;margin-top:64px;font-size:14px}.composer{border-top:1px solid var(--border);padding:14px 20px}.composer__inner-wrap{max-width:720px;margin:0 auto}.composer__inner{display:flex;gap:10px;align-items:flex-end;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;box-shadow:var(--shadow-sm);transition:border-color .12s ease-out,box-shadow .12s ease-out}.composer__inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.composer__inner.is-dragover{border:1px dashed var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 3px var(--accent-subtle)}.composer__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.drop-chip{display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:4px 6px 4px 8px;font-size:12px;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.drop-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-chip--url .drop-chip__label{font-family:var(--font-mono)}.drop-chip__x{display:inline-flex;border:none;background:transparent;color:var(--text-tertiary);padding:1px;border-radius:var(--radius-full)}.drop-chip__x:hover{color:var(--state-danger)}.composer__chips-hint{font-size:11px;color:var(--text-tertiary)}.composer textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:15px;line-height:1.5;color:var(--text-primary);max-height:160px}.composer__send,.composer__stop{border:none;border-radius:var(--radius-full);width:38px;height:38px;flex:0 0 auto;color:#fff;font-size:16px}.composer__send{background:var(--accent)}.composer__send:hover{background:var(--accent-hover)}.composer__send:disabled{background:var(--border-strong);cursor:not-allowed}.composer__stop{background:var(--state-danger)}.center-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-family:var(--font-serif);font-size:20px;text-align:center;padding:32px}.right-sec{margin-bottom:28px}.right-sec__title{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);margin:0 0 10px;display:flex;align-items:center;gap:6px;text-transform:uppercase}.right-sec__placeholder{background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:16px;color:var(--text-tertiary);font-size:13px;text-align:center}.wf-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.wf-tree{display:flex;flex-direction:column;gap:3px}.wf-row{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);line-height:1.6;min-width:0}.wf-row .icon{color:var(--text-tertiary);flex:none}.wf-row--dir{color:var(--text-primary)}.wf-row--dir .icon{color:var(--accent)}.wf-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-hint{margin-top:10px;font-size:11px;color:var(--text-tertiary);text-align:right}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1852;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:520px;max-width:calc(100vw - 32px);padding:28px}.modal h2{font-family:var(--font-serif);font-size:24px;margin:0 0 6px}.modal__sub{color:var(--text-secondary);font-size:14px;margin:0 0 18px}.field-label{display:block;font-size:13px;color:var(--text-secondary);margin:0 0 6px}.modal textarea,.modal input[type=text]{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-family:inherit;font-size:15px;color:var(--text-primary);background:var(--bg-base);outline:none}.modal textarea:focus,.modal input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.modal textarea{min-height:92px;resize:vertical}.disclosure{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.disclosure summary{cursor:pointer;color:var(--text-secondary);font-size:13px;list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure__body{margin-top:10px}.disclosure__hint{color:var(--text-tertiary);font-size:12px;margin:6px 0 0}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 20px;font-weight:500;font-size:14px}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--border-strong);cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 18px;font-size:14px}.modal__err{color:var(--state-danger);font-size:13px;margin:10px 0 0}.confirm-name{font-family:var(--font-serif)}.banner{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#f6e4e0;color:var(--state-danger);border:1px solid #e6c6bd;border-radius:var(--radius-md);padding:8px 16px;font-size:13px;z-index:60;box-shadow:var(--shadow-md)}.plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.plan-node{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;font-size:13px}.plan-node__dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none;background:var(--state-pending)}.plan-node__title{flex:1;min-width:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-node__status{font-size:11px;color:var(--text-secondary);flex:none}.plan-node.is-pending .plan-node__dot{background:var(--state-pending)}.plan-node.is-running .plan-node__dot{background:var(--state-running);animation:breathe 1.4s ease-in-out infinite}.plan-node.is-running .plan-node__status{color:var(--state-running)}.plan-node.is-done .plan-node__dot{background:var(--state-success)}.plan-node.is-done .plan-node__status{color:var(--state-success)}.plan-node.is-failed .plan-node__dot{background:var(--state-danger)}.plan-node.is-failed .plan-node__status{color:var(--state-danger)}.plan-node.is-cancelled .plan-node__dot{background:var(--state-cancelled)}.plan-node.is-cancelled .plan-node__title{color:var(--text-tertiary)}.plan-node.is-needs-approval .plan-node__dot{background:var(--state-danger);animation:blink 1.8s ease-in-out infinite}.plan-node.is-needs-approval .plan-node__status{color:var(--state-danger)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.artifact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.artifact-item{width:100%;display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;font-size:13px;text-align:left}.artifact-item:hover{box-shadow:var(--shadow-md)}.artifact-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.artifact-item__scope{font-size:11px;padding:1px 7px;border-radius:var(--radius-sm);flex:none}.artifact-item__scope.scope-shared{background:var(--accent-subtle);color:var(--accent-hover)}.artifact-item__scope.scope-thread{background:var(--bg-subtle);color:var(--text-secondary)}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1852;display:flex;align-items:center;justify-content:center;z-index:60}.preview-panel{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(720px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.preview-panel__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.preview-panel__name{font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.preview-panel__close{border:none;background:none;color:var(--text-secondary);font-size:15px}.preview-panel__body{margin:0;padding:16px;overflow:auto;font-family:var(--font-mono);font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.preview-panel__empty{padding:32px;text-align:center;color:var(--text-tertiary);font-size:13px}.preview-panel__iframe{width:100%;height:60vh;border:none;background:#fff}.preview-panel__md{padding:16px 20px;overflow:auto}.md-body{font-size:inherit;line-height:1.6;word-break:break-word;white-space:normal}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4{font-family:var(--font-serif);line-height:1.3;margin:1.2em 0 .5em}.md-body h1{font-size:1.4em}.md-body h2{font-size:1.25em}.md-body h3{font-size:1.1em}.md-body p{margin:.6em 0}.md-body ul,.md-body ol{margin:.6em 0;padding-left:1.4em}.md-body li{margin:.2em 0}.md-body a{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.md-body code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.08em .36em}.md-body pre{margin:.7em 0;padding:12px 14px;overflow:auto;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.md-body pre code{background:none;border:none;padding:0;font-size:13px;line-height:1.5}.md-body blockquote{margin:.7em 0;padding:.2em 0 .2em 1em;border-left:3px solid var(--border-strong);color:var(--text-secondary)}.md-body table{border-collapse:collapse;margin:.7em 0;font-size:.92em}.md-body th,.md-body td{border:1px solid var(--border);padding:5px 10px;text-align:left}.md-body th{background:var(--bg-subtle)}.md-body hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-body img{max-width:100%}.approval-card{margin:0 auto 12px;max-width:720px;width:calc(100% - 32px);background:var(--bg-elevated);border:1px solid var(--state-danger);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.approval-card__head{background:var(--state-danger);color:#fff;font-size:13px;font-weight:600;padding:8px 14px}.approval-card__body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.approval-card__row{display:flex;gap:10px;font-size:13px}.approval-card__label{flex:none;width:36px;color:var(--text-secondary)}.approval-card__value{color:var(--text-primary)}.approval-card__detail{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-subtle);border-radius:var(--radius-sm);padding:2px 6px;word-break:break-all;color:var(--text-primary)}.approval-card__actions{display:flex;gap:8px;padding:0 14px 14px}.approval-card__allow{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-weight:500}.approval-card__allow:hover{background:var(--accent-hover)}.approval-card__deny{background:none;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 16px}.approval-card__head{display:flex;align-items:center;gap:6px}.icon{flex:none;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-new,.btn-primary,.chip,.right-sec__title,.approval-card__allow,.approval-card__deny,.banner__btn,.home-action{display:inline-flex;align-items:center;justify-content:center;gap:6px}.right-sec__title{justify-content:flex-start}.proj-item,.chip,.btn-new,.btn-primary,.btn-ghost,.composer__send,.composer__stop,.artifact-item,.plan-node,.home-action{transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.plan-node .icon{color:var(--state-pending)}.plan-node.is-running .icon{color:var(--state-running)}.plan-node.is-done .icon{color:var(--state-success)}.plan-node.is-failed .icon,.plan-node.is-needs-approval .icon{color:var(--state-danger)}.plan-node.is-cancelled .icon{color:var(--state-cancelled)}.plan-node.is-running{border-color:var(--accent-subtle);background:var(--state-running-subtle)}.plan-node.is-done{background:var(--state-success-subtle)}.plan-node.is-needs-approval{background:var(--state-danger-subtle)}.right-sec__placeholder--soft{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-tertiary);line-height:1.5}.right-sec__placeholder--soft .icon{color:var(--text-tertiary)}.artifact-item>.icon{color:var(--text-secondary)}.err-row{display:flex;align-items:center;gap:6px}.setup-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:24px;overflow:auto}.setup-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-width:100%;padding:36px 32px}.setup-card__title{font-family:var(--font-serif);font-size:var(--text-h1);margin:0 0 8px}.setup-card__lede{color:var(--text-secondary);font-size:var(--text-body);line-height:1.6;margin:0 0 24px}.setup-field{margin-bottom:18px}.setup-field__label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 6px}.setup-card input[type=text],.setup-card input[type=password]{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;font-family:inherit;font-size:var(--text-body);color:var(--text-primary);background:var(--bg-base);outline:none;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.setup-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.setup-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.setup-seg button{border:none;background:var(--bg-elevated);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);padding:6px 14px}.setup-seg button.is-active{background:var(--accent-subtle);color:var(--accent-hover);font-weight:500}.setup-card__hint{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5;margin:4px 0 0}.setup-card__foot{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5;margin:20px 0 0;display:flex;align-items:flex-start;gap:6px}.setup-card__actions{display:flex;gap:10px;margin-top:24px}.setup-card__actions .btn-primary{flex:1}.setup-card__err{color:var(--state-danger);font-size:var(--text-sm);margin:12px 0 0}.setup-card__ok{color:var(--state-success);font-size:var(--text-sm);margin:12px 0 0}.setup-detected{background:var(--accent-subtle);border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.banner-stack{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(680px,calc(100vw - 32px))}.banner{display:flex;align-items:center;gap:10px;background:var(--state-danger-subtle);color:var(--state-danger);border:1px solid #e6c6bd;border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-sm);box-shadow:var(--shadow-md);animation:banner-in var(--motion-slow) var(--ease-out)}.banner--warning{background:var(--state-warning-subtle);color:var(--state-warning);border-color:#e7d3a0}.banner__icon{flex:none}.banner__text{flex:1;min-width:0}.banner__btn{border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:4px 10px;flex:none}.banner__btn:hover{background:#bc554414}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home{flex:1;overflow:auto;padding:40px 32px}.home__inner{max-width:720px;margin:0 auto}.home__eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:10px}.home__title{font-family:var(--font-serif);font-size:var(--text-display);line-height:1.25;margin:0 0 8px}.home__goal{color:var(--text-secondary);font-size:var(--text-body-lg);line-height:1.6;margin:0 0 24px}.home__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.home-action{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:var(--text-body);border-radius:var(--radius-md);padding:9px 16px}.home-action:hover{border-color:var(--accent)}.home-action--primary{background:var(--accent);border-color:var(--accent);color:#fff}.home-action--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.home__sec-title{font-size:var(--text-h2);font-family:var(--font-serif);margin:0 0 12px}.home__threads{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:8px}.home-thread{width:100%;text-align:left;display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;font:inherit;font-size:var(--text-body);color:var(--text-primary);transition:box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.home-thread:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.home-thread .icon{color:var(--text-secondary)}.home-thread__meta{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary)}.home__empty{color:var(--text-tertiary);font-size:var(--text-body)}.home__tag-closed{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px}.tool-group{align-self:flex-start;max-width:86%;width:100%;display:flex;flex-direction:column;gap:6px}.tool-group__chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 12px;font-size:var(--text-sm);color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.tool-group__chip:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.tool-group__chip .icon{color:var(--accent-hover)}.tool-group__label{font-weight:500;color:var(--text-primary)}.tool-group__badge{font-size:var(--text-xs);padding:1px 7px;border-radius:var(--radius-sm)}.tool-group__badge.is-running{background:var(--state-running-subtle);color:var(--state-running)}.tool-group__badge.is-error{background:var(--state-danger-subtle);color:var(--state-danger)}.tool-group__list{display:flex;flex-direction:column;gap:4px;padding-left:8px;border-left:2px solid var(--border);margin-left:6px}.tool-row{position:relative}.tool-row__copy{border:none;background:transparent;color:var(--text-tertiary);padding:2px;border-radius:var(--radius-sm);display:inline-flex;flex:none;opacity:0;transition:opacity var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.tool-row:hover .tool-row__copy{opacity:1}.tool-row__copy:hover{color:var(--accent)}.approval-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.approval-card__allow:focus-visible,.approval-card__deny:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-subtle)}.approval-card__allow,.approval-card__deny{display:inline-flex;align-items:center;gap:8px}.approval-card__kbd{font-family:var(--font-mono);font-size:11px;line-height:1;padding:2px 5px;border-radius:var(--radius-sm);border:1px solid currentColor;opacity:.7}.approval-card__allow .approval-card__kbd{border-color:#fff9}.bubble--assistant{position:relative}.bubble__copy{position:absolute;top:6px;right:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-tertiary);border-radius:var(--radius-sm);padding:3px;display:inline-flex;opacity:0;box-shadow:var(--shadow-sm);transition:opacity var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.bubble--assistant:hover .bubble__copy{opacity:1}.bubble__copy:hover{color:var(--accent);border-color:var(--accent)}.artifact-li{position:relative;display:flex;align-items:center}.artifact-li .artifact-item{flex:1;min-width:0}.artifact-copy{position:absolute;right:8px;border:none;background:var(--bg-subtle);color:var(--text-tertiary);border-radius:var(--radius-sm);padding:4px;display:inline-flex;opacity:0;transition:opacity var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.artifact-li:hover .artifact-copy{opacity:1}.artifact-copy:hover{color:var(--accent)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-base);font-size:var(--text-sm);padding:9px 18px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:80;animation:toast-in var(--motion-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 20px;color:var(--text-tertiary)}.empty-state .icon{color:var(--border-strong);margin-bottom:4px}.empty-state__title{font-family:var(--font-serif);font-size:var(--text-body-lg);color:var(--text-secondary);margin:0}.empty-state__hint{font-size:var(--text-sm);line-height:1.5;margin:0;max-width:200px}.home__dir{font-size:var(--text-sm);color:var(--text-tertiary);margin:-14px 0 24px}.home__dir code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}