:root{--bg-base: #faf9f5;--bg-subtle: #f5f4ef;--bg-elevated: #ffffff;--bg-base-glass: rgba(250, 249, 245, .85);--text-primary: #1a1a18;--text-secondary: #6b6862;--text-tertiary: #9b9890;--accent: #cc785c;--accent-hover: #b5654a;--accent-subtle: #f4e8e2;--accent-ring: rgba(204, 120, 92, .28);--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: 4px;--radius-md: 6px;--radius-lg: 8px;--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)}*{scrollbar-width:thin;scrollbar-color:rgba(204,120,92,.35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cc785c59;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#cc785c99;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}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 var(--motion-slow) 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);box-shadow:1px 0 #1a1a180a,8px 0 24px -16px #1a1a180d;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:2}.col--center{display:flex;flex-direction:column}.col--right{background:var(--bg-base);padding:20px 16px;position:relative;z-index:2}@media (max-width: 1280px){.cockpit{grid-template-columns:220px minmax(0,1fr)}.col--right{display:none}}.left__head{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.left__head:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(to bottom,var(--bg-subtle) 0%,rgba(245,244,239,0) 100%);pointer-events:none;z-index:1}.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 var(--motion-fast) var(--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 var(--motion-fast) var(--ease-out)}.btn-new:hover{background:var(--accent-hover)}.proj-groups{flex:1;overflow-y:auto;overflow-x:hidden;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 var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--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:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);border-left:3px solid transparent;cursor:pointer;transition:background var(--motion-fast) var(--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;background:var(--state-success)}.proj-item.is-closed .proj-dot{background:var(--state-cancelled)}.proj-name{flex:1 1 auto;min-width:0;font-family:var(--font-serif);font-size:15px;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}.right-empty{padding:32px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.right-empty__text{font-family:var(--font-serif);font-size:var(--text-sm);line-height:1.65;color:var(--text-tertiary);margin:0}.right-empty__link{background:transparent;border:none;padding:4px 8px;font:inherit;font-size:var(--text-sm);color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--motion-fast) var(--ease-out)}.right-empty__link:hover{color:var(--accent-hover)}.right-empty__link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.center__top{display:flex;align-items:center;gap:8px;padding:12px 20px;flex-wrap:wrap;position:relative;z-index:3;background:var(--bg-base-glass);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}.center__top:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(to bottom,var(--bg-base) 0%,rgba(250,249,245,0) 100%);pointer-events:none;z-index:1}.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 var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--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 var(--motion-fast) var(--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 var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--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 var(--motion-fast) var(--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:20px 24px;mask-image:linear-gradient(to bottom,transparent 0,black 16px,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 16px,black calc(100% - 24px),transparent 100%)}.stream__inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:92%;padding:10px 14px;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;font-family:var(--font-serif);font-size:14.5px;line-height:1.55}.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)}.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}}.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{position:relative;z-index:3;background:var(--bg-base-glass);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);box-shadow:0 -8px 24px -12px #1a1a180f;padding:14px 20px}.composer:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(to top,var(--bg-base) 0%,rgba(250,249,245,0) 100%);pointer-events:none}.composer__inner-wrap{max-width:860px;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 var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.composer__inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.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;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-primary);max-height:160px}.composer textarea::-webkit-scrollbar{width:6px}.composer textarea::-webkit-scrollbar-thumb{background:#cc785c4d;border-radius:var(--radius-full)}.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;padding:32px}.center-empty__inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.center-empty__brand{font-family:var(--font-serif);font-size:96px;line-height:1;color:var(--text-tertiary);opacity:.4;margin-bottom:28px;-webkit-user-select:none;user-select:none;letter-spacing:.06em}.center-empty__line1{font-family:var(--font-serif);font-size:var(--text-body-lg);color:var(--text-primary);margin:0;font-weight:500}.center-empty__line2{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 18px}.center-empty__ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:var(--radius-md);padding:8px 16px;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.center-empty__ghost:hover{background:var(--accent);color:#fff}.center-empty__ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.right-sec{margin-bottom:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:12px 14px}.right-sec__body{margin-top:12px}.right-sec__title{font-size:13.5px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);margin:0;font-family:inherit;display:flex;align-items:center;gap:7px;text-transform:none}.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}.right-sec__sub{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin:0 0 8px}.right-sec__sub--mt{margin-top:16px}.right-sec__sub .icon{color:var(--text-tertiary)}.right-sec__title--toggle{width:100%;border:none;background:transparent;cursor:pointer;text-transform:none;padding:0;text-align:left}.right-sec__caret{margin-left:auto;color:var(--text-tertiary)}.skill-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:0 6px}.skill-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.skill-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.skill-card__head{display:flex;align-items:center;gap:8px;width:100%;cursor:default}.skill-card__toggle{display:flex;align-items:center;padding:9px 0 9px 12px;cursor:pointer}.skill-card__toggle input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--accent)}.skill-card__main{flex:1;display:flex;align-items:center;gap:8px;padding:9px 12px 9px 4px;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit;min-width:0}.skill-card.is-open .skill-card__head{background:var(--bg-subtle)}.skill-card.is-enabled{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.skill-card.is-enabled .skill-card__name{color:var(--text-primary)}.skill-card:not(.is-enabled) .skill-card__name{color:var(--text-secondary)}.skill-card.is-builtin .skill-card__toggle{cursor:not-allowed}.skill-card.is-builtin .skill-card__toggle input[type=checkbox]{cursor:not-allowed;opacity:.65}.skill-card.is-builtin .skill-card__scope.scope-builtin{color:var(--text-secondary);font-weight:500}.skill-card__name{font-weight:600;font-size:13px;color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card__scope{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:none;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.skill-card__caret{flex:none;color:var(--text-tertiary)}.skill-card__desc{margin:0;padding:0 12px 10px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.skill-search{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-base)}.skill-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.skill-search__icon{color:var(--text-tertiary);flex-shrink:0}.skill-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:8px 0;font-family:inherit;font-size:13px;color:var(--text-primary)}.skill-search__clear{display:flex;align-items:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:2px;flex-shrink:0}.skill-search__clear:hover{color:var(--text-secondary)}.skill-state{display:flex;flex-direction:column;align-items:center;gap:8px}.skill-state--error{color:var(--text-secondary);border-color:var(--accent)}.skill-retry{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);font-size:12px;padding:4px 10px;cursor:pointer}.skill-retry:hover{border-color:var(--accent);color:var(--accent)}.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-li{position:relative;display:flex;align-items:center}.wf-row{flex:1 1 auto;display:flex;align-items:center;gap:7px;min-width:0;border:none;background:transparent;cursor:pointer;text-align:left;padding:3px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);line-height:1.6}.wf-row--file:hover{background:var(--bg-subtle);color:var(--text-primary)}.wf-row:disabled{cursor:default}.wf-actions{position:absolute;right:4px;display:inline-flex;gap:2px;opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}.wf-li:hover .wf-actions{opacity:1}.wf-act{border:none;background:var(--bg-subtle);color:var(--text-tertiary);border-radius:var(--radius-sm);padding:3px;display:inline-flex;cursor:pointer;text-decoration:none}.wf-act:hover{color:var(--accent)}.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{flex:1 1 auto;min-width:0;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{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:0;padding:4px 0;font-size:13px;text-align:left;cursor:pointer}.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-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__summary{color:var(--text-tertiary);font-size:var(--text-xs);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-step{position:relative;display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:4px 8px}.tool-step__main{display:flex;align-items:center;gap:8px;width:100%}.tool-step--single{align-self:flex-start;max-width:86%}.tool-step__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-step__icon{flex:none;color:var(--text-tertiary)}.tool-step.is-done .tool-step__icon{color:var(--state-running)}.tool-step.is-error .tool-step__icon{color:var(--state-danger)}.tool-step__error{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--state-danger);background:var(--state-danger-subtle);border:1px solid var(--state-danger);border-radius:var(--radius-sm);padding:5px 8px;white-space:pre-wrap;word-break:break-word}.tool-step__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-step:hover .tool-step__copy{opacity:1}.tool-step__copy:hover{color:var(--accent)}.tool-step__st{flex:none;font-size:var(--text-xs)}.tool-step.is-running .tool-step__st{color:var(--state-running)}.tool-step.is-done .tool-step__st{color:var(--text-tertiary)}.tool-step.is-error .tool-step__st{color:var(--state-danger)}.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}.artifact-row{position:relative;display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 6px 4px 10px}.artifact-row:hover{border-color:var(--border-strong)}.artifact-row .artifact-item{flex:1;min-width:0}.artifact-item__caret{flex:none;color:var(--text-tertiary)}.artifact-item.is-open{border-color:var(--accent);background:var(--accent-subtle)}.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-row:hover .artifact-copy{opacity:1}.artifact-copy:hover{color:var(--accent)}.artifact-preview{margin:6px 0 2px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated)}.artifact-preview .preview-panel__md,.artifact-preview .preview-panel__body{max-height:360px}.artifact-preview .preview-panel__iframe{height:360px}.artifact-actions{flex:none;display:inline-flex;align-items:center;gap:2px;margin-left:4px}.artifact-actions .artifact-copy{position:static;opacity:1;background:transparent;text-decoration:none}.artifact-actions .artifact-copy:hover{background:var(--bg-subtle);color:var(--accent)}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:#0000006b}.preview-modal__panel{display:flex;flex-direction:column;width:min(960px,92vw);height:min(86vh,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:0 12px 40px #00000047}.preview-modal__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.preview-modal__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.preview-modal__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);padding:4px;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.preview-modal__btn:hover{color:var(--accent);background:var(--bg-elevated)}.preview-modal__body{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}.preview-modal__body .preview-panel__md,.preview-modal__body .preview-panel__body{flex:1 1 auto;max-height:none}.preview-modal__body .preview-panel__iframe{flex:1 1 auto;height:100%;min-height:60vh}.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}.session-info__row{margin-bottom:18px}.session-info__row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.session-info__label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.02em}.session-info__value{font-size:var(--text-md, 15px);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:inherit}.session-info__pct{color:var(--text-tertiary);font-size:11px;font-weight:400;margin-left:4px}.session-info__hint{font-size:11px;color:var(--text-tertiary);font-weight:400}.session-info__bar{height:3px;width:100%;background:#00000014;border-radius:2px;overflow:hidden}.session-info__bar-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .3s ease}.session-info__bar-fill.is-warn{background:var(--state-warning)}.session-info__bar-fill.is-danger{background:var(--state-danger)}.session-info__grid{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;row-gap:18px;column-gap:16px}.session-info__cell{background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:6px}.session-info__cell-num{font-size:19px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:inherit;line-height:1.15}.session-info__cell-label{font-size:11px;font-weight:400;color:var(--text-tertiary);letter-spacing:0}.session-info__cell--quiet{min-width:0}.session-info__cell--quiet .session-info__cell-num{font-size:13px;font-weight:400;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.session-info__skills-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:14px 0 0;margin-top:4px;background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:left;transition:color var(--motion-fast) var(--ease-out)}.session-info__skills-toggle:hover{background:transparent;color:var(--text-primary)}.session-info__skills-toggle .icon{color:var(--text-tertiary);stroke-width:1.5}.session-info__skills-toggle:hover .icon{color:var(--text-secondary)}.session-info__skills-count{font-size:11px;font-weight:400;color:var(--text-tertiary);background:transparent;border-radius:0;padding:0;font-variant-numeric:tabular-nums}.session-info__skills-caret{margin-left:auto;color:var(--text-tertiary);stroke-width:1.5}.session-info__skills-list{list-style:none;margin:8px 0 0;padding:6px 0 6px 12px;background:transparent;border:0;border-left:2px solid var(--accent);border-radius:0;display:flex;flex-direction:column;gap:6px}.session-info__skill{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:12.5px;font-weight:400;color:var(--text-primary)}.session-info__skill .icon{color:var(--text-tertiary);stroke-width:1.5}.session-info__skills-empty{font-size:12px;color:var(--text-tertiary);font-style:normal;padding-left:12px;margin-top:8px;border-left:2px solid var(--border)}.wd-children{margin-left:7px;padding-left:11px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.wd-sub__body{margin-top:8px}.right-sec__sub--toggle{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.right-sec__sub--toggle:hover{color:var(--text-primary)}.cockpit.is-previewing{grid-template-columns:240px minmax(0,1fr) clamp(420px,40vw,760px)}.cockpit.is-previewing.is-left-collapsed{grid-template-columns:0 minmax(0,1fr) clamp(420px,40vw,760px)}.cockpit.is-previewing .col--right{padding:0;overflow:hidden}.preview-pane{height:100%;display:flex;flex-direction:column;background:var(--bg-elevated);animation:pane-fade .16s var(--ease-out, ease-out)}@keyframes pane-fade{0%{opacity:.4}to{opacity:1}}.preview-pane__bar{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.preview-pane__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.preview-pane__seg{flex:none;display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated)}.preview-pane__segbtn{border:none;background:transparent;cursor:pointer;padding:3px 11px;font-size:var(--text-xs);color:var(--text-secondary);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.preview-pane__segbtn:hover{color:var(--text-primary)}.preview-pane__segbtn.is-on{background:var(--accent);color:#fff}.preview-pane__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);padding:4px;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.preview-pane__btn:hover{color:var(--accent);background:var(--bg-elevated)}.preview-pane__body{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}.preview-pane__body .preview-panel__md,.preview-pane__body .preview-panel__body{flex:1 1 auto;max-height:none}.preview-pane__body .preview-panel__iframe{flex:1 1 auto;width:100%;height:100%;min-height:60vh;border:none}.ctx-group+.ctx-group{margin-top:16px}.ctx-group__label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);letter-spacing:.03em;margin:0 0 8px}.ctx-group__label .icon{color:var(--text-tertiary)}.ctx-group__label .skill-count{margin-left:2px}.proj-group--closed{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.proj-group__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px;outline:none;border-radius:var(--radius-sm);padding:2px 6px;margin:0 0 4px}.proj-group__summary::-webkit-details-marker{display:none}.proj-group__caret{transition:transform var(--motion-fast) var(--ease-out);flex:0 0 auto;opacity:.7}.proj-group[open]>.proj-group__summary .proj-group__caret{transform:rotate(90deg)}.proj-group__summary:hover{background:var(--bg-subtle)}.proj-group__summary:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.proj-group--closed .proj-name{color:var(--text-tertiary)}.left__settings{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 16px;margin:0;border:none;background:transparent;font:inherit;font-size:13px;color:var(--text-tertiary);border-top:1px solid var(--border);cursor:pointer;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.left__settings:hover{color:var(--text-primary);background:var(--bg-subtle)}.left__settings.is-active{color:var(--accent)}.left__settings:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-ring)}.settings{flex:1;overflow:auto;padding:28px 40px 60px;max-width:960px;width:100%;margin:0 auto}.settings__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings__title{font-family:var(--font-serif);font-size:22px;margin:0;color:var(--text-primary)}.settings__close{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);font:inherit;font-size:13px;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.settings__close:hover{border-color:var(--accent);color:var(--accent)}.settings__sec{margin-bottom:36px}.settings__sec-title{font-family:var(--font-serif);font-size:16px;margin:0 0 12px;color:var(--text-primary)}.settings__sec-hint{margin:-8px 0 14px;font-size:12px;color:var(--text-tertiary)}.settings__table{width:100%;border-collapse:collapse;font-size:13px}.settings__table th,.settings__table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.settings__table th{font-weight:600;color:var(--text-tertiary);font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:transparent}.settings__table tr:last-child td{border-bottom:none}.settings__table code{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-subtle);padding:1px 6px;border-radius:var(--radius-sm)}.settings__row-open{border:1px solid var(--border);background:transparent;padding:4px 10px;border-radius:var(--radius-sm);font:inherit;font-size:12px;color:var(--accent);cursor:pointer}.settings__row-open:hover{border-color:var(--accent);background:var(--accent-subtle)}.settings__default-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}.settings__status{display:inline-block;font-size:11px;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary)}.settings__status.is-active{border-color:var(--state-success);color:var(--state-success);background:#78b47814}.settings__status.is-closed{color:var(--text-tertiary);background:var(--bg-subtle)}.composer__bar{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.composer__model{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-full);padding:3px 4px 3px 10px;font:inherit;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}.composer__model:hover{border-color:var(--accent);color:var(--text-primary)}.composer__model:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.composer__attach{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.composer__attach:hover{border-color:var(--accent);color:var(--accent)}.composer__attach.is-busy{opacity:.5;cursor:progress}.composer__bar-hint{flex:1;font-size:11px;color:var(--text-tertiary);text-align:right}.composer__file-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.file-chip{display:inline-flex;align-items:center;gap:5px;max-width:280px;padding:4px 6px 4px 10px;font-size:12px;color:var(--text-secondary);background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.file-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.file-chip__x{display:inline-flex;border:none;background:transparent;color:var(--text-tertiary);padding:1px;border-radius:var(--radius-full);cursor:pointer}.file-chip__x:hover{color:var(--state-danger)}