:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, monospace;--bg: #ececea;--chrome: #f2f2f0;--panel: #fbfbfa;--panel-2: #f6f6f4;--surface: rgba(0, 0, 0, .04);--surface-hover: rgba(0, 0, 0, .06);--surface-active: rgba(0, 0, 0, .09);--text: #232326;--dim: #6c6c72;--faint: #9c9ca2;--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .16);--accent: #0a7a8c;--accent-hover: #075463;--accent-soft: rgba(10, 122, 140, .1);--accent-contrast: #ffffff;--green: #1a7f37;--amber: #b45309;--red: #c0392b;--terminal-bg: #000000;--terminal-ink: #e6f0ff;--radius: 9px;--radius-lg: 13px;--shadow: 0 10px 30px rgba(20, 22, 28, .1);--shadow-sm: 0 1px 2px rgba(20, 22, 28, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}button,input,select,textarea{font:inherit}a{color:var(--accent);text-decoration:none}code{font-family:var(--font-mono)}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#00000024;border-radius:8px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#00000042;background-clip:content-box}.app{position:fixed;top:var(--app-top, 0px);right:0;left:0;display:flex;flex-direction:column;height:100vh;height:100dvh;height:var(--app-height, 100dvh);min-height:0}.header{display:flex;align-items:center;gap:12px;height:50px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--chrome);flex:none}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:26px;height:26px;object-fit:contain;opacity:.85}.brand-name{font-weight:650;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--faint)}.segmented{display:flex;gap:2px;padding:3px;background:#0000000d;border-radius:9px}.segmented .seg{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--dim);padding:4px 13px;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:500}.segmented .seg.sdk-link{color:var(--accent);text-decoration:none}.segmented .seg.sdk-link:hover{background:var(--surface-hover)}.segmented .seg.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.header-spacer{flex:1}.header-actions{display:flex;align-items:center;gap:6px}.model-pill{font-family:var(--font-mono);font-size:12px;color:var(--dim);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-pill.muted{color:var(--red)}.pill{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface);color:var(--dim);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill.subtle{background:transparent;border:1px solid var(--border)}.badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:10px;line-height:15px;text-align:center}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:var(--radius);cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--border);font-size:12.5px;font-weight:500;box-shadow:var(--shadow-sm);transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--border-strong)}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.icon-only{padding:6px}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--dim)}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn.danger{color:var(--red)}.btn.on{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-soft)}.btn.small{padding:4px 9px;font-size:12px}.btn.tiny{padding:2px 6px;font-size:12px;box-shadow:none;background:transparent;border-color:transparent;color:var(--dim)}.btn.tiny:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}input,select,textarea{background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:7px 9px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.body{flex:1;display:flex;min-height:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--panel)}.sidebar{width:320px;flex:none;display:flex;flex-direction:column;min-height:0;overflow:auto;border-right:1px solid var(--border);background:var(--bg)}.pane{display:flex;flex-direction:column;min-height:0}.pane.grow{flex:1}.pane-head{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);user-select:none}.pane-head>span:first-child{flex:1}.pane-body{padding:0 8px 8px}.pane-body.inline{display:flex;gap:6px;align-items:center}.list{list-style:none;margin:0;padding:0 8px 10px;overflow:auto}.row{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:6px 8px;border-radius:7px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:13px;line-height:1.3}.row:hover{background:var(--surface-hover)}.row.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:550}.row.flash{box-shadow:inset 2px 0 0 var(--amber)}.row.muted{color:var(--faint);cursor:default;font-style:italic}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:7px;height:7px;border-radius:999px;background:var(--faint);flex:none}.dot.busy{background:var(--amber);animation:pulse 1.4s ease-in-out infinite}.chat-pane{flex:1;display:flex;flex-direction:column;min-height:0}.chat-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 22px 8px;display:flex;flex-direction:column;gap:18px}.chat-inner{max-width:none;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:18px;min-width:0}.empty-chat{margin:auto;text-align:center;max-width:640px}.empty-chat h2{margin:0 0 6px;font-weight:650;letter-spacing:-.02em}.empty-chat p{color:var(--dim)}.empty-chat code{background:var(--surface);padding:1px 5px;border-radius:5px}.suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:18px;text-align:left}.suggestion{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:12.5px;line-height:1.45;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.suggestion:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.empty-hint{margin-top:12px}.chip{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 13px;cursor:pointer;font-size:12.5px;box-shadow:var(--shadow-sm)}.chip:hover{border-color:var(--border-strong)}.message{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.message.user{align-items:flex-end}.message.user .bubble{background:var(--panel-2);border:1px solid var(--border);padding:9px 13px;border-radius:14px 14px 4px;max-width:82%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.message.assistant{align-items:stretch}.thinking{border-left:2px solid var(--border-strong);padding-left:10px;color:var(--dim);font-size:12.5px}.thinking summary{cursor:pointer}.thinking-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}.thinking-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-media img{max-width:100%;border:1px solid var(--border);border-radius:10px;background:#fff}.diagram-body{align-items:center;justify-content:center}.diagram-svg{max-width:100%;max-height:58vh;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px}.thinking-indicator{color:var(--faint);font-size:13px;display:inline-flex;align-items:center;gap:7px}.chat-text{width:100%;min-width:0;overflow-wrap:anywhere}.tool-stem{color:var(--faint)}.tool-nested{margin:4px 0 2px 4px;padding:6px 0 4px 14px;border-left:1px solid var(--border-strong);display:flex;flex-direction:column;gap:6px}.spinner{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blink-cursor{display:inline-block;width:8px;height:15px;background:var(--accent);vertical-align:text-bottom;margin-left:2px;animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.pill[data-status=working] .dot{background:var(--amber);animation:pulse 1.4s ease-in-out infinite}.pill[data-status=error] .dot{background:var(--red)}.pill[data-status=idle] .dot{background:var(--green)}.tool-card{border:1px solid var(--border);border-radius:10px;background:var(--panel-2);overflow:hidden;width:100%}.tool-card summary{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;font-size:12px}.tool-name{font-family:var(--font-mono);color:var(--accent)}.tool-summary{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tool-status{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:var(--surface)}.tool-status.ok{color:var(--green)}.tool-status.error{color:var(--red)}.tool-status.running{color:var(--amber)}.tool-output{margin:0;padding:10px;max-height:260px;overflow:auto;font-size:12px;font-family:var(--font-mono);background:#0d0d10;color:#dfe3ea;border-top:1px solid var(--border);white-space:pre-wrap}.ev{font-family:var(--font-mono);font-size:12.5px;line-height:1.5;margin:3px 0}.ev-line{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.ev-icon{flex:none;width:1em;color:var(--faint)}.ev-ok .ev-icon{color:var(--green)}.ev-error .ev-icon{color:var(--red)}.ev-name{color:var(--text);font-weight:600}.ev-meta{color:var(--dim);font-weight:400}.ev-pid{color:var(--faint);font-size:11px}.ev-body{margin:2px 0 2px 1.55em;color:var(--dim);white-space:pre-wrap;word-break:break-word;max-height:8em;overflow:hidden}.ev-output{margin:2px 0 2px 1.55em;color:var(--faint);white-space:pre-wrap;word-break:break-word;max-height:9em;overflow:hidden}.ev-live{margin-left:1.55em;display:flex;align-items:center;gap:6px;color:var(--faint);font-size:12px}.ev-nested{margin:2px 0 4px 1.2em;padding-left:10px;border-left:1px solid var(--border-strong);display:flex;flex-direction:column;gap:2px}.ev-tool{padding:2px 0 2px 8px;border-left:2px solid var(--border)}.ev-tool.ev-ok{border-left-color:#2ea04373}.ev-tool.ev-error{border-left-color:#c0392b80}.ev-event{display:flex;gap:6px;color:var(--dim)}.ev-event.tone-ok{color:var(--green)}.ev-event.tone-error{color:var(--red)}.markdown{line-height:1.62;width:100%;min-width:0;overflow-wrap:anywhere}.markdown-flow{display:flex;flex-direction:column;gap:8px;width:100%}.html-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.html-preview-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--panel-2)}.html-badge{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 6px}.html-frame{width:100%;border:0;display:block;background:#fff}.html-source{margin:0;padding:10px;max-height:360px;overflow:auto;background:#0d0d10;color:#dfe3ea;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap}.markdown p{margin:0 0 9px}.markdown pre{background:#0d0d10;color:#dfe3ea;padding:11px;border-radius:9px;overflow:auto;border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.markdown code{font-family:var(--font-mono);font-size:12.5px}.markdown :not(pre)>code{background:var(--surface);padding:1px 5px;border-radius:5px}.chat-error{color:var(--red);background:#c0392b14;border:1px solid rgba(192,57,43,.22);padding:8px 10px;border-radius:8px;font-size:13px}.composer{flex:none;border-top:1px solid var(--border);background:var(--panel);padding:12px 24px 16px}.composer-inner{max-width:860px;width:100%;margin:0 auto}.composer-notice{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--border);font-size:12.5px;color:var(--text)}.composer-notice .prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-box{display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 12px;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{flex:1;resize:none;background:transparent;border:0;color:var(--text);padding:6px 4px;min-height:24px;max-height:200px;outline:none;box-shadow:none}.composer-actions{display:flex;align-items:center;gap:6px}.composer-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--faint);font-size:11px;margin-top:7px}.usage-readout{font-family:var(--font-mono);color:var(--dim);white-space:nowrap}.files-layout{display:flex;flex:1;min-height:0}.files-tree{width:260px;flex:none;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg)}.files-tree-scroll{flex:1;overflow:auto;padding:0 6px 10px}.editor-path{display:inline-flex;align-items:center;gap:6px;color:var(--dim)}.editor-pane{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--panel)}.file-image-wrap{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.file-image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:var(--panel);box-shadow:0 1px 4px #0003}.editor-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--chrome);flex:none}.cm-host{flex:1;min-height:0;overflow:auto;background:var(--panel)}.cm-host .cm-editor{height:100%;font-family:var(--font-mono);font-size:12.5px}.cm-host .cm-editor.cm-focused{outline:none}.cm-host .cm-scroller{font-family:var(--font-mono)}.tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:5px;width:100%;text-align:left;padding:3px 6px;border:0;background:transparent;color:var(--dim);cursor:pointer;font-size:12.5px;line-height:1.4;border-radius:6px}.tree-row:hover{background:var(--surface-hover);color:var(--text)}.tree-row.active{background:var(--accent-soft);color:var(--accent-hover)}.tree-row .caret{display:inline-flex;width:12px;flex:none;color:var(--faint);transition:transform .12s}.tree-row .caret.open{transform:rotate(90deg)}.tree-row .caret.spacer{visibility:hidden}.tree-row .tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-hint{color:var(--faint);font-size:12px;padding:8px}.code-block{margin:0;padding:12px;background:#0d0d10;color:#dfe3ea;border-radius:9px;font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap;overflow:auto}.field-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.run-harness-list{max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:9px;padding:6px;margin:4px 0 2px}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.version-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.version-row:hover{background:var(--surface-hover)}.version-row.active{background:var(--accent-soft)}.version-tag{font-family:var(--font-mono);font-size:12px;color:var(--accent);width:36px;flex:none}.version-main{flex:1;min-width:0;display:flex;flex-direction:column}.dock{width:350px;flex:none;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--bg)}.dock-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--dim)}.dock-head>span:nth-child(2){font-weight:600;color:var(--text)}.dock-processes{list-style:none;margin:0;padding:6px 8px;border-bottom:1px solid var(--border);overflow-y:auto;max-height:46vh;flex:none}.dock-proc{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:12.5px}.dock-pid{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);flex:none}.dock-proc:hover{background:var(--surface-hover)}.dock-name{font-family:var(--font-mono);color:var(--accent)}.dock-alias{font-size:10.5px;color:var(--faint);font-family:var(--font-mono)}.dock-state{font-size:11px;color:var(--dim)}.dock-state.running,.dock-state.runnable{color:var(--green)}.dock-state.waiting,.dock-state.input{color:var(--amber)}.dock-state.crashed{color:var(--red)}.dock-meta{margin-left:auto;font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%}.dock-proc.selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.dock-log{flex:1;overflow:auto;padding:8px 10px;font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:3px}.dock-line{display:flex;gap:8px}.dock-line.faded{opacity:.45}.process-pane{flex:none;height:260px;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border);background:var(--panel-2)}.process-pane-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);flex:none}.process-title{font-family:var(--font-mono);font-weight:600;color:var(--accent)}.process-activity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.process-pane-body{flex:1;min-height:0;overflow:auto;padding:10px 14px;font-family:var(--font-mono);font-size:12.5px;display:flex;flex-direction:column;gap:4px}.dock-log-name{color:var(--faint);flex:none}.dock-log-text{white-space:pre-wrap;word-break:break-word}.kind-stream{color:var(--text)}.kind-tool,.kind-model{color:var(--accent)}.kind-answer{color:var(--green)}.kind-exited,.kind-crashed{color:var(--red)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px;background:#c0392b14;color:var(--red);border-bottom:1px solid rgba(192,57,43,.22)}.warn-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:8px;border-radius:var(--radius-sm, 4px);background:#d69e2e1f;color:var(--amber);border:1px solid rgba(214,158,46,.35);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#14161c52;display:grid;place-items:center;z-index:40}.modal{width:min(560px,94vw);max-width:100%;max-height:84vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.modal.wide{width:min(720px,94vw)}.modal.xwide{width:min(1040px,96vw)}.harness-editor{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg)}.harness-editor-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.harness-editor-title{display:flex;align-items:baseline;gap:4px;min-width:0}.harness-editor-error{color:var(--red);font-size:12px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harness-editor-body{flex:1;min-height:0;display:flex}.harness-editor-foot{padding:6px 14px;border-top:1px solid var(--border);background:var(--panel)}.diagram-body{overflow:auto;background:#fff}.diagram-loading{display:flex;align-items:center;gap:10px;padding:32px;color:var(--dim)}.diagram-image{display:block;max-width:100%;height:auto;margin:0 auto}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.modal-footer{border-bottom:0;border-top:1px solid var(--border);justify-content:flex-end;gap:10px}.modal-footer .header-spacer{flex:1}.modal-header h2{margin:0;font-size:14px}.modal-body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:6px}.field{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px}.field>span{color:var(--dim)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.settings h3{margin:12px 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.splash{height:100vh;height:100dvh;height:var(--app-height, 100dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:var(--bg)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:12px}.logo{font-size:19px;font-weight:650;letter-spacing:-.01em}.loading-logo{width:132px;height:auto;object-fit:contain;opacity:.9;animation:pulse 1.8s ease-in-out infinite}.bootbar{width:min(360px,76vw);height:6px;border-radius:999px;background:var(--surface-active);overflow:hidden}.bootbar-fill{height:100%;width:40%;background:var(--accent);animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.onboarding{position:fixed;top:var(--app-top, 0px);left:0;right:0;min-height:100vh;min-height:100dvh;height:var(--app-height, 100dvh);overflow-y:auto;display:grid;place-items:start center;padding:24px;background:var(--bg)}.onboarding-card{width:min(740px,100%);max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.onboarding-brand{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.onboarding-title{font-size:17px;font-weight:650}.onboarding-logo{width:56px;height:auto;object-fit:contain;opacity:.9}.onboarding-sub{font-size:12px;color:var(--dim)}.onboarding-steps{display:flex;gap:16px;padding:14px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.onboarding-step{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim)}.onboarding-step .dot{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--surface);font-size:11px}.onboarding-step.active{color:var(--text)}.onboarding-step.active .dot{background:var(--accent);color:var(--accent-contrast);font-weight:700}.onboarding-step.done .dot{color:var(--green)}.onboarding-body{padding:22px;min-height:260px}.onboarding-body h2{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}.onboarding-body h2 .onboarding-lead{display:block;margin-top:4px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--dim)}.onboarding-footer{display:flex;align-items:center;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border)}.onboarding-nav{display:flex;align-items:center;gap:10px}.forms-drawer{position:fixed;right:16px;bottom:16px;width:380px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:10px;z-index:40}.forms-inline{margin:10px 0;max-width:640px}.form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow)}.form-head{display:flex;align-items:center;gap:8px}.ftitle{font-weight:600}.form-fields{display:flex;flex-direction:column;gap:8px;margin:10px 0}.ffield{display:flex;flex-direction:column;gap:3px;font-size:12.5px}.flabel{color:var(--dim);display:flex;gap:8px;align-items:baseline}.fissue{color:var(--red);font-style:normal;font-size:11.5px}.ffield.warning .fissue{color:var(--amber)}.fradio{display:flex;gap:12px}.fradio-option{display:flex;align-items:center;gap:4px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.muted{color:var(--dim)}.tiny{font-size:11.5px}.pad{padding:12px 16px}.transcript.empty{flex:1;display:grid;place-items:center;color:var(--faint)}@media(max-width:860px){.sidebar{position:absolute;left:0;top:50px;bottom:0;z-index:30;box-shadow:var(--shadow)}}.tree-toolbar{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;position:sticky;top:0;background:var(--bg);z-index:1}.tree-toolbar-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.tree-new{display:flex;gap:6px;padding:4px 12px 10px}.tree-new input{flex:1}.tree{padding:0 8px 14px;display:flex;flex-direction:column;gap:4px}.tree-node{border-radius:10px}.tree-node.active>.tree-harness{background:var(--accent-soft)}.tree-harness{display:flex;align-items:center;gap:4px;padding:6px 4px 6px 2px;border-radius:10px}.tree-harness:hover{background:var(--surface-hover)}.tree-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;background:none;color:var(--faint);cursor:pointer;border-radius:6px;flex:none}.tree-chevron:hover{background:var(--surface-active);color:var(--text)}.tree-chevron svg{transition:transform .12s ease}.tree-chevron.open svg{transform:rotate(90deg)}.tree-name-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1;border:0;background:none;padding:0;cursor:pointer;color:inherit;text-align:left}.tree-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tree-meta{font-size:11px;color:var(--faint)}.tree-actions{display:flex;align-items:center;gap:1px}.tree-harness>.tree-actions{opacity:.55}.tree-harness:hover>.tree-actions,.tree-node.active>.tree-harness>.tree-actions{opacity:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;background:none;color:var(--dim);cursor:pointer;border-radius:6px;position:relative;flex:none}.icon-btn:hover{background:var(--surface-active);color:var(--text)}.icon-btn.danger:hover{color:var(--red)}.icon-btn.proc{color:var(--green)}.mini-badge{position:absolute;top:-2px;right:-2px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;background:var(--green);color:#fff;font-size:9px;line-height:13px;text-align:center}.tree-children{margin:0 0 6px 20px;padding-left:10px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.tree-group{display:flex;flex-direction:column;gap:2px}.tree-group-head{display:flex;align-items:center;gap:6px;padding:2px 6px;color:var(--faint);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tree-group-head>span:first-child{flex:1}.tree-group-head .tree-actions{opacity:.55}.tree-group-head:hover .tree-actions{opacity:1}.tree-count{font-weight:500;color:var(--faint)}.tree-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.tree-item{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:7px;font-size:12.5px;min-width:0;flex-wrap:nowrap}.tree-item.clickable{cursor:pointer}.tree-item:hover{background:var(--surface-hover)}.tree-item.active{background:var(--accent-soft)}.tree-item.flash{box-shadow:inset 2px 0 0 var(--amber)}.tree-pred{font-family:var(--font-mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-item-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.tree-item-sub{color:var(--faint);font-size:10.5px;flex:none}.tree-needs-input{color:var(--amber);display:inline-flex;align-items:center;flex:none;animation:tree-input-pulse 1.4s ease-in-out infinite}@keyframes tree-input-pulse{0%,to{opacity:.55}50%{opacity:1}}.tree-item-actions{margin-left:auto;display:flex;align-items:center;gap:2px;opacity:.6;flex:none}.tree-item:hover .tree-item-actions,.tree-item.active .tree-item-actions{opacity:1}.tree-status{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex:none}.tree-status.busy{background:var(--green);box-shadow:0 0 0 3px #2ea04326}.tree-status.error{background:var(--red)}.tree-empty{padding:4px 6px 6px;color:var(--faint);font-size:11.5px;font-style:italic}.run-view{flex:1;display:flex;flex-direction:column;min-height:0}.run-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.run-title{display:inline-flex;align-items:center;gap:6px;font-weight:600}.run-status.running{color:var(--green)}.run-status.error{color:var(--red)}.start-screen{flex:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:24px;overflow:auto}.start-head{display:flex;align-items:center;gap:12px;width:min(900px,100%)}.start-logo{width:36px;height:36px}.start-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.start-sub{color:var(--dim);font-size:13px}.start-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(900px,100%)}.start-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:16px;border:1px solid var(--border);background:var(--panel);text-align:left;cursor:pointer;color:inherit;transition:border-color .12s,box-shadow .12s,transform .12s}.start-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.start-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.start-card-title{font-size:18px;font-weight:650}.start-card-text{color:var(--dim);font-size:13px;line-height:1.5}.start-card-cta{margin-top:auto;color:var(--accent);font-weight:600;font-size:13px}.start-foot,.start-links{color:var(--faint)}.start-links a{color:var(--accent)}.work-harness{display:flex;flex-direction:column;gap:8px;padding:4px 12px 12px;border-bottom:1px solid var(--border)}.work-run{width:100%}.work-runs{padding:0 8px 12px}.menu-btn,.pane-backdrop{display:none}@media(max-width:860px){.start-screen{justify-content:flex-start;padding:18px 14px}.start-cards{grid-template-columns:1fr}.start-head{flex-wrap:wrap}.menu-btn{display:inline-flex}.header{flex-wrap:wrap;gap:6px;padding:8px 10px}.brand-sub{display:none}.segmented{order:3;width:100%;overflow-x:auto}.model-pill{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body{position:relative}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);z-index:60;transform:translate(-102%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.open{transform:none}.pane-backdrop{display:block;position:fixed;inset:0;background:#14161c47;z-index:50}.main{width:100%}.dock{position:fixed;right:0;bottom:0;width:100%;height:48vh;z-index:55;border-left:0;border-top:1px solid var(--border);box-shadow:var(--shadow)}.modal,.modal.wide,.modal.xwide{width:min(96vw,720px);max-height:90vh}.composer{padding:8px 10px}.composer-box textarea{font-size:16px}.icon-btn{width:32px;height:32px}.tree-harness{flex-wrap:wrap}.tree-harness>.tree-actions{width:100%;justify-content:flex-end}.process-pane{display:none}}.auth-row{display:flex;align-items:center;gap:8px;margin:4px 0}.field-check{flex-direction:row;align-items:center;gap:8px}.field-check input{width:auto}.field-check span{margin:0}.auth-body{display:flex;flex-direction:column;gap:10px}.auth-event a,.auth-device a{color:var(--accent)}.auth-device{display:flex;flex-direction:column;gap:6px}.auth-code{font-family:var(--font-mono);font-size:18px;letter-spacing:.12em;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;align-self:flex-start}.auth-options{display:flex;flex-direction:column;gap:6px}.auth-options .btn{justify-content:flex-start}.auth-waiting{display:flex;align-items:center;gap:8px}.auth-done{color:var(--green)}@media(max-width:860px){.grid-2,.settings .grid-2{grid-template-columns:1fr}.start-screen{padding-bottom:40px}}.auth-backdrop{z-index:90}.sandbox-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--dim);font-size:12.5px;line-height:1.55}.sandbox-note strong{color:var(--text)}.sandbox-mark{color:var(--accent);flex:none;line-height:1.4}.start-privacy{color:var(--faint);font-size:11.5px;text-align:center;max-width:640px;line-height:1.5}.demo-note{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px dashed var(--border-strong);color:var(--dim);font-size:12.5px;line-height:1.55;max-width:680px}.demo-note strong{color:var(--text)}.demo-note a{color:var(--accent)}.demo-note.compact{margin-top:10px;font-size:11.5px;padding:10px 12px}.attach-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.attach-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 3px;max-width:240px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);font-size:11.5px}.attach-thumb{width:26px;height:26px;object-fit:cover;border-radius:5px;flex:none;background:#fff}.attach-icon{width:26px;height:26px;display:grid;place-items:center;color:var(--faint);flex:none}.attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.attach-x{border:0;background:none;color:var(--faint);cursor:pointer;padding:0 2px;font-size:11px}.attach-x:hover{color:var(--red)}.attach-error{color:var(--red);font-size:11.5px;margin-bottom:5px}.attach-btn{flex:none;align-self:flex-end;margin-bottom:1px}.message,.chat-text,.markdown,.markdown-flow,.ev,.ev-line,.ev-body,.ev-output,.tool-card,.tool-output,.html-preview,.forms-inline{min-width:0;max-width:100%}.markdown p,.markdown li,.markdown blockquote,.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6,.markdown td,.markdown th,.markdown summary,.markdown dd,.markdown dt{overflow-wrap:anywhere;word-break:break-word}.markdown img,.markdown video,.markdown iframe{max-width:100%;height:auto}.markdown table{display:block;max-width:100%;overflow-x:auto}.ev-body,.ev-output,.tool-output,.dock-log-text,.html-source{overflow-wrap:anywhere;word-break:break-word}.busy-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#14161c47;backdrop-filter:blur(1.5px)}.busy-card{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 40px #00000038;font-size:13px}.toast{position:fixed;right:18px;bottom:18px;z-index:70;max-width:min(560px,calc(100vw - 36px));padding:10px 13px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 10px 30px #0003;text-align:left;font:inherit;font-size:12.5px;cursor:pointer}.toast-ok{border-left:3px solid var(--green)}.toast-warn{border-left:3px solid var(--amber)}.toast-error{border-left:3px solid var(--red)}.chat-pane-run .chat-scroll{padding-top:18px}.chat-pane-run .chat-inner{max-width:1040px;gap:12px}.chat-pane-run .message.assistant{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-sm)}.chat-pane-run .ev-tool{padding:7px 10px;border:1px solid var(--border);border-left-width:3px;border-radius:8px;background:var(--panel-2)}.chat-pane-run .ev-tool.ev-ok{border-left-color:var(--green)}.chat-pane-run .ev-tool.ev-error{border-left-color:var(--red)}.chat-pane-run .ev-event{padding:4px 8px;border-radius:6px;background:var(--surface)}.chat-pane-run .ev-output,.chat-pane-run .ev-body{max-height:14em}.run-entry{color:var(--dim);font-family:var(--font-mono);font-size:11.5px;font-weight:450}.run-intro{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--panel) 0%,var(--panel-2) 100%);box-shadow:var(--shadow-sm);overflow:hidden}.run-intro:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--amber)}.run-intro-done:before{background:var(--green)}.run-intro-error:before{background:var(--red)}.run-intro-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.run-intro-mark .spinner{width:16px;height:16px;border-width:2.5px}.run-intro-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.run-intro-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:650}.run-intro h2{margin:0;font-size:17px;letter-spacing:-.02em;font-weight:650;overflow-wrap:anywhere}.run-intro-entry{color:var(--dim);font-weight:450;margin-left:5px}.run-intro-entry code{font-size:.85em;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--text)}.run-intro-meta{color:var(--faint);font-size:11.5px;display:flex;gap:6px;flex-wrap:wrap}.run-intro-meta span+span:before{content:"·";margin-right:6px}.run-intro-state{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:650;padding:3px 7px;border-radius:999px;background:var(--surface);color:var(--dim);flex:none}.run-intro-state.running{color:var(--amber);background:#b4530917}.run-intro-state.done{color:var(--green);background:#1a7f3717}.run-intro-state.error{color:var(--red);background:#c0392b17}.run-waiting{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:12.5px;padding:4px 2px}@supports (height: 100dvh){.app{height:100dvh;height:var(--app-height, 100dvh)}}@media(max-width:860px){.header{height:auto;min-height:50px;flex-wrap:wrap;align-items:center;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.brand{min-width:0}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.model-pill{max-width:34vw}.body{min-height:0}.sidebar{top:0;bottom:0;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left))}.composer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.dock{height:min(48dvh,420px);padding-bottom:env(safe-area-inset-bottom)}.modal,.modal.wide,.modal.xwide{max-height:90dvh}.modal-backdrop{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.forms-drawer{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.toast{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.start-screen,.onboarding{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(pointer:coarse){input,select,textarea,.cm-host .cm-editor,.composer-box textarea{font-size:16px}}@media(pointer:coarse){.tree-toolbar .btn,.tree-toolbar .icon-btn,.tree-actions .icon-btn,.tree-item-actions .icon-btn,.tree-harness>.tree-actions .icon-btn,.tree-chevron,.tree-name-btn{min-width:44px;min-height:44px}.icon-btn,.tree-chevron{width:44px;height:44px;border-radius:10px}.tree-name-btn{justify-content:center;padding:2px 0}.tree-harness{gap:4px;padding:4px 2px}.tree-actions,.tree-item-actions,.tree-harness>.tree-actions{gap:4px}.tree-harness>.tree-actions,.tree-group-head .tree-actions,.tree-item-actions{opacity:1}.tree-item{min-height:48px;padding:4px}.tree-group-head,.tree-new input{min-height:44px}}.mcp-settings{display:flex;flex-direction:column;gap:10px;margin-top:8px}.mcp-section-head{display:flex;align-items:flex-start;gap:12px}.mcp-section-head h3{margin:0 0 3px}.mcp-section-head .muted{margin:0;max-width:620px}.mcp-section-head .btn{margin-left:auto;flex:0 0 auto}.mcp-server-list{display:flex;flex-direction:column;gap:8px}.mcp-server-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--panel-2)}.mcp-server-main{display:flex;flex-direction:column;gap:3px}.mcp-server-main strong{margin-right:7px}.mcp-server-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.mcp-enable{display:inline-flex;align-items:center;gap:4px}.mcp-url{overflow-wrap:anywhere}.mcp-server-error{color:var(--red);font-size:12px;margin-top:3px}.mcp-error{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--border));border-radius:8px;color:var(--red);font-size:12px}.mcp-error .btn{margin-left:auto}.mcp-tool-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.mcp-read{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border))}.mcp-write{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,var(--border))}.mcp-status.ready{color:var(--green)}.mcp-status.error,.mcp-status.auth-required{color:var(--red)}.mcp-status.connecting{color:var(--amber)}.mcp-status.idle{color:var(--faint)}.mcp-empty{padding:8px 0}.mcp-editor{border:1px solid var(--border-strong);border-radius:10px;padding:12px;margin-top:4px;background:var(--bg)}.mcp-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.mcp-grant-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mcp-grant-server{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--panel-2)}.mcp-grant-server-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.mcp-grant-server-head .btn{margin-left:auto}.mcp-grant-tools{display:flex;flex-direction:column;gap:4px;margin-top:8px}.mcp-grant-row{padding:7px 8px;border-radius:8px;border:1px solid var(--border)}.mcp-grant-row.write{border-color:color-mix(in srgb,var(--amber) 35%,var(--border))}.mcp-grant-row>label{display:flex;align-items:center;gap:6px;font-size:12.5px;flex-wrap:wrap}.mcp-grant-name{font-weight:550}.mcp-grant-description{margin:4px 0 0 22px;line-height:1.4}.mcp-write-allow{margin:5px 0 0 22px;display:inline-flex;gap:4px;align-items:center}.mcp-instructions{white-space:pre-wrap;max-height:80px;overflow:auto;margin-top:4px}.mcp-tools-btn{white-space:nowrap}@media(max-width:600px){.mcp-section-head{flex-direction:column}.mcp-section-head .btn{margin-left:0}.mcp-server-actions .btn{min-height:36px}}.segmented .seg.help-link{color:var(--dim);font-weight:700;padding-inline:9px}.segmented .seg.help-link:hover{background:var(--surface-hover);color:var(--text)}.help-body{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-x:hidden}.help-lead{margin:0;color:var(--text);font-size:13px;line-height:1.6;max-width:680px}.help-ask{padding:12px 14px;border-radius:10px;background:var(--accent-soft);color:var(--dim);font-size:12.5px;line-height:1.55}.help-ask strong{color:var(--text)}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.help-grid>section{min-width:0;overflow-wrap:anywhere}.help-grid>section:last-child{grid-column:1 / -1}.help-grid section{border-top:1px solid var(--border);padding-top:10px}.help-grid h3{margin:0 0 4px}.help-grid p{margin:0;color:var(--dim);font-size:12.5px;line-height:1.55}.help-links{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px;font-size:12.5px}@media(max-width:700px){.help-grid{grid-template-columns:1fr}}.help-subhead{margin:0 0 8px}.help-controls{display:flex;flex-wrap:wrap;gap:6px}.help-control{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--dim);font-size:11.5px}.help-control svg,.help-section-icon{color:var(--accent);flex:none}.help-grid h3{display:flex;align-items:center;gap:5px}.help-section-icon{display:inline-flex}.copyright{color:var(--faint);font-size:11.5px}.copyright a{color:inherit}.copyright a:hover{color:var(--accent)}.start-copyright{margin-top:8px;text-align:center}.help-code{margin:8px 0 3px;padding:9px 10px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:11px;line-height:1.55}body.dc-html-fullscreen{overflow:hidden}.html-preview.fullscreen{position:fixed;top:var(--app-top, 0px);right:0;left:0;z-index:140;display:flex;flex-direction:column;height:var(--app-height, 100dvh);width:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;background:var(--panel)}.html-preview.fullscreen .html-preview-bar{flex:none;padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}.html-preview.fullscreen .html-frame{flex:1;min-height:0;width:100%;height:100%!important}.html-preview.fullscreen .html-source{flex:1;max-height:none;margin:0}.html-preview:fullscreen{width:100vw;height:100vh;border-radius:0}.html-preview:fullscreen .html-frame{height:100%!important}@media(max-width:700px){.html-preview.fullscreen .html-preview-bar{flex-wrap:wrap}}.local-models .modal-body{gap:12px}.local-models-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);font-size:12.5px}.local-models-summary>span:first-child{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px}.local-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--dim);font-size:10.5px;font-weight:500;white-space:nowrap}.local-badge.active,.local-badge.loaded,.local-badge.tools{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border))}.local-badge.recommended{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.local-persist{align-self:flex-start}.local-model-error{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--border));border-radius:8px;color:var(--red);font-size:12px}.local-model-error .btn{margin-left:auto}.local-model-list{display:flex;flex-direction:column;gap:10px}.local-model-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px}.local-model-card[data-active]{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--panel)}.local-model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.local-model-card h3{margin:0;font-size:14px}.local-model-card p{margin:0;color:var(--dim);font-size:12.5px;line-height:1.5}.local-model-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px;color:var(--faint);font-size:11px}.local-model-state{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.local-model-source{display:flex;flex-wrap:wrap;gap:5px;color:var(--faint);font-size:11px}.local-model-source a{color:var(--dim)}.local-model-source a:hover{color:var(--accent)}.local-model-actions{display:flex;flex-wrap:wrap;gap:7px}.local-model-progress{display:flex;flex-direction:column;gap:6px}.local-model-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim)}.progress-track{height:7px;width:100%;border-radius:999px;background:var(--surface-active);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}.progress-fill.indeterminate{width:38%;animation:slide 1.2s ease-in-out infinite}.local-models-footnote{margin:4px 0 0;line-height:1.55}@media(max-width:600px){.local-model-card-head{flex-direction:column;gap:7px}.local-model-state{justify-content:flex-start}.local-model-actions .btn{min-height:40px}}.onboarding-local{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.onboarding-local .btn{min-height:38px}.local-hf{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.local-hf summary{cursor:pointer;color:var(--dim);font-size:12.5px;font-weight:550}.local-hf summary:hover{color:var(--text)}.local-hf>p{margin:8px 0;line-height:1.5}.local-hf-search{display:flex;gap:7px;margin:8px 0}.local-hf-search input{flex:1;min-width:0}.local-hf-search .btn{flex:none}.local-hf-error{color:var(--red);font-size:12px;padding:6px 0}.local-hf-repos{display:flex;flex-direction:column;gap:3px;max-height:220px;overflow:auto}.local-hf-repos .btn{justify-content:flex-start;text-align:left;overflow-wrap:anywhere}.local-hf-repo-name{font-family:var(--font-mono);font-size:11.5px;color:var(--dim);margin:8px 0 4px;overflow-wrap:anywhere}.local-hf-files{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow:auto}.local-hf-file{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid var(--border);border-radius:7px}.local-hf-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11px}.local-hf-file .btn{flex:none;min-height:32px}.local-model-id{color:var(--faint);font-size:10.5px;overflow-wrap:anywhere}.local-model-id code{color:var(--dim)}.model-picker{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0;max-width:260px}.model-select{max-width:260px;min-width:0;height:30px;padding:3px 24px 3px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:11.5px;font-family:var(--font-mono);text-overflow:ellipsis}.model-select.muted{color:var(--red)}.model-select:disabled{opacity:.6}.model-load-progress{position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:999px;overflow:hidden;background:var(--surface-active)}.model-load-progress span{display:block;width:36%;height:100%;background:var(--accent);animation:slide 1.2s ease-in-out infinite}@media(max-width:700px){.model-picker{max-width:165px}.model-select{max-width:165px;font-size:10.5px}}.local-test{padding:7px 9px;border-radius:7px;font-size:11.5px;overflow-wrap:anywhere;background:var(--surface);color:var(--dim)}.local-test.ok{color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,var(--border))}.local-test.error{color:var(--red);border:1px solid color-mix(in srgb,var(--red) 40%,var(--border))}.local-test code{color:var(--text)}.local-params{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.local-params summary{cursor:pointer;color:var(--dim);font-size:12.5px;font-weight:550}.local-params summary:hover{color:var(--text)}.local-params>p{margin:8px 0;line-height:1.5}.local-params-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin:8px 0}.local-params-grid .field{margin-top:0}.local-params-grid input{width:100%}.local-params .btn{margin-top:3px}@media(max-width:700px){.local-params-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.local-params-grid{grid-template-columns:1fr}}.auth-accounts{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.account-chip{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);font-size:11px}.tree-pred{display:inline-flex;align-items:center;gap:4px}.tree-tool-mark{display:inline-flex;color:var(--accent);flex:none}.tree-tool-mark svg{width:12px;height:12px}.work-shell-page{display:flex;flex-direction:column;flex:1;min-height:0}.work-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel);min-height:44px}.work-switch{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-agent-layout{display:flex;flex:1;min-height:0}.work-shell-side{width:270px;flex:0 0 270px;border-right:1px solid var(--border);background:var(--panel);overflow:auto;padding-bottom:12px}.work-flow-list{list-style:none;margin:0;padding:6px}.work-flow{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 10px;color:inherit;cursor:pointer}.work-flow:hover{background:var(--hover)}.work-flow.active{border-color:var(--accent);background:var(--hover)}.work-flow-name{font-weight:600;font-size:13px}.work-flow-run{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.work-flow-form{display:flex;flex-direction:column;gap:8px}.work-sessions-head{margin-top:8px}.work-sessions{max-height:40vh;overflow:auto}.work-chat{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.work-chat>:last-child{flex:1;min-height:0}.work-welcome{padding:18px 22px 4px;max-width:760px;width:100%;margin:0 auto}.work-center{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px 18px}.work-card{width:min(560px,100%);border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #00000014}.work-card h2{margin:0}.work-select-backdrop{align-items:center;justify-content:center}.work-select{width:min(620px,100%)}.work-select-body{display:flex;flex-direction:column;gap:14px}.work-select-lead{margin:0}.work-select-list{display:flex;flex-direction:column;gap:8px}.work-select-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:inherit;padding:12px 14px;cursor:pointer}.work-select-item:hover{border-color:var(--accent);background:var(--hover)}.work-select-item:disabled{opacity:.6;cursor:default}.work-select-icon{display:flex;color:var(--accent)}.work-select-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.work-select-name{font-weight:600}.work-select-go{color:var(--accent);font-size:12px;white-space:nowrap}@media(max-width:760px){.work-shell-side{width:210px;flex-basis:210px}}.working-strip{display:flex;align-items:center;gap:8px;padding:2px 2px 10px;color:var(--muted);font-size:12px}.ev-compact{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:12px;opacity:.9}.ev-compact .ev-name{font-weight:500}.ev-compact .ev-meta{color:var(--muted)}.work-blank{flex:1;min-height:0;background:var(--bg)}.work-shell-layout{display:flex;flex:1;min-height:0}.work-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.work-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 22px;text-align:center;color:var(--muted)}.work-empty h2{margin:0;color:var(--fg);font-size:18px;font-weight:600}.work-flow-backdrop{align-items:center;justify-content:center}.work-flow-modal{width:min(460px,100%)}.work-flow-form{display:flex;flex-direction:column;gap:12px}.work-head-title{display:flex;align-items:baseline;gap:9px;font-size:14px;font-weight:650;letter-spacing:-.01em}.work-head-name{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.work-shell-side{width:330px;flex:0 0 330px;display:flex;flex-direction:column;padding:16px 14px 0;border-right:1px solid var(--border);background:var(--panel);overflow:hidden}.work-side-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:24px;padding:0 2px 18px}.work-side-card{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid rgba(10,122,140,.22);border-radius:14px;background:linear-gradient(135deg,var(--accent-soft),rgba(10,122,140,.02))}.work-side-card-head{display:flex;align-items:center;gap:8px}.work-side-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;letter-spacing:-.015em}.work-side-new{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(10,122,140,.24);border-radius:999px;background:var(--panel);color:var(--accent);padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}.work-side-new:hover{background:var(--accent);color:var(--accent-contrast)}.work-side-new svg{width:12px;height:12px}.work-side-card-meta{color:var(--dim);font-size:12.5px}.work-side-section{display:flex;flex-direction:column;gap:7px}.work-side-head{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--faint);font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.work-side-head>span:first-child{flex:1}.work-side-count{font-weight:500}.work-side-head-action{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--accent);padding:2px 4px;border-radius:6px;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.work-side-head-action:hover{background:var(--accent-soft)}.work-side-head-action svg{width:12px;height:12px}.work-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.work-side-item{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer}.work-side-item.active{border-color:#0a7a8c47;background:var(--accent-soft)}.work-side-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--panel-2);color:var(--accent)}.work-side-icon svg{width:13px;height:13px}.work-side-item.active .work-side-icon{background:var(--panel)}.work-side-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.work-side-name{color:var(--text);font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-side-meta{color:var(--faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-side-status{width:8px;height:8px;border-radius:50%;flex:none;background:var(--border-strong);margin:0 3px}.work-side-status.busy{background:var(--green);box-shadow:0 0 0 3px #1a7f3724}.work-side-status.error{background:var(--red)}.work-side-empty{padding:7px 10px;color:var(--faint);font-size:12px;font-style:italic}.work-side-foot{flex:none;padding:12px 0 15px;border-top:1px solid var(--border);background:var(--panel)}.work-side-switch{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:inherit;text-align:left;cursor:pointer}.work-side-switch:hover{border-color:#0a7a8c66;background:var(--accent-soft)}.work-side-switch-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.work-side-switch-label{color:var(--faint);font-size:9.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.work-side-switch-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-side-switch svg{color:var(--faint);flex:none}@media(max-width:860px){.work-shell-side{width:270px;flex-basis:270px}}@media(max-width:760px){.work-shell-side{width:235px;flex-basis:235px;padding:10px 8px 0}.work-side-card{padding:12px}.work-side-card-name{font-size:15px}}.onboarding{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;background:var(--bg)}.onboarding-shell{width:min(900px,100%);display:flex;flex-direction:column;gap:16px}.onboarding-brand{display:flex;align-items:center;gap:12px;padding:0 2px;border-bottom:0}.onboarding-logo{width:42px;height:42px;object-fit:contain;opacity:.9}.onboarding-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.onboarding-sub{color:var(--dim);font-size:13px}.onboarding-card{width:100%;max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.onboarding-steps{display:flex;gap:18px;padding:16px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.onboarding-step{font-size:12.5px}.onboarding-step .dot{width:21px;height:21px}.onboarding-body{padding:24px 22px;min-height:250px}.onboarding-body h2{margin:0 0 10px;font-size:21px;letter-spacing:-.015em}.onboarding-body h2 .onboarding-lead{margin-top:5px;font-size:13.5px}.onboarding-body .muted{line-height:1.6}.onboarding-footer{padding:16px 22px}.onboarding>.onboarding-shell>.demo-note{max-width:100%;margin-top:0}.onboarding>.onboarding-shell>.start-copyright{margin-top:0}.work-drawer-btn,.work-browse-btn,.work-pane-backdrop{display:none}@media(max-width:860px){.onboarding{justify-content:flex-start;padding:18px 14px 28px}.onboarding-brand{flex-wrap:wrap;gap:9px}.onboarding-title{font-size:19px}.onboarding-sub{font-size:12px;line-height:1.45}.onboarding-body{padding:18px 16px;min-height:0}.onboarding-steps{padding:13px 16px;gap:12px}.onboarding-footer{padding:13px 16px}.onboarding-card{border-radius:14px}.work-drawer-btn{display:inline-flex;flex:none}.work-browse-btn{display:inline-flex;margin-top:10px}.work-head{padding:8px 10px;gap:6px}.work-head-title{font-size:13px;gap:6px}.work-head-name{font-size:11px;padding:2px 7px;max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-shell-layout{position:relative}.work-shell-side{position:absolute;top:0;bottom:0;left:0;z-index:60;width:min(86vw,330px);height:100%;transform:translate(-102%);transition:transform .18s ease;box-shadow:var(--shadow);border-right:1px solid var(--border)}.work-shell-side.open{transform:none}.work-pane-backdrop{display:block;position:absolute;inset:0;z-index:50;background:#14161c47}.work-main{width:100%}.work-empty{padding:24px 16px}.work-empty h2{font-size:16px}.work-flow-modal{width:min(94vw,460px)}}.work-shell-page{position:relative}.model-picker .model-select:disabled{color:var(--faint)}.work-browse-btn{width:auto;align-self:center}.hero-logo{display:block;max-width:100%;height:auto;overflow:visible;color:var(--hero-logo-ink, var(--text, #5d5e5b))}.hero-logo-arrive{animation:hero-logo-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-logo-drift{transform-box:view-box;transform-origin:76% 50%;animation:hero-logo-drift 8s ease-in-out 2s infinite}.hero-logo-tentacle{stroke-dasharray:100;animation:hero-logo-draw .68s cubic-bezier(.3,.1,.2,1) both;animation-delay:var(--logo-delay)}.hero-logo-ring{stroke-dasharray:100;transform-box:fill-box;transform-origin:center;animation:hero-logo-ring .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--logo-delay)}.hero-logo-junction{transform-box:fill-box;transform-origin:center;animation:hero-logo-junction .65s cubic-bezier(.2,.8,.2,1) .62s both}.hero-logo-mantle{animation:hero-logo-ink 1.2s ease-in-out .65s both}.hero-logo-outline{stroke-dasharray:100;animation:hero-logo-outline 1.5s cubic-bezier(.3,.1,.2,1) .42s both}.hero-logo-signal{stroke:var(--hero-logo-paper, var(--bg, #fff));stroke-dasharray:2 120;animation:hero-logo-signal 8.5s linear infinite both;animation-delay:calc(2.4s + var(--logo-delay))}@keyframes hero-logo-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-logo-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes hero-logo-ring{0%{opacity:0;stroke-dashoffset:100;transform:scale(.86)}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}@keyframes hero-logo-junction{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes hero-logo-ink{0%{opacity:0}to{opacity:1}}@keyframes hero-logo-outline{0%{opacity:0;stroke-dashoffset:100}18%{opacity:.35}65%{opacity:.3;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes hero-logo-drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(-.3deg)}}@keyframes hero-logo-signal{0%,8%{opacity:0;stroke-dashoffset:3}10%{opacity:.85}28%{opacity:.85;stroke-dashoffset:-102}29%,to{opacity:0;stroke-dashoffset:-102}}@media(prefers-reduced-motion:reduce){.hero-logo-arrive,.hero-logo-drift,.hero-logo-tentacle,.hero-logo-ring,.hero-logo-junction,.hero-logo-mantle,.hero-logo-outline,.hero-logo-signal{animation:none}.hero-logo-tentacle,.hero-logo-ring{stroke-dashoffset:0}.hero-logo-outline,.hero-logo-signal{opacity:0}}.start-logo{width:38px;height:auto}.onboarding-logo{width:42px;height:auto}.start-below{width:min(900px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.start-below>.demo-note{width:100%;max-width:100%;margin-top:2px;text-align:left}.start-below .start-copyright{margin-top:0}.onboarding-body{height:380px;min-height:380px;overflow-y:auto}@media(max-width:860px){.onboarding-body{height:min(52vh,420px);min-height:0}}.work-stale{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(10,122,140,.3);background:var(--accent-soft);color:var(--accent-hover);font-weight:600;white-space:nowrap}.work-stale svg{width:12px;height:12px}@media(max-width:860px){.work-stale{padding:2px 5px;font-size:10.5px}}.work-head{background:var(--bg)}.work-head-title{font-size:13px;font-weight:600;letter-spacing:0;gap:8px}.work-head-name{font-size:11.5px;padding:2px 8px}.work-shell-side{width:320px;flex:0 0 320px;padding:0;background:var(--bg)}.work-side-scroll{padding:8px 8px 14px;gap:16px}.work-side-card{gap:2px;padding:8px 10px;border:0;border-radius:10px;background:var(--accent-soft)}.work-side-card-name{font-size:13px;font-weight:600;letter-spacing:0}.work-side-card-meta{color:var(--faint);font-size:11px}.work-side-new{gap:2px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--accent);font-size:11px;font-weight:600}.work-side-new:hover{background:var(--surface-hover);color:var(--accent-hover)}.work-side-new svg{width:11px;height:11px}.work-side-section{gap:2px}.work-side-head{padding:2px 6px;color:var(--faint);font-size:10.5px;font-weight:600;letter-spacing:.06em}.work-side-count{color:var(--faint)}.work-side-list{gap:1px}.work-side-item{gap:7px;min-height:0;padding:5px 6px;border:0;border-radius:7px}.work-side-item:hover{background:var(--surface-hover)}.work-side-item.active{border:0;background:var(--accent-soft)}.work-side-icon{width:20px;height:20px;border-radius:0;background:none;color:var(--accent)}.work-side-icon svg{width:11px;height:11px}.work-side-copy{gap:1px}.work-side-name{font-size:12.5px;font-weight:500}.work-side-meta{color:var(--faint);font-size:10.5px}.work-side-status{width:7px;height:7px;margin:0 2px}.work-side-empty{padding:4px 6px 6px;font-size:11.5px}.work-side-foot{padding:6px 8px 10px;border-top:1px solid var(--border);background:var(--bg)}.work-side-switch{gap:8px;padding:7px 8px;border-radius:8px;border-color:var(--border);background:transparent}.work-side-switch:hover{border-color:var(--border-strong);background:var(--surface-hover)}.work-side-switch-label{font-size:10.5px;font-weight:600;letter-spacing:.06em}.work-side-switch-name{font-size:13px;font-weight:600}.work-side-switch svg{color:var(--faint)}@media(pointer:coarse){.work-side-item{min-height:44px;padding:8px 6px}.work-side-switch{min-height:44px}.work-side-new{min-height:32px;padding:4px 6px}}@media(max-width:860px){.work-shell-side{width:min(86vw,330px);flex-basis:auto}}.file-arg{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer}.file-arg:hover{border-color:var(--border-strong);background:var(--surface-hover)}.file-arg svg{width:15px;height:15px;flex:none;color:var(--accent)}.file-arg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-backdrop{z-index:70}.file-picker{width:min(520px,94vw)}.file-picker-body{display:flex;flex-direction:column;gap:8px;min-height:0}.file-picker-search{width:100%}.file-picker-list{list-style:none;margin:0;padding:0;overflow:auto;display:flex;flex-direction:column;gap:1px;min-height:80px;max-height:44vh}.file-picker-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 7px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.file-picker-item:hover{background:var(--surface-hover)}.file-picker-item svg{width:15px;height:15px;color:var(--faint);flex:none}.file-picker-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.file-picker-path{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-size{color:var(--faint);font-size:10.5px}.file-picker-footer{justify-content:flex-end}@media(pointer:coarse){.file-picker-item,.file-arg{min-height:44px}}.work-main{background:var(--panel)}.hero-intro{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:var(--bg);color:var(--text);opacity:1;transition:opacity .42s ease}.hero-intro.leaving{opacity:0}.hero-intro-stage{width:min(360px,80vw);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.hero-intro-logo{--hero-logo-paper: var(--bg);width:100%;height:auto;color:var(--text)}.hero-intro h1{margin:0;font-size:clamp(23px,3.2vw,30px);font-weight:600;letter-spacing:-.035em;line-height:1.25;white-space:nowrap;animation:hero-intro-title .8s ease .55s both}@keyframes hero-intro-title{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.hero-intro h1{white-space:normal}}@media(prefers-reduced-motion:reduce){.hero-intro,.hero-intro h1{animation:none;transition:none}}