micro-models-agent 2.16.1 → 2.17.2

package/dist/assets/styles.css

@@ -1,1598 +1 @@
-/* ---- theme tokens (dark default; light override further below) ---- */
-:root {
-  --bg: #141414;
-  --fg: #e6edf3;
-  --panel: #191919;
-  --sb-bg: #181818;
-  --stab-bg: #181818;
-  --surface: #1f1f1f;
-  --input-surface: #1f1f1f;
-  --inp-bg: #1d1d1d;
-  --inp-border: #c4a8ec44;
-  --inp-focus: #c4a8ec;
-  --input-shadow: #c4a8ec33;
-  --border: #262626;
-  --border-2: #2e2e2e;
-  --border-3: #262626;
-  --muted: #d4d4d4;
-  --dim-a: #a3a3a3;
-  --dim-b: #737373;
-  --dim-c: #737373;
-  --accent: #c4a8ec;
-  --accent-bg: #241e30;
-  --green: #c9c5bd;
-  --green-fill: #8a8781;
-  --red: #e08080;
-  --err: #e08080;
-  --red-strong: #e08080;
-  --yellow: #d9a45b;
-  --purple: #b8b0a6;
-  --cyan: #a8a29e;
-  --think: #9c9c9c;
-  --cmdout: #d4d4d4;
-  --meta: #a3a3a3;
-  --args: #a3a3a3;
-  --hover-bg: #262626;
-  --hover-bg-2: #222222;
-  --x-hover-bg: #2e2e2e;
-  --u-fg: #d3bdf2;
-  --u-bg: #221c2e;
-  --u-border: #c4a8ec;
-  --ans: #a5adb6;
-  --toggle-off: #2e2e2e;
-  --toggle-knob: #a3a3a3;
-  --toggle-knob-on: #fff;
-  --scroll-thumb: #2e2e2e;
-  --scroll-thumb-hover: #737373;
-  --stab-thumb: #2e2e2e;
-  --stab-thumb-hover: #737373;
-  --pipe: #2e2e2e;
-  --rule: #2e2e2e;
-  --checker-a: #222222;
-  --checker-b: #2e2e2e;
-  --checker-base: #191919;
-  --checker-border: #2e2e2e;
-  --ph-light: #eaeef2;
-  --track: #262626;
-  /* Context-breakdown segments (system/tools/history/reserve/free). */
-  --seg-system: #a78bfa;
-  --seg-tools: #38bdf8;
-  --seg-history: #34d399;
-  --seg-reserve: #fbbf24;
-  --seg-free: #3f3f46;
-  --plan-line: #2e2e2e;
-  --plan-bar-fg: #a3a3a3;
-  --sec-h: #a3a3a3;
-  --sec-h-hover: #d4d4d4;
-  --stab-fg: #a3a3a3;
-  --overlay: rgba(0,0,0,.55);
-  --shadow-menu: 0 8px 24px rgba(0,0,0,.5);
-  --shadow-dd: 0 12px 32px rgba(0,0,0,.55);
-  --shadow-modal: 0 20px 60px rgba(0,0,0,.6);
-}
-/* Light theme. Contract: every token declared in `:root` is overridden here
-   (minus the one or two that are intentionally theme-agnostic), so a token can
-   never silently fall back to its dark value on a white background. No `-const`
-   duplicates: a semantic role has exactly one token. Text/semantic tokens keep
-   >=4.5:1 (text) / >=3:1 (glyphs) contrast against `--bg`/`--panel`. */
-body.light {
-  --bg: #f6f8fa;
-  --fg: #1f2328;
-  --panel: #ffffff;
-  --sb-bg: #ffffff;
-  --stab-bg: #f6f8fa;
-  --surface: #f6f8fa;
-  --input-surface: #ffffff;
-  --inp-bg: #ffffff;
-  --inp-border: #1a7f3740;
-  --inp-focus: #1a7f37;
-  --input-shadow: #1a7f3733;
-  --border: #d0d7de;
-  --border-2: #d0d7de;
-  --border-3: #d8dee4;
-  --muted: #57606a;
-  --dim-a: #57606a;
-  --dim-b: #6e7781;
-  --dim-c: #6e7781;
-  --accent: #0969da;
-  --accent-bg: #ddf4ff;
-  --green: #1a7f37;
-  --green-fill: #1a7f37;
-  --red: #cf222e;
-  --err: #cf222e;
-  --red-strong: #cf222e;
-  --yellow: #9a6700;
-  --purple: #8250df;
-  --cyan: #116329;
-  --think: #6e7781;
-  --cmdout: #57606a;
-  --meta: #57606a;
-  --args: #656d76;
-  --hover-bg: #eaeef2;
-  --hover-bg-2: #f6f8fa;
-  --x-hover-bg: #eaeef2;
-  --u-fg: #0550ae;
-  --u-bg: #ddf4ff;
-  --u-border: #0969da;
-  --ans: #424a53;
-  --toggle-off: #d0d7de;
-  --toggle-knob: #6e7781;
-  --toggle-knob-on: #ffffff;
-  --scroll-thumb: #d0d7de;
-  --scroll-thumb-hover: #afb8c1;
-  --stab-thumb: #d0d7de;
-  --stab-thumb-hover: #afb8c1;
-  --pipe: #d0d7de;
-  --rule: #d0d7de;
-  --checker-a: #eaeef2;
-  --checker-b: #d0d7de;
-  --checker-base: #ffffff;
-  --checker-border: #d0d7de;
-  --ph-light: #eaeef2;
-  --track: #eaeef2;
-  /* Context-breakdown segments (system/tools/history/reserve/free). */
-  --seg-system: #7c3aed;
-  --seg-tools: #0284c7;
-  --seg-history: #059669;
-  --seg-reserve: #d97706;
-  --seg-free: #d0d7de;
-  --plan-line: #d0d7de;
-  --plan-bar-fg: #57606a;
-  --sec-h: #57606a;
-  --sec-h-hover: #1f2328;
-  --stab-fg: #57606a;
-  --overlay: rgba(31,35,40,.35);
-  --shadow-menu: 0 8px 24px rgba(140,149,159,.25);
-  --shadow-dd: 0 12px 32px rgba(140,149,159,.25);
-  --shadow-modal: 0 20px 60px rgba(140,149,159,.35);
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-html, body { height: 100%; }
-body {
-  background: var(--bg); color: var(--fg);
-  font-family: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;
-  font-size: 15px; display: flex; flex-direction: column; overflow: hidden;
-}
-/* Chat font size (`ui.fontSize`): the base above is `comfortable` (default).
-   `compact` restores the old 13px, `large` steps up to 17px. */
-body[data-font="compact"] { font-size: 13px; }
-body[data-font="large"] { font-size: 17px; }
-
-/* ---- topbar: new chat, sessions dropdown, tabstrip, settings ---- */
-.bar-top {
-  display: flex; gap: 14px; align-items: center;
-  padding: 8px 14px; background: var(--panel); border-bottom: 1px solid var(--border);
-  color: var(--muted); font-size: 12.5px; position: relative; z-index: 40;
-}
-.icon-btn {
-  cursor: pointer; color: var(--muted); height: 24px; padding: 0 8px; border: none; background: none;
-  font: inherit; font-size: 14px; border-radius: 4px; line-height: 1;
-}
-.icon-btn:hover { background: var(--hover-bg); color: var(--fg); }
-.icon-btn.primary { color: var(--accent); }
-.icon-btn:disabled { opacity: .35; cursor: default; }
-.icon-btn:disabled:hover { background: none; color: var(--muted); }
-/* Mobile session sub-header (see #sessBar): hidden on desktop, flex ≤760px.
-   The + / list tools relocate into #sessTools (placeTopTools in tabs.js). */
-.bar-sub { display: none; }
-#openSettings { margin-left: auto; margin-right: 6px; }
-#toggleSidebar { display: none; }
-.conn { color: var(--dim-a); font-size: 11.5px; white-space: nowrap; }
-.conn.stale { color: var(--yellow); }
-.conn.stale .linkbtn { font-size: 11.5px; }
-.tabstrip {
-  display: flex; gap: 4px; align-items: center; overflow-x: auto;
-  flex: 1; min-width: 0;
-}
-.tabstrip::-webkit-scrollbar { height: 5px; }
-.tabstrip::-webkit-scrollbar-track { background: transparent; }
-.tabstrip::-webkit-scrollbar-thumb {
-  background: var(--stab-thumb); border-radius: 3px;
-}
-.tabstrip::-webkit-scrollbar-thumb:hover { background: var(--stab-thumb-hover); }
-.stab {
-  display: flex; gap: 7px; align-items: center; white-space: nowrap;
-  height: 24px; padding: 0 6px 0 10px; border-radius: 7px; cursor: pointer;
-  color: var(--stab-fg); font-size: 12.5px; background: var(--stab-bg);
-  border: 1px solid transparent; max-width: 220px;
-}
-.stab:hover { color: var(--fg); }
-.stab.on { background: var(--accent-bg); color: var(--accent); border-color: transparent; }
-.stab .name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
-.stab .stab-x {
-  flex: 0 0 auto; width: 18px; height: 18px; padding: 0; justify-content: center;
-  color: var(--dim-b); border-radius: 3px; cursor: pointer;
-}
-.stab .stab-x .svg-icon { width: 12px; height: 12px; }
-.stab .stab-x:hover { color: var(--red-strong); background: var(--x-hover-bg); }
-.stab.dirty .stab-x { color: var(--yellow); }
-.btn {
-  cursor: pointer; color: var(--muted); padding: 3px 9px;
-  border-radius: 4px; border: none; background: none; font: inherit;
-}
-.btn:hover { background: var(--hover-bg); color: var(--fg); }
-.btn.primary { color: var(--accent); }
-.model-name { color: var(--purple); }
-
-/* sessions dropdown */
-.dd { position: relative; }
-.dd-menu {
-  display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 60;
-  background: var(--panel); border: 1px solid var(--border-2); border-radius: 6px;
-  min-width: 300px; max-width: min(460px, calc(100vw - 48px));
-  max-height: 62vh; overflow-y: auto; overflow-x: hidden; padding: 6px;
-  box-shadow: var(--shadow-dd);
-}
-.dd.open .dd-menu { display: block; }
-.dd-menu .h { color: var(--dim-c); font-size: 11.5px; padding: 4px 8px; text-transform: uppercase; letter-spacing: .04em; }
-.dd-menu .si {
-  display: flex; gap: 10px; align-items: baseline; padding: 7px 8px; border-radius: 4px;
-  cursor: pointer; color: var(--muted); font-size: 12.5px;
-}
-.dd-menu .si:hover { background: var(--hover-bg-2); color: var(--fg); }
-.dd-menu .si.on { background: var(--accent-bg); color: var(--accent); }
-.dd-menu .si .id { color: var(--dim-b); white-space: nowrap; flex: 0 0 auto; }
-.dd-menu .si .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 auto; }
-.dd-menu .si .meta { margin-left: auto; color: var(--dim-b); font-size: 11.5px; white-space: nowrap; }
-.dd-menu .sep { height: 1px; background: var(--border-2); margin: 5px 0; }
-.dd-menu .act { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; padding: 7px 8px; border-radius: 4px; cursor: pointer; color: var(--accent); font-size: 12.5px; }
-.dd-menu .act:hover { background: var(--accent-bg); }
-
-/* ---- layout + chat feed (messages, cards, markdown, tool output) ---- */
-.layout { flex: 1; display: flex; min-height: 0; }
-
-/* chat */
-.chat { flex: 1; display: flex; flex-direction: column; min-width: 0; position: relative; }
-.msgs { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 0 22px; display: flex; flex-direction: column; gap: 11px; }
-.msgs > * { flex-shrink: 0; min-height: fit-content; }
-/* messages live inside a per-tab `.feed` wrapper; it must mirror the `.msgs`
-   column gap so turns are separated instead of running together.
-   Vertical breathing lives on `.feed`, NOT on the scroller: sticky edge fades
-   are constrained to the content box, so scroller padding would offset them
-   from the header/composer edges. */
-.feed { display: flex; flex-direction: column; gap: 11px; padding: 18px 0; }
-.feed > * { flex-shrink: 0; min-height: fit-content; }
-.u {
-  color: var(--u-fg); background: var(--u-bg); border-left: 2px solid var(--u-border);
-  padding: 7px 12px; border-radius: 0 4px 4px 0; margin-top: 6px;
-  user-select: text; overflow-wrap: anywhere;
-}
-.u::before { content: "> "; color: var(--u-border); }
-/* agent text = calmer, dimmer than user block */
-.ans { color: var(--ans); white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }
-.think-h { color: var(--think); cursor: pointer; user-select: none; display: flex; gap: 8px; align-items: baseline; font-size: 12.5px; }
-.think-h .dur, .think-h .tog { color: var(--dim-b); }
-.think-h .tog { display: inline-flex; align-items: center; gap: 4px; }
-.think-h .tog .svg-icon { width: 12px; height: 12px; }
-.think-h .tog:hover { color: var(--dim-a); }
-.think-body { color: var(--dim-c); padding-left: 18px; white-space: pre-wrap; font-size: 12.5px; overflow-wrap: anywhere; }
-.think-body.hidden { display: none; }
-.metaln {
-  color: var(--dim-c); padding-left: 26px; white-space: pre-wrap;
-  font-size: 12.5px; overflow-wrap: anywhere;
-}
-.metaln.warn { color: var(--yellow); }
-.act { display: flex; gap: 8px; min-width: 0; line-height: 1.35; }
-.act .lab { white-space: nowrap; }
-.act .args { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
-.act.recon .g, .act.recon .lab { color: var(--cyan); }
-.act.mut .g, .act.mut .lab { color: var(--purple); }
-.act.exe .g, .act.exe .lab { color: var(--accent); }
-.act.meta .g, .act.meta .lab { color: var(--meta); }
-.act .sep, .act .args { color: var(--args); }
-.act .ok { color: var(--green); }
-.act .ok.fail { color: var(--red); }
-.detail { color: var(--dim-a); padding-left: 26px; overflow-wrap: anywhere; }
-.metric { color: var(--dim-a); overflow-wrap: anywhere; }
-.warnline { color: var(--yellow); overflow-wrap: anywhere; }
-.q { color: var(--yellow); margin: 6px 0; }
-.q .qtext { white-space: pre-wrap; overflow-wrap: anywhere; }
-.q .opts { padding-left: 18px; margin-top: 4px; display: flex; flex-direction: column; gap: 2px; }
-.q .qopt { color: var(--accent); cursor: pointer; padding: 2px 6px; border-radius: 4px; width: fit-content; }
-.q .qopt:hover { background: var(--hover-bg); }
-.q .qopt.on { color: var(--green); }
-.q .qopt.on::before { content: "✓ "; }
-.q .qsend { margin: 6px 0 0 18px; color: var(--accent); background: var(--surface); border: 1px solid var(--border-2); border-radius: 4px; padding: 3px 10px; cursor: pointer; font: inherit; font-size: 12.5px; }
-.q .qsend:disabled { color: var(--dim-b); cursor: default; opacity: .6; }
-.q .qinput { margin: 6px 0 0 18px; width: calc(100% - 18px); max-width: 520px; background: var(--inp-bg); color: var(--fg); border: 1px solid var(--border-2); border-radius: 4px; padding: 6px 10px; font: inherit; font-size: 13px; }
-.q .qinput:focus { outline: none; border-color: var(--inp-focus); }
-.q .qans { color: var(--green); padding-left: 18px; }
-.q.answered .qtext { color: var(--dim-a); }
-.q.placeholder { color: var(--dim-a); }
-.q.placeholder .opts { color: var(--dim-b); }
-.code {
-  background: var(--surface); color: var(--fg); padding: 8px 12px; border-radius: 4px;
-  white-space: pre; overflow-x: auto; color-scheme: dark;
-  flex-shrink: 0; max-height: 240px; overflow-y: auto;
-  font-size: 12.5px; line-height: 1.55;
-}
-body.light .code { border: 1px solid var(--border); }
-.toolout { margin: 2px 0 6px 26px; }
-.toolout .code { max-height: 320px; }
-.toolout.collapsed .code { display: none; }
-.toolout .more { color: var(--dim-b); cursor: pointer; font-size: 12px; }
-.toolout .more:hover { color: var(--dim-a); }
-
-/* markdown answers (streamed by md.js) — lines and glyphs, no boxes.
-   Top-level answers carry a quiet accent rail (mirrors the user's `> ` block),
-   so the finished message reads instantly apart from the dim work process
-   (tool/think rows stay plain). Scoped to `.feed >` — code blocks inside keep
-   their own styling. */
-.feed > .md, .feed > .ans {
-  border-left: 2px solid var(--accent);
-  padding-left: 12px;
-}
-.md { color: var(--ans); overflow-wrap: anywhere; }
-.md > * { flex-shrink: 0; }
-.md p { margin: 4px 0; white-space: pre-wrap; }
-.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
-  color: var(--fg); font-weight: 600; line-height: 1.3; margin: 10px 0 4px;
-}
-.md h1 { font-size: 1.35em; }
-.md h2 { font-size: 1.2em; }
-.md h3 { font-size: 1.1em; }
-.md h4, .md h5, .md h6 { font-size: 1em; }
-.md h1:first-child, .md h2:first-child, .md h3:first-child { margin-top: 2px; }
-.md ul, .md ol { margin: 4px 0; padding-left: 22px; }
-.md li { margin: 1px 0; }
-.md li > p { margin: 0; }
-.md blockquote { margin: 4px 0; padding-left: 10px; border-left: 2px solid var(--pipe); color: var(--dim-a); }
-.md hr { border: 0; border-top: 1px solid var(--rule); margin: 8px 0; }
-.md a { color: var(--accent); text-decoration: none; }
-.md a:hover { text-decoration: underline; }
-.md img { max-width: 100%; border-radius: 4px; }
-.md code {
-  background: var(--surface); color: var(--fg); padding: 1px 5px;
-  border-radius: 3px; font-size: .92em;
-}
-.md pre code { background: none; padding: 0; border-radius: 0; font-size: inherit; }
-.md input[type="checkbox"] { margin-right: 4px; vertical-align: middle; }
-.md table { border-collapse: collapse; margin: 6px 0; font-size: .95em; }
-.md th { color: var(--fg); font-weight: 600; text-align: left; padding: 2px 14px 3px 0; }
-.md td { color: var(--ans); padding: 2px 14px 3px 0; border-top: 1px solid var(--border-3); }
-
-/* fenced code block: dim header (language · copy) + code body */
-.codeblock { margin: 6px 0; background: var(--surface); border-radius: 4px; overflow: hidden; }
-body.light .codeblock { border: 1px solid var(--border); }
-.cb-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 3px 8px 3px 12px; font-size: 11.5px; color: var(--dim-b); }
-.cb-lang { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.cb-copy { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--dim-b); cursor: pointer; }
-.cb-copy .svg-icon { width: 14px; height: 14px; }
-.cb-copy:hover:not(:disabled) { background: var(--hover-bg); color: var(--fg); }
-.cb-copy:disabled { opacity: .3; cursor: default; }
-.cb-copy.done { color: var(--green); }
-.codeblock pre { margin: 0; padding: 6px 12px 10px; overflow-x: auto; max-height: 420px; overflow-y: auto; }
-.codeblock code { display: block; white-space: pre; color: var(--fg); font-size: 12.5px; line-height: 1.55; }
-
-/* highlight.js token palette — reuses the theme's semantic tokens */
-.hljs-comment, .hljs-quote { color: var(--dim-b); font-style: italic; }
-.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-doctag { color: var(--red); }
-.hljs-string, .hljs-attr, .hljs-attribute, .hljs-regexp, .hljs-link { color: var(--accent); }
-.hljs-number, .hljs-symbol, .hljs-bullet { color: var(--accent); }
-.hljs-title, .hljs-section, .hljs-selector-id, .hljs-selector-class { color: var(--purple); }
-.hljs-built_in, .hljs-type, .hljs-class .hljs-title { color: var(--yellow); }
-.hljs-variable, .hljs-template-variable, .hljs-params, .hljs-property { color: var(--fg); }
-.hljs-meta { color: var(--dim-a); }
-.hljs-tag, .hljs-name, .hljs-selector-pseudo { color: var(--green); }
-.hljs-deletion { color: var(--red); }
-.hljs-addition { color: var(--green); }
-.hljs-emphasis { font-style: italic; }
-.hljs-strong { font-weight: 700; }
-
-/* per-message copy actions */
-.msg-actions { display: flex; gap: 12px; margin: 3px 0 6px; }
-.act-btn { font: inherit; font-size: 11.5px; color: var(--dim-b); background: none; border: 0; padding: 0; cursor: pointer; }
-.act-btn:hover { color: var(--fg); }
-
-/* tool payload cards in chat */
-.imgcard {
-  margin-left: 26px; max-width: 360px; border-radius: 4px; overflow: hidden;
-  background: var(--surface); border: 1px solid var(--border-2);
-}
-.imgcard .ph {
-  height: 150px; display: flex; align-items: center; justify-content: center;
-  color: var(--dim-c); font-size: 12px;
-  background:
-    linear-gradient(45deg, var(--checker-a) 25%, transparent 25%) -8px 0/16px 16px,
-    linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%) -8px 0/16px 16px,
-    linear-gradient(45deg, transparent 75%, var(--checker-a) 75%) -8px 0/16px 16px,
-    linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%) -8px 0/16px 16px,
-    var(--checker-base);
-}
-body.light .imgcard .ph { background: var(--ph-light); }
-.imgcard .cap { padding: 6px 10px; color: var(--dim-a); font-size: 12px; }
-.filerow { margin-left: 26px; display: flex; gap: 8px; align-items: baseline; min-width: 0; font-size: 12.5px; line-height: 1.35; color: var(--muted); }
-/* Compact tool lists: consecutive action/file rows sit tight (~4px visual),
-// while turns keep the airy 11px feed gap. Negative margin compensates the
-// `.feed { gap: 11px }` only between siblings in a run. */
-.feed > .filerow + .filerow,
-.feed > .act + .act,
-.feed > .filerow + .act,
-.feed > .act + .filerow { margin-top: -7px; }
-.filerow .g { flex: 0 0 auto; }
-.filerow.recon .g, .filerow.recon .lab { color: var(--cyan); }
-.filerow.mutate .g, .filerow.mutate .lab { color: var(--magenta); }
-.filerow .sep { color: var(--dim-b); }
-.filerow a.path { color: var(--accent); text-decoration: none; overflow-wrap: anywhere; word-break: break-word; }
-.filerow a.path:hover { text-decoration: underline; }
-.filerow .tail { color: var(--dim-a); overflow-wrap: anywhere; word-break: break-word; }
-.filerow .copy-btn { background: transparent; border: 0; padding: 2px; color: var(--dim-a); cursor: pointer; opacity: 0; }
-.filerow:hover .copy-btn, .filerow:focus-within .copy-btn { opacity: 1; }
-@media (pointer: coarse) { .filerow .copy-btn { opacity: 1; } }
-.filerow .copy-btn:focus-visible { opacity: 1; outline: 2px solid var(--accent); outline-offset: 1px; }
-.filerow .copy-btn .svg-icon { width: 14px; height: 14px; }
-.linkline { margin-left: 26px; min-width: 0; overflow-wrap: anywhere; }
-.linkline a { color: var(--accent); text-decoration: none; overflow-wrap: anywhere; word-break: break-word; }
-.linkline a:hover { text-decoration: underline; }
-.linkline .dom { color: var(--dim-b); }
-.planblock {
-  margin-left: 26px; padding: 8px 12px; border-radius: 4px;
-  background: var(--surface); border: 1px solid var(--border-2); font-size: 12.5px;
-  max-width: 480px;
-}
-.planblock .ph2 { color: var(--dim-a); margin-bottom: 5px; }
-.planblock .st { padding: 2px 0 2px 14px; position: relative; color: var(--muted); }
-.planblock .st.done { color: var(--green); }
-.planblock .st.cur { color: var(--accent); }
-.planblock .st.fail { color: var(--err); }
-
-/* extra chat patterns */
-.startbanner { color: var(--dim-b); overflow-wrap: anywhere; }
-.startbanner b { font-weight: 400; color: var(--dim-a); }
-.errline { color: var(--err); padding-left: 26px; overflow-wrap: anywhere; }
-.errline .hint { color: var(--dim-a); display: block; }
-/* settings JSON validation hint — own class so global `.errline` queries
-   (chat turn errors, e2e) never match hidden settings rows. */
-.json-err { color: var(--err); overflow-wrap: anywhere; }
-.grouped { color: var(--dim-a); padding-left: 8px; overflow-wrap: anywhere; }
-.grouped .pipe { color: var(--pipe); }
-.msgs .busy { color: var(--think); display: flex; gap: 8px; align-items: baseline; font-size: 12.5px; }
-.busy .spin { display: inline-block; animation: spin 1s linear infinite; }
-.busy .busytime { color: var(--dim-a); }
-@keyframes spin { to { transform: rotate(360deg); } }
-.progline { color: var(--dim-a); display: flex; gap: 8px; align-items: center; }
-.progline .pb { color: var(--green); letter-spacing: -1px; }
-.sec-rule { color: var(--rule); user-select: none; }
-.uimg {
-  display: inline-block; width: 72px; height: 52px; border-radius: 3px;
-  vertical-align: middle; margin-left: 8px;
-  background:
-    linear-gradient(45deg, var(--checker-b) 25%, transparent 25%) -4px 0/8px 8px,
-    linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%) -4px 0/8px 8px,
-    linear-gradient(45deg, transparent 75%, var(--checker-b) 75%) -4px 0/8px 8px,
-    linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%) -4px 0/8px 8px,
-    var(--checker-base);
-  border: 1px solid var(--checker-border);
-}
-.cmdout { color: var(--cmdout); padding-left: 26px; white-space: pre-wrap; overflow-wrap: anywhere; }
-.sysline { color: var(--dim-c); overflow-wrap: anywhere; }
-.empty {
-  color: var(--dim-b); text-align: center; margin-top: 18vh; line-height: 2;
-}
-.empty .g { color: var(--green); }
-
-/* jump-to-latest pill: only visible when the reader scrolled up */
-.to-latest {
-  position: absolute; left: 50%; bottom: 148px; transform: translateX(-50%);
-  z-index: 20; font: inherit; font-size: 12.5px; cursor: pointer;
-  color: var(--accent); background: var(--panel);
-  border: 1px solid var(--border-2); border-radius: 999px;
-  padding: 5px 14px; box-shadow: var(--shadow-menu);
-  white-space: nowrap;
-}
-.to-latest:hover { border-color: var(--accent); }
-.to-latest[hidden] { display: none; }
-
-/* ---- composer: selectors, attachments, input, autocomplete ---- */
-.input-area { margin: 14px 22px 16px; position: relative; }
-.selectors { display: flex; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; min-width: 0; }
-.sel { position: relative; min-width: 0; max-width: 100%; }
-.sel > button {
-  font: inherit; font-size: 12.5px; cursor: pointer;
-  background: var(--surface); color: var(--muted); border: none; border-radius: 4px;
-  padding: 4px 10px; display: inline-flex; align-items: center; gap: 6px;
-  min-width: 0; max-width: 100%;
-}
-body.light .sel > button { border: 1px solid var(--border); }
-.sel > button b { font-weight: 400; color: var(--purple); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
-.sel > button .svg-icon { width: 13px; height: 13px; color: var(--dim-a); }
-/* Selector switch pending (boot + provider/model/context/reasoning writes):
-   buttons and menus go inert while the `⋯` mark shows. The mark is a static
-   glyph via `::after` — no animation, so `prefers-reduced-motion` needs no
-   special case and no label rewrites desync the DOM. */
-.selectors[data-pending] .sel > button,
-.selectors[data-pending] .menu { pointer-events: none; }
-.sel > button.pending { cursor: wait; }
-.sel > button.pending b::after { content: " ⋯"; color: var(--dim-b); }
-.menu {
-  display: none; position: absolute; bottom: calc(100% + 4px); left: 0; z-index: 30;
-  background: var(--panel); border: 1px solid var(--border-2); border-radius: 6px;
-  min-width: 200px; max-width: min(420px, calc(100vw - 48px));
-  max-height: 50vh; overflow-y: auto; overflow-x: hidden; padding: 4px;
-  box-shadow: var(--shadow-menu);
-}
-.sel.open .menu { display: block; }
-.menu .mi {
-  padding: 6px 10px; border-radius: 4px; cursor: pointer; color: var(--muted);
-  display: flex; flex-direction: column; align-items: flex-start; gap: 1px; font-size: 12.5px;
-  width: 100%; min-width: 0;
-}
-/* Long labels (model/provider names) ellipsize instead of widening the menu. */
-.menu .mi > span {
-  max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-.menu .mi.row-mi > span { flex: 1 1 auto; }
-.menu .mi:hover { background: var(--hover-bg-2); color: var(--fg); }
-.menu .mi.on { background: var(--accent-bg); color: var(--accent); }
-.menu .mi .sub { color: var(--dim-b); font-size: 11.5px; }
-.menu .sep { height: 1px; background: var(--border-2); margin: 4px 0; }
-.menu .mi.dim { color: var(--dim-b); }
-.menu .mi.row-mi { flex-direction: row; align-items: center; gap: 8px; }
-.menu .ctx-custom { display: flex; align-items: center; gap: 6px; padding: 4px; }
-.menu .ctx-custom input {
-  flex: 1 1 110px; min-width: 0; width: auto;
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 4px 8px;
-}
-.menu .ctx-custom .linkbtn { flex: 0 0 auto; }
-/* Dropdown search fields (composer model menu, sessions menu): sticky on top
-   so the query stays visible while the list scrolls underneath. */
-.menu .searchbox {
-  margin-bottom: 4px; position: sticky; top: 0; z-index: 1;
-}
-.model-menu-list { display: contents; }
-.dd-menu .searchbox {
-  margin: 2px 2px 6px; width: calc(100% - 4px);
-  position: sticky; top: 0; z-index: 1;
-}
-
-.inp {
-  width: 100%; padding: 12px 14px; resize: none; display: block;
-  background: var(--inp-bg); border: 1px solid var(--inp-border); border-radius: 6px;
-  color: var(--fg); font: inherit; font-size: 13.5px; outline: none;
-  line-height: 1.5; min-height: 46px;
-}
-.inp:focus { border-color: var(--inp-focus); box-shadow: 0 0 0 2px var(--input-shadow); }
-.input-area.busy .composer { opacity: .75; }
-.inp::placeholder { color: var(--dim-a); }
-.inp-meta { display: flex; gap: 14px; margin-top: 4px; padding: 0 6px; color: var(--dim-b); font-size: 11.5px; flex-wrap: wrap; }
-
-/* composer: [attach] [textarea] [send/stop] on the top row, hints underneath —
-   all inside one bordered surface, so the controls read as part of the field. */
-.composer {
-  display: flex; flex-direction: column; gap: 2px;
-  background: var(--inp-bg); border: 1px solid var(--inp-border); border-radius: 8px;
-  padding: 6px;
-}
-.composer-main { display: flex; align-items: flex-end; gap: 6px; }
-.composer:focus-within { border-color: var(--inp-focus); box-shadow: 0 0 0 2px var(--input-shadow); }
-.composer .inp {
-  flex: 1 1 auto; width: auto; min-width: 0; min-height: 32px;
-  background: transparent; border: none; border-radius: 0; padding: 6px 8px;
-}
-.composer .inp:focus,
-.composer .inp:focus-visible { box-shadow: none; border: none; outline: none; }
-.composer .attach-btn,
-.composer .send-btn {
-  flex: 0 0 auto; width: 32px; height: 32px; padding: 0;
-  display: inline-flex; align-items: center; justify-content: center;
-  cursor: pointer; background: none; border: none; border-radius: 6px;
-  color: var(--muted);
-}
-.composer .attach-btn:hover,
-.composer .send-btn:hover { background: var(--hover-bg); color: var(--fg); }
-.composer .send-btn { color: var(--accent); }
-.composer .send-btn.busy { color: var(--yellow); }
-.composer .send-btn:disabled { opacity: .5; cursor: default; }
-.composer .svg-icon { width: 17px; height: 17px; }
-
-/* workspace path under the composer */
-.ws-line { margin-top: 6px; padding: 0 2px; font-size: 11.5px; overflow-wrap: anywhere; }
-.ws-line[hidden] { display: none; }
-.ws-line .ws-k { color: var(--dim-b); margin-right: 6px; }
-.ws-line .ws-v { color: var(--dim-a); }
-
-/* slash-command autocomplete popup (above the composer) */
-.cmdk {
-  position: absolute; left: 0; right: 0; bottom: calc(100% + 4px); z-index: 40;
-  max-height: 40vh; overflow-y: auto;
-  background: var(--panel); border: 1px solid var(--border-2); border-radius: 6px;
-  box-shadow: var(--shadow-menu); padding: 4px;
-}
-.cmdk[hidden] { display: none; }
-.cmdk-item {
-  display: flex; gap: 10px; align-items: baseline; width: 100%;
-  padding: 6px 10px; border-radius: 4px; cursor: pointer; text-align: left;
-  font: inherit; font-size: 12.5px; color: var(--muted);
-}
-.cmdk-item .cmd { color: var(--fg); white-space: nowrap; }
-.cmdk-item .desc { color: var(--dim-b); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.cmdk-item.on, .cmdk-item:hover { background: var(--hover-bg-2); }
-.cmdk-item.on .cmd { color: var(--accent); }
-
-/* image attachments */
-.attach-strip { display: flex; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
-.attach-strip[hidden] { display: none; }
-.thumb {
-  position: relative; width: 64px; height: 48px; border-radius: 4px; overflow: hidden;
-  border: 1px solid var(--border-2); background: var(--surface);
-}
-.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
-.thumb .rm {
-  position: absolute; top: 0; right: 0; width: 16px; height: 16px; line-height: 16px;
-  text-align: center; font-size: 11px; color: var(--fg); background: rgba(0, 0, 0, .55);
-  cursor: pointer; border: none; padding: 0;
-  display: flex; align-items: center; justify-content: center;
-}
-.thumb .rm .svg-icon { width: 11px; height: 11px; }
-.thumb .rm:hover { background: var(--err); }
-.attach-err { color: var(--yellow); font-size: 11.5px; margin-bottom: 6px; }
-.attach-err[hidden] { display: none; }
-.input-area.dragover .composer { border-color: var(--accent); box-shadow: 0 0 0 2px var(--input-shadow); }
-@keyframes blink { 50% { opacity: 0; } }
-
-/* ---- chat motion ("magic"): entrances, caret, pulses, pops -----------------
-   Rules: only opacity/transform animations (never height/margin), 100–200ms,
-   calm single pulses. Killed globally by the `prefers-reduced-motion` block
-   below. Glyphs stay textual per STYLE.md — motion, not decoration. */
-@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
-@keyframes pop { from { opacity: 0; transform: scale(.98) translateY(2px); } to { opacity: 1; transform: none; } }
-@keyframes softPulse { 50% { opacity: .45; } }
-@keyframes fadeIn { from { opacity: 0; } }
-
-/* new rows rise in softly (a bulk history render animates once as a whole —
-   one shared fade, still cheap: opacity/transform only) */
-.feed > :is(.u, .md, .act, .think, .q, .filerow, .planblock, .imgcard, .linkline,
-  .toolout, .metric, .detail, .metaln, .warnline, .errline, .cmdout, .sysline,
-  .startbanner, .grouped, .msg-actions, .busy) {
-  animation: rise .18s ease-out;
-}
-/* quiet-mode run folding fades instead of snapping away */
-.fold-out { opacity: 0; transition: opacity .15s ease-out; }
-
-/* streaming caret at the tail of live markdown */
-.md.streaming::after {
-  content: "▌"; color: var(--accent); margin-left: 2px;
-  animation: blink 1s steps(2, start) infinite;
-}
-/* per-chunk typewriter fade for live markdown (md.js wraps each streamed
-   text chunk in `span.tk` when `opts.animate` is set; history render and
-   code blocks skip it). Opacity-only: `.tk` stays inline so wrapping is
-   untouched. Killed by the `prefers-reduced-motion` block below. */
-@keyframes tkIn { from { opacity: 0; } }
-.md.streaming .tk { animation: tkIn .15s ease-out backwards; }
-/* alive labels: in-feed spinner, the *live* think block, rail phase,
-   a running tool. Finished blocks stay static — a pulsing "думаю" after
-   the turn reads as hung. */
-.busy .lab, .think.live .think-h .lab, .rail-l1 .lab, .act.running .lab {
-  animation: softPulse 1.6s ease-in-out infinite;
-}
-
-/* menus, autocomplete and dialogs pop instead of snapping */
-.dd.open .dd-menu, .sel.open .menu, .cmdk:not([hidden]) { animation: pop .12s ease-out; }
-.to-latest:not([hidden]) { animation: pop .15s ease-out; }
-.overlay.open { animation: fadeIn .15s ease-out; }
-.overlay.open .modal { animation: rise .18s ease-out; }
-
-/* hover/active blends */
-.sel > button, .menu .mi, .stab, .q .qopt, .q .qsend, .filerow, .icon-btn,
-.btn, .linkbtn, .chip, .cb-copy, .act-btn, .copy-btn, .composer .attach-btn,
-.composer .send-btn, .dd-menu .si, .dd-menu .act, .cmdk-item, .toggle {
-  transition: background-color .12s, color .12s, border-color .12s;
-}
-.composer { transition: border-color .15s, box-shadow .15s; }
-
-/* scroll edge fades on the transcript (classes from the feed scroll hook).
-   Sticky in-flow pseudos glued exactly to the scrollport edges: they sit in
-   the scroller's padding-free content box (breathing lives on `.feed`), so
-   `top: 0` / `bottom: 0` meet the header above and the composer below with
-   no visible offset. Negative margins neutralize their flow height plus the
-   flex gap, so hidden fades take no space. */
-.msgs::before, .msgs::after {
-  content: ""; position: sticky; display: block; height: 22px; flex: 0 0 auto;
-  pointer-events: none; z-index: 5; opacity: 0; transition: opacity .25s;
-}
-.msgs::before { top: 0; margin-bottom: -33px; background: linear-gradient(var(--bg), transparent); }
-.msgs::after { bottom: 0; margin-top: -33px; background: linear-gradient(transparent, var(--bg)); }
-.msgs.scrolled::before { opacity: 1; }
-.msgs.unfollowed::after { opacity: 1; }
-
-/* ---- activity rail — indicator above the composer while a turn runs ----
-   Reproduces docs/design/ui/demo-activity-rail-chat.html (variant №12).
-   `l-line` (default) = compact one-liner, `l-meta` = inside the hint row,
-   `l-full` = full width; `off` hides the node entirely. */
-.rail-wrap { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
-.rail-wrap[hidden] { display: none; }
-.rail-wrap.l-line, .rail-wrap.l-meta {
-  flex-direction: row; align-items: center; gap: 6px 10px; margin-bottom: 8px;
-  flex-wrap: wrap;
-}
-.rail-wrap.l-line .rl-track { order: -1; flex: 1 1 120px; min-width: 80px; max-width: 180px; }
-.rail-wrap.l-meta .rl-track { order: -1; flex: 1 1 90px; min-width: 64px; max-width: 110px; }
-.rail-wrap.l-line .rail-l1, .rail-wrap.l-line .rail-l2 { flex: 1 1 auto; min-width: 0; }
-.rail-wrap.l-line .rail-l1 .right { display: none; }   /* Esc уже есть в .inp-meta */
-.rail-wrap.l-line .rail-l2::before { content: '·'; color: var(--dim-a); margin-right: -2px; }
-.rail-wrap.l-meta { margin-bottom: 0; }
-.rail-wrap.l-meta .rail-l1 { font-size: 11.5px; }
-.rail-wrap.l-meta .rail-l1 .st, .rail-wrap.l-meta .rail-l1 .s, .rail-wrap.l-meta .rail-l1 .right { display: none; }
-.rail-wrap.l-meta .rail-l2 { display: none; }          /* в строке подсказок только самое важное */
-.rail-wrap.l-full .rl-track { flex: 1 1 auto; }
-.rail-l1 {
-  display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;
-  font-size: 13px; color: var(--think);
-}
-.rail-l1 .s, .rail-l1 .right { color: var(--dim-a); }
-.rail-l1 .right { margin-left: auto; font-size: 11.5px; }
-.rail-l2 { display: flex; gap: 8px; align-items: baseline; font-size: 11.5px; color: var(--dim-a); flex-wrap: wrap; min-width: 0; }
-.rail-l2 .last { color: var(--args); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
-
-.rl-track {
-  position: relative; height: 12px; border-radius: 6px;
-  background: var(--border); overflow: hidden;
-}
-.rl-fill {
-  position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--prog, 0) * 1%);
-  background: linear-gradient(90deg, var(--think), var(--accent));
-  transition: width .2s linear;
-}
-.rl-fill::after {
-  content: ''; position: absolute; inset: 0;
-  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
-  transform: translateX(-100%); animation: rlSweep 1.5s linear infinite;
-}
-@keyframes rlSweep { to { transform: translateX(100%); } }
-/* Засечки шагов плана — только в режиме plan */
-.rl-track[data-mode="plan"]::after {
-  content: ''; position: absolute; inset: 0; pointer-events: none;
-  background: repeating-linear-gradient(90deg,
-    transparent 0, transparent calc(33.333% - 1.5px),
-    var(--bg) calc(33.333% - 1.5px), var(--bg) 33.333%);
-}
-/* indeterminate: бегущий сканер по всей длине */
-.rl-track[data-mode="scan"] .rl-fill { display: none; }
-.rl-scan {
-  display: none; position: absolute; top: 0; bottom: 0; width: 30%; left: -30%;
-  background: linear-gradient(90deg, transparent, var(--think) 40%, var(--accent) 72%, transparent);
-}
-.rl-track[data-mode="scan"] .rl-scan {
-  display: block; animation: rlScan 1.7s cubic-bezier(.4, .1, .6, .9) infinite;
-}
-@keyframes rlScan { to { left: 100%; } }
-.rail-wrap.phase-tool .rl-track[data-mode="scan"] .rl-scan { animation-duration: 1s; }
-.rail-wrap.phase-compose .rl-track[data-mode="scan"] .rl-scan { animation-duration: 1.3s; }
-/* Вспышка на реальное событие (tool_start / tool_end / text / plan) */
-.rl-track.flash {
-  box-shadow: 0 0 0 1px var(--accent), 0 0 14px rgba(196,168,236,.35);
-  animation: rlFlash .45s ease-out;
-}
-@keyframes rlFlash { 0% { filter: brightness(1.9); } 100% { filter: brightness(1); } }
-
-/* ---- sidebar — plan / usage / environment sections ---- */
-/* Sidebar never scrolls horizontally, in any tab: long paths / model names /
-   ids wrap or ellipsize inside their rows, never widening the pane. */
-.sb {
-  width: 340px; min-width: 340px; display: flex; flex-direction: column;
-  border-left: 1px solid var(--border); background: var(--sb-bg); min-height: 0;
-  overflow-x: hidden;
-}
-.sec {
-  display: flex; flex-direction: column; min-height: 0; min-width: 0;
-  max-width: 100%; overflow-x: hidden;
-  border-bottom: 1px solid var(--border);
-}
-.sec:last-child { border-bottom: none; }
-.sec-h {
-  color: var(--sec-h); cursor: pointer; user-select: none;
-  display: flex; gap: 6px; align-items: center; font-size: 12.5px;
-  padding: 10px 16px 8px; flex-shrink: 0;
-}
-.sec-h:hover { color: var(--sec-h-hover); }
-.sec-h .n { margin-left: auto; color: var(--dim-b); }
-.sec-body {
-  overflow-y: auto; overflow-x: hidden; padding: 0 16px 12px;
-  min-height: 0; min-width: 0; max-width: 100%;
-}
-.sec-body.collapsed { display: none; }
-/* plan section takes the lion's share and scrolls */
-.sec.plan-sec { flex: 1 1 auto; }
-.sec.usage-sec { flex: 0 1 auto; max-height: 45%; }
-
-/* ---- sidebar tabs ---- */
-.sb-tabs { display: flex; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--border); flex-shrink: 0; }
-.sb-tab {
-  position: relative; width: 34px; height: 34px; flex: 0 0 auto;
-  display: inline-flex; align-items: center; justify-content: center; padding: 0;
-  border: 1px solid var(--border-2); border-radius: 6px;
-  background: transparent; color: var(--stab-fg); cursor: pointer; font: inherit;
-}
-.sb-tab:hover { color: var(--fg); background: var(--hover-bg); }
-.sb-tab.on { color: var(--accent); background: var(--accent-bg); border-color: transparent; }
-.sb-tab .sb-ico svg { width: 17px; height: 17px; }
-.sb-tab .sb-dot {
-  position: absolute; top: 4px; right: 4px; width: 6px; height: 6px; border-radius: 50%;
-  background: var(--accent); opacity: 0; transition: opacity .2s;
-}
-.sb-tab[data-indicator="live"] .sb-dot { opacity: 1; animation: sbPulse 1s ease-in-out infinite; }
-.sb-tab[data-indicator="busy"] .sb-dot { opacity: 1; background: var(--accent); }
-.sb-tab[data-indicator="stale"] .sb-dot { opacity: 1; background: var(--yellow); }
-@keyframes sbPulse { 0%,100% { opacity: 1 } 50% { opacity: .25 } }
-
-.sb-name {
-  display: flex; align-items: center; gap: 8px; flex-shrink: 0;
-  padding: 10px 16px; color: var(--fg); font-size: 12.5px; font-weight: 600;
-  letter-spacing: .03em; border-bottom: 1px solid var(--border);
-}
-.sb-name .sb-ico svg { width: 14px; height: 14px; color: var(--accent); }
-
-.sb-pane { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; max-width: 100%; overflow-x: hidden; }
-.sb-pane[hidden] { display: none; }
-
-/* master-detail expansion */
-.sb { transition: width .22s ease, min-width .22s ease; }
-.sb.sb-expanded { width: 680px; min-width: 680px; }
-#pane-trace { flex-direction: row; }
-.sb-expanded #pane-trace { position: relative; }
-.trace-list { flex: 1; min-width: 0; max-width: 100%; overflow-y: auto; overflow-x: hidden; padding: 6px 10px 12px; display: flex; flex-direction: column; gap: 1px; }
-.trace-turn { color: var(--dim-c); font-size: 11px; margin: 8px 6px 2px; overflow-wrap: anywhere; }
-.trc { display: flex; gap: 8px; align-items: baseline; padding: 4px 6px; font-size: 12px; color: var(--muted); border-radius: 4px; cursor: pointer; min-width: 0; max-width: 100%; overflow: hidden; }
-.trc:hover { background: var(--hover-bg); }
-.trc.sel { background: var(--accent-bg); }
-.trc .g { flex: 0 0 auto; }
-.trc.recon .g { color: var(--cyan); } .trc.mutate .g { color: var(--purple); }
-.trc.execute .g { color: var(--accent); } .trc.meta .g { color: var(--meta); } .trc.phase .g { color: var(--think); }
-.trc .lab { color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
-.trc .args { color: var(--args); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; }
-.trc .t { color: var(--dim-b); margin-left: auto; flex: 0 0 auto; }
-.trc.warn .g, .trc.warn .lab { color: var(--yellow); }
-.trc.phase .lab { color: var(--think); }
-.trc-detail { display: flex; flex-direction: column; flex: 0 0 340px; min-width: 0; max-width: 100%; overflow-x: hidden; border-left: 1px solid var(--border); }
-.trc-detail[hidden] { display: none; }
-.detail-h { display: flex; gap: 8px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--border); color: var(--fg); font-size: 12.5px; flex-shrink: 0; min-width: 0; max-width: 100%; overflow: hidden; }
-.detail-h .g { color: var(--accent); }
-.detail-h .x { margin-left: auto; color: var(--dim-b); cursor: pointer; }
-.detail-b { padding: 10px 14px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; overflow-x: hidden; min-width: 0; max-width: 100%; }
-.detail-b .code { max-width: 100%; }
-.detail-b h5 { margin: 0 0 4px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--sec-h); font-weight: 600; }
-.map-sec { flex: 1 1 auto; }
-.map-reindex { margin-top: 10px; font: inherit; font-size: 12px; color: var(--accent); background: transparent; border: 1px solid var(--border-2); border-radius: 5px; padding: 4px 10px; cursor: pointer; width: fit-content; }
-.map-reindex:disabled { color: var(--dim-b); cursor: default; }
-.kv.wn b { color: var(--yellow); }
-
-::-webkit-scrollbar { width: 8px; }
-::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 4px; }
-
-.plan-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--plan-bar-fg); font-size: 12px; }
-.pbar { flex: 1; height: 6px; background: var(--track); border-radius: 3px; overflow: hidden; }
-.pbar i { display: block; height: 100%; background: var(--green-fill); transition: width .2s; }
-.plan-step { padding: 4px 0 4px 16px; position: relative; color: var(--muted); }
-.plan-step.done { color: var(--green); }
-.plan-step.cur { color: var(--accent); }
-.plan-step.fail { color: var(--red); }
-.plan-step::before { content: ""; position: absolute; left: 4px; top: 0; bottom: 0; width: 1px; background: var(--plan-line); }
-.plan-step .sub { display: block; color: var(--dim-b); font-size: 11.5px; padding-left: 0; }
-
-.kv { display: flex; justify-content: space-between; padding: 2px 0; color: var(--muted); gap: 10px; min-width: 0; max-width: 100%; }
-.kv > * { min-width: 0; }
-/* Подпись строки никогда не сжимается — иначе её текст наезжает на значение. */
-.kv > span:first-child { flex-shrink: 0; }
-.kv b { font-weight: 400; color: var(--fg); text-align: right; overflow-wrap: anywhere; word-break: break-word; min-width: 0; max-width: 100%; }
-/* Корень карты: подпись сверху, длинный путь снизу на всю ширину. */
-.map-path { display: flex; flex-direction: column; gap: 2px; padding: 2px 0; min-width: 0; max-width: 100%; color: var(--muted); }
-.map-path .dim { color: var(--dim-a); }
-.map-path b { font-weight: 400; color: var(--fg); overflow-wrap: anywhere; word-break: break-word; min-width: 0; max-width: 100%; }
-body.light .kv b { color: var(--fg); }
-.kv .dim { color: var(--dim-a); }
-.kv .wn { color: var(--yellow); }
-body.light .kv .wn { color: var(--yellow); }
-.kv-val { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }
-.kv-val b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.copy-btn {
-  display: inline-flex; align-items: center; justify-content: center;
-  width: 18px; height: 18px; padding: 0; flex: 0 0 auto;
-  border: 0; border-radius: 3px; background: transparent;
-  color: var(--dim-b); cursor: pointer;
-}
-.copy-btn .svg-icon { width: 12px; height: 12px; }
-.copy-btn:hover { color: var(--fg); background: var(--hover-bg); }
-/* Environment section: stacked items (name on top, dim value below). */
-#env .env-item { padding: 3px 0; }
-#env .env-k { color: var(--muted); font-size: 12px; }
-#env .env-v { color: var(--dim-b); font-size: 11.5px; overflow-wrap: anywhere; }
-.bar { height: 4px; background: var(--track); border-radius: 2px; margin-top: 6px; overflow: hidden; }
-.bar i { display: block; height: 100%; width: 0; background: var(--green-fill); transition: width .2s; }
-
-/* Segmented context bar: flex row so widths add up to the full window. */
-.bar.segbar { display: flex; }
-.bar.segbar i { width: auto; flex: 0 0 auto; transition: width .25s; }
-.bar.segbar .seg-system { background: var(--seg-system); }
-.bar.segbar .seg-tools { background: var(--seg-tools); }
-.bar.segbar .seg-history { background: var(--seg-history); }
-.bar.segbar .seg-reserve { background: var(--seg-reserve); }
-.bar.segbar .seg-free { background: var(--seg-free); }
-/* Legend of context parts (dim dot + label + tokens): rows, no boxes. */
-.seglegend { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 5px; }
-.segl-item { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--dim-b); }
-.segl-dot { width: 7px; height: 7px; border-radius: 2px; flex: 0 0 auto; }
-.segl-dot.seg-system { background: var(--seg-system); }
-.segl-dot.seg-tools { background: var(--seg-tools); }
-.segl-dot.seg-history { background: var(--seg-history); }
-.segl-dot.seg-reserve { background: var(--seg-reserve); }
-.segl-dot.seg-free { background: var(--seg-free); }
-.segl-item b { color: var(--muted); font-weight: 600; }
-.segl-label { color: var(--dim-b); }
-
-/* ---- settings modal + nested dialogs (provider, confirm) ---- */
-.overlay {
-  display: none; position: fixed; inset: 0; z-index: 50;
-  background: var(--overlay); align-items: center; justify-content: center;
-}
-.overlay.open { display: flex; }
-.modal {
-  width: min(880px, 92vw); height: min(640px, 88vh);
-  background: var(--panel); border-radius: 8px; overflow: hidden;
-  display: flex; flex-direction: column;
-  box-shadow: var(--shadow-modal);
-}
-.modal-top {
-  display: flex; align-items: center; padding: 10px 16px;
-  border-bottom: 1px solid var(--border); color: var(--fg); font-size: 13.5px;
-}
-.modal-top .modal-top-icon { display: inline-flex; align-items: center; color: var(--dim-a); margin-right: 8px; }
-.modal-top .x { margin-left: auto; cursor: pointer; color: var(--dim-a); }
-.modal-top .x:hover { color: var(--fg); }
-.modal-top .saved { margin-left: 12px; font-size: 12px; color: var(--green); opacity: 0; transition: opacity .2s; }
-.modal-top .saved.show { opacity: 1; }
-.modal-top .saved.fail { color: var(--red-strong); }
-.modal-body { flex: 1; display: flex; min-height: 0; min-width: 0; }
-
-/* small confirmation dialog (reuses the modal overlay) */
-.modal.modal-sm {
-  width: min(380px, 92vw); height: auto; max-height: 88vh; border-radius: 8px;
-}
-.confirm-body { flex-direction: column; padding: 16px 18px; gap: 16px; }
-.confirm-msg { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
-.confirm-actions { display: flex; justify-content: flex-end; gap: 8px; }
-.confirm-actions .linkbtn {
-  padding: 6px 14px; border: 1px solid var(--border); border-radius: 6px;
-  color: var(--fg); justify-content: center;
-}
-.confirm-actions .linkbtn:hover { text-decoration: none; background: var(--hover-bg-2); }
-.confirm-actions .linkbtn.danger { border-color: var(--red-strong); color: var(--red-strong); }
-.confirm-actions .linkbtn.danger:hover { background: var(--x-hover-bg); }
-
-/* nested sub-dialog (provider / MCP / LSP edit; opens above settings) */
-.overlay.overlay-nested { z-index: 60; }
-.modal.modal-sub {
-  width: min(560px, 92vw); height: auto; max-height: 88vh; border-radius: 8px;
-}
-.provider-body { display: block; padding: 20px 22px 22px; overflow-y: auto; }
-.provider-body .pform {
-  margin: 0; padding: 0; border: 0; background: none;
-}
-#subHost .pform-title { display: none; }
-.menu-col {
-  width: 210px; min-width: 210px; padding: 12px 8px 8px;
-  border-right: 1px solid var(--border);
-  display: flex; flex-direction: column; min-height: 0; flex: 0 0 auto;
-}
-.menu-col #setMenu { overflow-y: auto; min-height: 0; flex: 1 1 auto; }
-.menu-col .mi {
-  padding: 7px 12px; border-radius: 4px; cursor: pointer;
-  color: var(--muted); margin-bottom: 2px; font-size: 13px;
-  width: 100%; text-align: left; background: none; border: none; font-family: inherit;
-}
-.menu-col .mi:hover { background: var(--hover-bg-2); color: var(--fg); }
-.menu-col .mi.on { background: var(--accent-bg); color: var(--accent); }
-.content-col { flex: 1; padding: 18px 22px; overflow-y: auto; min-width: 0; min-height: 0; }
-.panel { display: none; }
-.panel.on { display: block; }
-.panel h3 { font-size: 14px; font-weight: 400; color: var(--fg); margin-bottom: 14px; }
-.row {
-  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
-  padding: 9px 0; border-bottom: 1px solid var(--border-3); font-size: 13px; color: var(--muted);
-  gap: 6px 14px; min-width: 0;
-}
-.row:last-child { border-bottom: none; }
-.row > .row-label { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
-.row-label .row-name { overflow-wrap: anywhere; }
-.row-label .row-desc { color: var(--dim-a); font-size: 11.5px; line-height: 1.35; overflow-wrap: anywhere; max-width: 60ch; }
-.row > span:first-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
-.row .val {
-  color: var(--fg); min-width: 0; max-width: 100%;
-  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-body.light .row .val { color: var(--fg); }
-.row .val.accent { color: var(--purple); }
-body.light .row .val.accent { color: var(--purple); }
-.row .val.dim { color: var(--dim-a); }
-.row input {
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 4px 8px;
-  width: 120px; text-align: right;
-}
-.toggle {
-  width: 34px; height: 18px; border-radius: 9px; background: var(--toggle-off);
-  position: relative; cursor: pointer; flex: 0 0 auto;
-}
-body.light .toggle { background: var(--toggle-off); }
-.toggle::after {
-  content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px;
-  border-radius: 50%; background: var(--toggle-knob); transition: .15s;
-}
-.toggle.on { background: var(--green-fill); }
-.toggle.on::after { left: 18px; background: var(--toggle-knob-on); }
-.seg { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
-.seg button {
-  font: inherit; font-size: 12px; padding: 3px 10px; cursor: pointer;
-  background: var(--surface); color: var(--muted); border: none; border-radius: 4px;
-}
-.seg button.on { background: var(--accent-bg); color: var(--accent); }
-.list-line {
-  display: flex; gap: 8px; padding: 6px 0; color: var(--muted); font-size: 12.5px;
-  border-bottom: 1px solid var(--border-3);
-}
-.list-line .g { color: var(--green); }
-.searchbox {
-  width: 100%; padding: 7px 10px; margin-bottom: 10px;
-  background: var(--surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px;
-}
-.placeholder { color: var(--dim-b); font-size: 12.5px; padding: 6px 0; line-height: 1.7; }
-.placeholder .tag { color: var(--yellow); }
-
-/* settings data lists (memory / skills / plugins) */
-.settings-list .list-line { align-items: center; gap: 6px 10px; flex-wrap: wrap; }
-.settings-list .list-line .name {
-  flex: 1 1 auto; min-width: 0; color: var(--fg);
-  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-.settings-list .list-line .src {
-  color: var(--dim-a); font-size: 11.5px; white-space: nowrap;
-  overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 100%;
-}
-.settings-list .list-line .st { color: var(--dim-a); white-space: nowrap; flex: 0 0 auto; }
-.settings-list .list-line .dim { color: var(--dim-a); }
-.settings-list .list-line .linkbtn { flex: 0 0 auto; }
-.settings-list .list-line .linkbtn:first-of-type { margin-left: auto; }
-
-/* skills: name on top, source path beneath */
-.skill-item { padding: 8px 0; border-bottom: 1px solid var(--border-3); }
-.skill-item:last-child { border-bottom: none; }
-.skill-head { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
-.skill-head .g { color: var(--green); flex: 0 0 auto; }
-.skill-head .dim { color: var(--dim-a); flex: 0 0 auto; }
-.skill-head .name {
-  color: var(--fg); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-.skill-head .st { margin-left: auto; color: var(--dim-a); white-space: nowrap; flex: 0 0 auto; }
-.skill-src {
-  color: var(--dim-a); font-size: 11.5px; margin-top: 2px; padding-left: 18px;
-  overflow-wrap: anywhere; word-break: break-word;
-}
-.row select {
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 4px 6px;
-}
-.row input.grow { width: 220px; text-align: left; }
-
-/* memory page — readable entry blocks */
-.mem-cat {
-  display: flex; align-items: baseline; gap: 8px;
-  padding: 12px 0 6px; font-size: 11.5px; text-transform: uppercase;
-  letter-spacing: .05em; color: var(--dim-a);
-  border-bottom: 1px solid var(--border-3);
-}
-.mem-cat .n { margin-left: auto; color: var(--dim-b); }
-.mem-entry {
-  display: flex; align-items: flex-start; gap: 10px;
-  padding: 8px 0; border-bottom: 1px solid var(--border-3);
-  font-size: 12.5px; color: var(--muted);
-}
-.mem-entry .mem-text {
-  flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; line-height: 1.6;
-}
-.mem-entry .mem-text b { font-weight: 600; color: var(--fg); }
-.mem-entry .mem-del {
-  flex: 0 0 auto; color: var(--accent); cursor: pointer; white-space: nowrap;
-}
-.mem-entry .mem-del:hover { text-decoration: underline; }
-.mem-add { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 0 14px; }
-.mem-add select,
-.mem-add input {
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 5px 8px;
-}
-.mem-add select { flex: 0 0 auto; }
-.mem-add input { flex: 1 1 180px; min-width: 0; }
-.mem-add .linkbtn { flex: 0 0 auto; }
-
-/* settings sections (models / providers) */
-.settings-section { margin-bottom: 22px; }
-.sec-head {
-  display: flex; align-items: baseline; gap: 10px;
-  padding: 0 0 6px; border-bottom: 1px solid var(--border-3);
-}
-.sec-title { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--dim-a); }
-.sec-add {
-  margin-left: auto; display: inline-flex; align-items: center; gap: 5px;
-  font: inherit; font-size: 12px; color: var(--accent);
-  background: none; border: 0; padding: 2px 0; cursor: pointer;
-}
-.sec-add:hover { text-decoration: underline; }
-.sec-add .svg-icon { width: 13px; height: 13px; }
-.sec-body { padding-top: 8px; }
-
-/* model catalog */
-.model-list { max-height: 320px; overflow-y: auto; }
-.model-item {
-  display: flex; align-items: center; gap: 10px;
-  padding: 6px 0; border-bottom: 1px solid var(--border-3);
-  font-size: 12.5px; color: var(--muted);
-}
-.model-item:last-child { border-bottom: none; }
-.model-item .m-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.model-item.active .m-name { color: var(--purple); }
-.model-item .m-meta { color: var(--dim-a); white-space: nowrap; flex: 0 0 auto; }
-
-/* provider entries */
-.provider-list { display: flex; flex-direction: column; }
-.provider-item { padding: 8px 0; border-bottom: 1px solid var(--border-3); }
-.provider-item:last-child { border-bottom: none; }
-.provider-item .p-head { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
-.provider-item .p-name { color: var(--fg); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.provider-item .badge {
-  flex: 0 0 auto; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em;
-  color: var(--green); border: 1px solid var(--border-2); border-radius: 999px; padding: 1px 7px;
-}
-.provider-item .p-meta { color: var(--dim-a); font-size: 11.5px; margin-top: 2px; overflow-wrap: anywhere; }
-.provider-item .p-actions { display: flex; gap: 12px; margin-top: 6px; }
-.chip { font: inherit; font-size: 11.5px; color: var(--accent); background: none; border: 0; padding: 0; cursor: pointer; }
-.chip:hover { text-decoration: underline; }
-.chip.danger { color: var(--red-strong); }
-
-/* provider add/edit form */
-.pform {
-  margin-top: 12px; padding: 12px; border: 1px solid var(--border-2); border-radius: 6px;
-  background: var(--surface);
-}
-.pform-title { font-size: 12.5px; color: var(--fg); margin-bottom: 10px; }
-.pform-grid {
-  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-  gap: 14px;
-}
-.pform-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
-.pform-field label { font-size: 11px; color: var(--dim-a); text-transform: uppercase; letter-spacing: .04em; }
-.pform-field input,
-.pform-field select {
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 6px 8px; width: 100%; min-width: 0;
-}
-/* base-URL field: the free-text input sits under the dropdown when "custom" */
-.pform-base { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
-/* preset row sits above the field grid — keep it off the fields */
-.provider-body .pform > .pform-field { margin-bottom: 16px; }
-.pform-adv { margin-top: 18px; }
-.pform-adv summary { cursor: pointer; font-size: 11.5px; color: var(--dim-a); text-transform: uppercase; letter-spacing: .04em; }
-.pform-adv .pform-grid { margin-top: 12px; }
-
-/* titled groups inside "advanced" (retry numbers / cache flags) */
-.pform-checks { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
-.pform-checks-title {
-  font-size: 11.5px; color: var(--dim-a); text-transform: uppercase; letter-spacing: .04em;
-}
-/* the group gap already separates the title from its grid */
-.pform-checks .pform-grid { margin-top: 0; }
-.pform-checks-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 6px 16px; }
-.pform-check {
-  display: inline-flex; align-items: center; gap: 7px; min-width: 0;
-  font-size: 12.5px; color: var(--muted); cursor: pointer;
-}
-.pform-check input[type="checkbox"] { width: auto; flex: 0 0 auto; margin: 0; accent-color: var(--accent); }
-.pform-check span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.pform-check:hover { color: var(--fg); }
-
-.sec-desc { color: var(--dim-a); font-size: 11.5px; line-height: 1.4; padding: 6px 0 0; max-width: 70ch; }
-
-/* structured editors (tags / checkboxes / table) own the full row width */
-.row > .ctl-block { flex-basis: 100%; min-width: 0; }
-
-.tagsctl, .checksctl, .tablectl { display: flex; flex-direction: column; gap: 8px; padding-top: 4px; }
-.tags-list { display: flex; flex-wrap: wrap; gap: 6px; }
-.tags-empty { color: var(--dim-b); font-size: 12px; }
-.tag-chip {
-  display: inline-flex; align-items: center; gap: 4px; max-width: 100%;
-  background: var(--surface); border: 1px solid var(--border-2); border-radius: 999px;
-  padding: 2px 6px 2px 10px; font-size: 12px; color: var(--fg);
-}
-.tag-chip .tag-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 320px; }
-.tag-chip .tag-rm { color: var(--dim-a); padding: 0 2px; }
-.tag-chip .tag-rm:hover { color: var(--red-strong); }
-.tags-add, .table-add { display: flex; gap: 6px; align-items: center; }
-.tags-add input, .table-add input {
-  flex: 1 1 160px; min-width: 0; max-width: 320px;
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 5px 8px; text-align: left;
-}
-.tags-plus, .table-plus { color: var(--accent); font-size: 14px; }
-
-/* `.row input` is a right-aligned 120px field — checkboxes must not inherit it. */
-.checksctl { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 6px 18px; }
-.check-line { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); cursor: pointer; min-width: 0; }
-.check-line input[type="checkbox"] { width: auto; flex: 0 0 auto; margin: 0; text-align: left; accent-color: var(--accent); }
-.check-line span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-
-.tablectl { gap: 4px; overflow-x: auto; }
-.table-head, .table-row {
-  display: grid; grid-template-columns: minmax(120px, 1.4fr) repeat(auto-fit, minmax(84px, 1fr)) 28px;
-  gap: 6px; align-items: center; min-width: 0;
-}
-.table-head .table-th { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--dim-a); }
-.table-row { padding: 3px 0; }
-.table-row input {
-  width: 100%; min-width: 0;
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 4px;
-  color: var(--fg); font: inherit; font-size: 12px; padding: 4px 6px; text-align: left;
-}
-.table-row input[type="checkbox"] { width: auto; justify-self: start; accent-color: var(--accent); }
-.table-row .table-rm { color: var(--dim-a); }
-.table-row .table-rm:hover { color: var(--red-strong); }
-.table-body:empty::after { content: "—"; color: var(--dim-b); font-size: 12px; }
-
-/* settings search */
-.set-search {
-  position: relative; display: flex; align-items: center; gap: 6px;
-  margin: 0 4px 10px; padding: 0 8px;
-  background: var(--input-surface); border: 1px solid var(--border-2); border-radius: 5px;
-}
-.set-search .set-search-icon { display: inline-flex; color: var(--dim-a); flex: 0 0 auto; }
-.set-search .set-search-icon .svg-icon { width: 13px; height: 13px; }
-.set-search input {
-  flex: 1 1 auto; min-width: 0; background: none; border: 0; outline: none;
-  color: var(--fg); font: inherit; font-size: 12.5px; padding: 7px 0;
-}
-.set-search input::-webkit-search-cancel-button { display: none; }
-.set-search .set-search-clear { color: var(--dim-a); flex: 0 0 auto; }
-.set-search:focus-within { border-color: var(--inp-focus); box-shadow: 0 0 0 2px var(--input-shadow); }
-.set-results { display: flex; flex-direction: column; gap: 1px; }
-.set-result {
-  display: grid; grid-template-columns: 1fr auto; gap: 2px 8px;
-  padding: 6px 8px; border-radius: 4px; cursor: pointer;
-}
-.set-result:hover, .set-result.on { background: var(--accent-bg); }
-.set-result .sr-label { color: var(--fg); font-size: 12.5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.set-result .sr-panel { grid-column: 2; grid-row: 1; color: var(--dim-a); font-size: 11px; white-space: nowrap; }
-.set-result .sr-key {
-  grid-column: 1 / -1; color: var(--dim-b); font-size: 10.5px;
-  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-.set-results-empty { color: var(--dim-b); font-size: 12px; padding: 8px; }
-
-/* a searched setting blinks so the eye lands on it after navigation */
-.row-flash { animation: rowflash 1.2s ease-out; }
-@keyframes rowflash {
-  0%, 40% { background: var(--accent-bg); }
-  100% { background: transparent; }
-}
-
-/* sub-dialog (nested edit: provider / MCP / LSP) */
-#subHost .pform { margin: 0; padding: 0; border: 0; background: none; }
-#subHost .pform-title { display: none; }
-.pform-actions { display: flex; gap: 14px; align-items: center; padding-top: 22px; }
-.pform-actions .linkbtn.dim { color: var(--dim-a); }
-.settings-note { color: var(--dim-b); font-size: 11.5px; line-height: 1.7; padding: 8px 0 4px; }
-
-/* ---- icons, focus & button normalization ---- */
-
-/* Inline Lucide SVGs (chrome only; chat status glyphs stay textual per STYLE.md). */
-.icon-btn,
-.stab-x,
-.dd-menu .del-btn,
-.del,
-.linkbtn { display: inline-flex; align-items: center; gap: 5px; }
-.svg-icon { width: 15px; height: 15px; flex: 0 0 auto; display: block; }
-.icon-btn .svg-icon { width: 16px; height: 16px; }
-
-/* Elements converted to real <button>s must not inherit UA chrome. */
-button.mi,
-button.act,
-button.think-h,
-button.qopt,
-button.stab-x,
-button.dd-row-main,
-button.del-btn,
-button.linkbtn {
-  font: inherit; color: inherit; background: none; border: none;
-  text-align: left; cursor: pointer; width: auto; padding: 0;
-}
-/* Headers keep their own padding/width from the base rules. */
-button.sec-h { font: inherit; color: inherit; background: none; border: none; cursor: pointer; width: 100%; padding: 10px 16px 8px; text-align: left; }
-button.think-h { width: 100%; }
-/* Switch keeps its fixed track size. */
-button.toggle { font: inherit; border: none; padding: 0; }
-button.stab-x {
-  padding: 4px 8px 4px 4px; border-radius: 3px; color: var(--dim-b);
-  display: inline-flex; align-items: center;
-}
-button.stab-x:hover { color: var(--red-strong); }
-.dd-menu .si-row { padding: 0; gap: 0; }
-.dd-menu .dd-row-main {
-  flex: 1 1 auto; display: flex; gap: 10px; align-items: baseline; min-width: 0;
-  padding: 7px 8px; color: var(--muted); font-size: 12.5px;
-}
-.dd-menu .dd-row-main:hover { color: var(--fg); }
-.dd-menu .si.on .dd-row-main { color: var(--accent); }
-.dd-menu .del-btn {
-  flex: 0 0 auto; width: 28px; height: 28px; padding: 0; margin: 0 4px;
-  color: var(--dim-b); cursor: pointer; justify-content: center;
-  border-radius: 4px; align-items: center;
-}
-.dd-menu .del-btn:hover { color: var(--red-strong); background: var(--x-hover-bg); }
-.dd-menu .del-btn .svg-icon { width: 15px; height: 15px; }
-.dd-menu .dd-err { color: var(--yellow); font-size: 11.5px; padding: 6px 8px; }
-
-/* Text actions (`use`/`edit`/`forget`/`add`, session delete) as focusable buttons. */
-.linkbtn {
-  color: var(--accent); cursor: pointer; white-space: nowrap;
-  align-items: center;
-}
-.linkbtn:hover { text-decoration: underline; }
-.linkbtn.dim { color: var(--dim-a); }
-.linkbtn.danger { color: var(--red-strong); }
-
-/* Interactive spans upgraded with `activate()` get the same affordance. */
-[role="button"]:not(button) { cursor: pointer; }
-
-/* Visible keyboard focus everywhere. */
-:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: 2px;
-  border-radius: 3px;
-}
-.inp:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--input-shadow); }
-.qopt:focus-visible,
-.toggle:focus-visible { outline-offset: 1px; }
-
-/* Question options are buttons now. */
-.q .qopt { background: none; border: none; font: inherit; text-align: left; }
-.q .qopt[aria-checked="true"] { color: var(--green); }
-.q .qmulti-hint { color: var(--dim-a); padding-left: 18px; font-size: 11.5px; }
-.q .qcustom { margin: 6px 0 0 18px; display: flex; gap: 8px; align-items: center; }
-.q .qcustom input { flex: 1 1 auto; max-width: 420px; }
-.q .qcustom .linkbtn { flex: 0 0 auto; }
-
-/* Toggle is a real switch button. */
-button.toggle { padding: 0; }
-button.toggle:disabled { opacity: .5; cursor: default; }
-
-/* Empty-state hint (was an inline color in JS). */
-.empty .hint { color: var(--dim-a); }
-
-/* Screen-reader-only status region (turn end, warnings/errors). */
-.visually-hidden {
-  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
-  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: .001ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: .001ms !important;
-  }
-}
-
-/* ---- responsive layout ---- */
-@media (max-width: 760px) {
-  .bar-top { gap: 8px; padding: 8px 10px; }
-  .bar-sub {
-    display: flex; gap: 2px; align-items: center;
-    padding: 5px 10px; background: var(--panel); border-bottom: 1px solid var(--border);
-    color: var(--muted); font-size: 12.5px;
-  }
-  .bar-sub .icon-btn { height: 28px; min-width: 28px; }
-  .sess-name {
-    flex: 1 1 auto; min-width: 0; display: flex; cursor: pointer;
-    background: none; border: none; font: inherit; color: var(--fg);
-    padding: 5px 6px; border-radius: 4px; text-align: left;
-  }
-  .sess-name:hover { background: var(--hover-bg); }
-  .sess-name:disabled { cursor: default; }
-  .sess-name:disabled:hover { background: none; }
-  .sess-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  /* + / list tools live here on phones; the dropdown opens below the bar. */
-  .sess-tools { display: flex; gap: 2px; align-items: center; margin-left: auto; }
-  .sess-tools .dd-menu { left: auto; right: 0; }
-  #sessClose:hover { color: var(--red-strong); }
-  .conn { display: none; }
-  /* Sidebar toggle lives next to settings; settings keeps the right edge. */
-  #toggleSidebar { display: inline-flex; }
-  #openSettings { margin-left: 0; }
-  .layout { flex-direction: column; }
-  .chat { min-height: 0; }
-  /* Phones: sidebar hidden, opens as an overlay drawer via body.sb-open. */
-  .sb { display: none; }
-  .sb-tab[data-tab="trace"], #pane-trace { display: none; }
-  body.sb-open .sb {
-    display: flex; position: fixed; top: 41px; right: 0; bottom: 0; z-index: 45;
-    width: min(360px, 85vw); min-width: 0; max-height: none;
-    border-left: 1px solid var(--border); border-top: none;
-    box-shadow: var(--shadow-dd);
-  }
-  .msgs { padding: 0 14px; }
-  .feed { padding: 14px 0; }
-  .input-area { margin: 10px 14px 12px; }
-  .inp-meta { flex-wrap: wrap; gap: 8px; }
-}
-
-@media (max-width: 640px) {
-  .modal {
-    width: 100vw; height: 100vh; max-width: none; max-height: none;
-    border-radius: 0;
-  }
-  .modal-body { flex-direction: column; min-width: 0; }
-  .menu-col {
-    width: 100%; min-width: 0; display: flex; flex-direction: column;
-    gap: 6px; border-right: none; border-bottom: 1px solid var(--border);
-    padding: 8px 10px; flex: 0 0 auto;
-  }
-  .menu-col #setMenu { display: flex; flex-direction: row; gap: 6px; overflow-x: auto; overflow-y: hidden; }
-  .menu-col .mi { white-space: nowrap; margin-bottom: 0; flex: 0 0 auto; width: auto; }
-  .set-search { margin: 0 0 2px; }
-  .set-results { max-height: 40vh; overflow-y: auto; }
-  .content-col { padding: 14px; }
-  .row { font-size: 12.5px; }
-  .input-area { margin: 8px 10px 10px; }
-  .msgs { padding: 0 10px; }
-  .feed { padding: 12px 0; }
-  /* narrow phones: rail stacks vertically, track takes the full row */
-  .rail-wrap.l-line, .rail-wrap.l-meta {
-    flex-direction: column; align-items: stretch; gap: 6px;
-  }
-  .rail-wrap.l-line .rl-track, .rail-wrap.l-meta .rl-track {
-    order: -1; flex: none; width: 100%; max-width: none;
-  }
-  .rail-wrap.l-line .rail-l1, .rail-wrap.l-line .rail-l2 { flex: none; }
-  .rail-wrap.l-meta { width: 100%; flex-basis: 100%; }
-  .selectors { gap: 6px; }
-  .composer-main { gap: 4px; }
-  /* phones have no Enter/Shift+Enter/Esc/Ctrl+V — hints only take up space.
-     Spans only (not the whole row): the `meta` rail layout lives inside
-     .inp-meta and must stay visible. */
-  .inp-meta > span { display: none; }
-  .inp-meta { gap: 0; margin-top: 0; padding: 0 2px; }
-  .inp-meta:empty { display: none; }
-}
-
-/* touch devices at any width: keyboard hints don't apply */
-@media (pointer: coarse) {
-  .inp-meta > span { display: none; }
-  .inp-meta { gap: 0; }
-}
-
-/* --- First-run setup gate ---------------------------------------------------
-   Full-screen wizard shown when the config is virgin. No boxed panels: rows,
-   glyphs and dim separators per docs/design/ui/STYLE.md. `body.setup-active`
-   hides the chat chrome so the wizard owns the viewport. */
-body.setup-active .bar-top,
-body.setup-active .layout { display: none; }
-
-.setup-gate[hidden] { display: none; }
-.setup-gate {
-  position: fixed; inset: 0; z-index: 60;
-  background: var(--bg); color: var(--fg);
-  overflow-y: auto;
-  display: flex; justify-content: center;
-  padding: 48px 20px;
-}
-.setup-wrap { width: 100%; max-width: 560px; }
-.setup-h { font-size: 20px; font-weight: 600; margin: 0 0 4px; }
-.setup-h .glyph { color: var(--accent); margin-right: 8px; }
-.setup-sub { color: var(--dim-a); font-size: 13px; margin: 0 0 22px; }
-
-.setup-steps {
-  display: flex; flex-wrap: wrap; gap: 4px;
-  font-size: 12px; color: var(--dim-b); margin-bottom: 22px;
-}
-.setup-steps .s.on { color: var(--accent); }
-.setup-steps .s.done { color: var(--green); }
-.setup-steps .sep { color: var(--rule); }
-
-.setup-step-title { font-size: 15px; font-weight: 600; margin: 0 0 4px; }
-.setup-hint { color: var(--dim-a); font-size: 12.5px; margin: 0 0 14px; line-height: 1.5; }
-
-.setup-field { margin-bottom: 14px; }
-.setup-label { display: block; font-size: 12px; color: var(--dim-a); margin-bottom: 5px; }
-.setup-input {
-  width: 100%; box-sizing: border-box;
-  background: var(--inp-bg); color: var(--fg);
-  border: 1px solid var(--border-2); border-radius: 7px;
-  padding: 8px 10px; font-size: 13.5px; font-family: inherit;
-}
-.setup-input:focus-visible { outline: none; border-color: var(--inp-focus); box-shadow: 0 0 0 2px var(--input-shadow); }
-
-.setup-opt {
-  display: flex; width: 100%; box-sizing: border-box;
-  align-items: baseline; gap: 8px; text-align: left;
-  background: transparent; color: var(--fg);
-  border: 1px solid var(--border); border-radius: 7px;
-  padding: 9px 11px; margin-bottom: 7px;
-  font-size: 13px; font-family: inherit; cursor: pointer;
-}
-.setup-opt:hover { background: var(--hover-bg); }
-.setup-opt .g { color: var(--dim-b); }
-.setup-opt .t { font-weight: 500; }
-.setup-opt .d { color: var(--dim-a); font-size: 12px; }
-.setup-opt.on { border-color: var(--accent); background: var(--accent-bg); }
-.setup-opt.on .g { color: var(--accent); }
-
-.setup-row-inline { display: flex; gap: 8px; align-items: center; }
-.setup-row-inline .setup-input { flex: 1; }
-
-.setup-actions { display: flex; gap: 10px; align-items: center; margin-top: 22px; }
-.setup-actions .spacer { flex: 1; }
-.setup-btn {
-  background: var(--surface); color: var(--fg);
-  border: 1px solid var(--border-2); border-radius: 7px;
-  padding: 8px 15px; font-size: 13px; font-family: inherit; cursor: pointer;
-}
-.setup-btn:hover { background: var(--hover-bg); }
-.setup-btn.primary { background: var(--green-fill); border-color: var(--green-fill); color: #fff; }
-.setup-btn.primary:hover { filter: brightness(1.08); }
-.setup-btn:disabled { opacity: .5; cursor: default; }
-.setup-btn.link { background: none; border: none; color: var(--accent); padding: 8px 4px; }
-
-.setup-msg { font-size: 12.5px; margin-top: 10px; min-height: 17px; }
-.setup-msg.ok { color: var(--green); }
-.setup-msg.warn { color: var(--yellow); }
-.setup-msg.err { color: var(--err); }
-
-.setup-summary { margin-top: 6px; }
-.setup-summary .r { display: flex; gap: 12px; padding: 5px 0; border-bottom: 1px solid var(--border-3); font-size: 13px; }
-.setup-summary .k { color: var(--dim-a); width: 150px; flex: 0 0 auto; }
-.setup-summary .v { color: var(--fg); word-break: break-all; }
-
-.setup-toggle { display: flex; align-items: flex-start; gap: 9px; padding: 7px 0; font-size: 13px; cursor: pointer; }
-.setup-toggle input { accent-color: var(--green-fill); width: 15px; height: 15px; margin-top: 2px; flex: 0 0 auto; }
-.setup-toggle-texts { display: flex; flex-direction: column; gap: 2px; }
-.setup-toggle-texts .t { font-weight: 500; }
-.setup-toggle-texts .d { color: var(--dim-a); font-size: 12px; line-height: 1.5; }
-
-.setup-sec-row { display: flex; align-items: center; gap: 8px; }
-.setup-sec-row .setup-toggle { flex: 1; }
-.setup-adv-label { padding: 7px 0; }
-.setup-detail-btn {
-  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
-  background: transparent; color: var(--dim-a);
-  border: 1px solid var(--border); border-radius: 7px;
-  padding: 5px 9px; font-size: 12px; font-family: inherit; cursor: pointer;
-}
-.setup-detail-btn:hover { background: var(--hover-bg); color: var(--fg); }
-.setup-detail-btn .g { color: var(--accent); }
-
-.setup-textarea { resize: vertical; min-height: 84px; font-family: var(--mono, ui-monospace, monospace); font-size: 12.5px; line-height: 1.5; }
-
-.setup-overlay {
-  position: fixed; inset: 0; z-index: 60;
-  background: rgba(0, 0, 0, .55);
-  display: flex; align-items: center; justify-content: center; padding: 20px;
-}
-.setup-modal {
-  width: 100%; max-width: 560px; max-height: 86vh; display: flex; flex-direction: column;
-  background: var(--surface); border: 1px solid var(--border-2); border-radius: 10px;
-  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
-}
-.setup-modal-head { display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid var(--border-3); }
-.setup-modal-head .glyph { color: var(--accent); }
-.setup-modal-title { font-weight: 600; font-size: 14px; flex: 1; }
-.setup-modal-x { background: none; border: none; color: var(--dim-a); font-size: 15px; cursor: pointer; padding: 2px 6px; }
-.setup-modal-x:hover { color: var(--fg); }
-.setup-modal-body { padding: 14px 16px; overflow-y: auto; }
-.setup-modal-body .setup-field:last-child { margin-bottom: 0; }
-.setup-modal-foot { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--border-3); }
-.setup-modal-foot .spacer { flex: 1; }
-
-@media (max-width: 640px) {
-  .setup-gate { padding: 24px 14px; }
-  .setup-summary .k { width: 110px; }
-}
+:root{--bg: #141414;--fg: #e6edf3;--panel: #191919;--sb-bg: #181818;--stab-bg: #181818;--surface: #1f1f1f;--input-surface: #1f1f1f;--inp-bg: #1d1d1d;--inp-border: #c4a8ec44;--inp-focus: #c4a8ec;--input-shadow: #c4a8ec33;--border: #262626;--border-2: #2e2e2e;--border-3: #262626;--muted: #d4d4d4;--dim-a: #a3a3a3;--dim-b: #737373;--dim-c: #737373;--accent: #c4a8ec;--accent-bg: #241e30;--green: #c9c5bd;--green-fill: #8a8781;--red: #e08080;--err: #e08080;--red-strong: #e08080;--yellow: #d9a45b;--purple: #b8b0a6;--cyan: #a8a29e;--think: #9c9c9c;--cmdout: #d4d4d4;--meta: #a3a3a3;--args: #a3a3a3;--hover-bg: #262626;--hover-bg-2: #222222;--x-hover-bg: #2e2e2e;--u-fg: #d3bdf2;--u-bg: #221c2e;--u-border: #c4a8ec;--ans: #a5adb6;--toggle-off: #2e2e2e;--toggle-knob: #a3a3a3;--toggle-knob-on: #fff;--scroll-thumb: #2e2e2e;--scroll-thumb-hover: #737373;--stab-thumb: #2e2e2e;--stab-thumb-hover: #737373;--pipe: #2e2e2e;--rule: #2e2e2e;--checker-a: #222222;--checker-b: #2e2e2e;--checker-base: #191919;--checker-border: #2e2e2e;--ph-light: #eaeef2;--track: #262626;--seg-system: #a78bfa;--seg-tools: #38bdf8;--seg-history: #34d399;--seg-reserve: #fbbf24;--seg-free: #3f3f46;--plan-line: #2e2e2e;--plan-bar-fg: #a3a3a3;--sec-h: #a3a3a3;--sec-h-hover: #d4d4d4;--stab-fg: #a3a3a3;--overlay: rgba(0,0,0,.55);--shadow-menu: 0 8px 24px rgba(0,0,0,.5);--shadow-dd: 0 12px 32px rgba(0,0,0,.55);--shadow-modal: 0 20px 60px rgba(0,0,0,.6)}body.light{--bg: #f6f8fa;--fg: #1f2328;--panel: #ffffff;--sb-bg: #ffffff;--stab-bg: #f6f8fa;--surface: #f6f8fa;--input-surface: #ffffff;--inp-bg: #ffffff;--inp-border: #1a7f3740;--inp-focus: #1a7f37;--input-shadow: #1a7f3733;--border: #d0d7de;--border-2: #d0d7de;--border-3: #d8dee4;--muted: #57606a;--dim-a: #57606a;--dim-b: #6e7781;--dim-c: #6e7781;--accent: #0969da;--accent-bg: #ddf4ff;--green: #1a7f37;--green-fill: #1a7f37;--red: #cf222e;--err: #cf222e;--red-strong: #cf222e;--yellow: #9a6700;--purple: #8250df;--cyan: #116329;--think: #6e7781;--cmdout: #57606a;--meta: #57606a;--args: #656d76;--hover-bg: #eaeef2;--hover-bg-2: #f6f8fa;--x-hover-bg: #eaeef2;--u-fg: #0550ae;--u-bg: #ddf4ff;--u-border: #0969da;--ans: #424a53;--toggle-off: #d0d7de;--toggle-knob: #6e7781;--toggle-knob-on: #ffffff;--scroll-thumb: #d0d7de;--scroll-thumb-hover: #afb8c1;--stab-thumb: #d0d7de;--stab-thumb-hover: #afb8c1;--pipe: #d0d7de;--rule: #d0d7de;--checker-a: #eaeef2;--checker-b: #d0d7de;--checker-base: #ffffff;--checker-border: #d0d7de;--ph-light: #eaeef2;--track: #eaeef2;--seg-system: #7c3aed;--seg-tools: #0284c7;--seg-history: #059669;--seg-reserve: #d97706;--seg-free: #d0d7de;--plan-line: #d0d7de;--plan-bar-fg: #57606a;--sec-h: #57606a;--sec-h-hover: #1f2328;--stab-fg: #57606a;--overlay: rgba(31,35,40,.35);--shadow-menu: 0 8px 24px rgba(140,149,159,.25);--shadow-dd: 0 12px 32px rgba(140,149,159,.25);--shadow-modal: 0 20px 60px rgba(140,149,159,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:ui-monospace,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:15px;display:flex;flex-direction:column;overflow:hidden}body[data-font=compact]{font-size:13px}body[data-font=large]{font-size:17px}.bar-top{display:flex;gap:14px;align-items:center;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);color:var(--muted);font-size:12.5px;position:relative;z-index:40}.icon-btn{cursor:pointer;color:var(--muted);height:24px;padding:0 8px;border:none;background:none;font:inherit;font-size:14px;border-radius:4px;line-height:1}.icon-btn:hover{background:var(--hover-bg);color:var(--fg)}.icon-btn.primary{color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{background:none;color:var(--muted)}.bar-sub{display:none}#openSettings{margin-left:auto;margin-right:6px}#toggleSidebar{display:none}.conn{color:var(--dim-a);font-size:11.5px;white-space:nowrap}.conn.stale{color:var(--yellow)}.conn.stale .linkbtn{font-size:11.5px}.tabstrip{display:flex;gap:4px;align-items:center;overflow-x:auto;flex:1;min-width:0}.tabstrip::-webkit-scrollbar{height:5px}.tabstrip::-webkit-scrollbar-track{background:transparent}.tabstrip::-webkit-scrollbar-thumb{background:var(--stab-thumb);border-radius:3px}.tabstrip::-webkit-scrollbar-thumb:hover{background:var(--stab-thumb-hover)}.stab{display:flex;gap:7px;align-items:center;white-space:nowrap;height:24px;padding:0 6px 0 10px;border-radius:7px;cursor:pointer;color:var(--stab-fg);font-size:12.5px;background:var(--stab-bg);border:1px solid transparent;max-width:220px}.stab:hover{color:var(--fg)}.stab.on{background:var(--accent-bg);color:var(--accent);border-color:transparent}.stab .name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.stab .dot{flex:0 0 auto;font-size:9px;line-height:1}.stab .dot.st-working{color:var(--accent);animation:tabpulse 1.2s ease-in-out infinite}.stab .dot.st-waiting{color:var(--yellow)}.stab .dot.st-queued{color:var(--dim-b)}.stab .dot.st-failed,.stab .dot.st-dead{color:var(--red-strong)}@keyframes tabpulse{0%,to{opacity:1}50%{opacity:.35}}.stab .stab-x{flex:0 0 auto;width:18px;height:18px;padding:0;justify-content:center;color:var(--dim-b);border-radius:3px;cursor:pointer}.stab .stab-x .svg-icon{width:12px;height:12px}.stab .stab-x:hover{color:var(--red-strong);background:var(--x-hover-bg)}.stab.dirty .stab-x{color:var(--yellow)}.btn{cursor:pointer;color:var(--muted);padding:3px 9px;border-radius:4px;border:none;background:none;font:inherit}.btn:hover{background:var(--hover-bg);color:var(--fg)}.btn.primary{color:var(--accent)}.model-name{color:var(--purple)}.dd{position:relative}.dd-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:var(--panel);border:1px solid var(--border-2);border-radius:6px;min-width:300px;max-width:min(460px,calc(100vw - 48px));max-height:62vh;overflow-y:auto;overflow-x:hidden;padding:6px;box-shadow:var(--shadow-dd)}.dd.open .dd-menu{display:block}.dd-menu .h{color:var(--dim-c);font-size:11.5px;padding:4px 8px;text-transform:uppercase;letter-spacing:.04em}.dd-menu .si{display:flex;gap:10px;align-items:baseline;padding:7px 8px;border-radius:4px;cursor:pointer;color:var(--muted);font-size:12.5px}.dd-menu .si:hover{background:var(--hover-bg-2);color:var(--fg)}.dd-menu .si.on{background:var(--accent-bg);color:var(--accent)}.dd-menu .si .id{color:var(--dim-b);white-space:nowrap;flex:0 0 auto}.dd-menu .si .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.dd-menu .si .meta{margin-left:auto;color:var(--dim-b);font-size:11.5px;white-space:nowrap}.dd-menu .sep{height:1px;background:var(--border-2);margin:5px 0}.dd-menu .act{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 8px;border-radius:4px;cursor:pointer;color:var(--accent);font-size:12.5px}.dd-menu .act:hover{background:var(--accent-bg)}.layout{flex:1;display:flex;min-height:0}.chat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.msgs{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 22px;display:flex;flex-direction:column;gap:11px}.msgs>*{flex-shrink:0;min-height:fit-content}.feed{display:flex;flex-direction:column;gap:11px;padding:18px 0}.feed>*{flex-shrink:0;min-height:fit-content}.u{color:var(--u-fg);background:var(--u-bg);border-left:2px solid var(--u-border);padding:7px 12px;border-radius:0 4px 4px 0;margin-top:6px;user-select:text;overflow-wrap:anywhere}.u:before{content:"> ";color:var(--u-border)}.ans{color:var(--ans);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.think-h{color:var(--think);cursor:pointer;user-select:none;display:flex;gap:8px;align-items:baseline;font-size:12.5px}.think-h .dur,.think-h .tog{color:var(--dim-b)}.think-h .tog{display:inline-flex;align-items:center;gap:4px}.think-h .tog .svg-icon{width:12px;height:12px}.think-h .tog:hover{color:var(--dim-a)}.think-body{color:var(--dim-c);padding-left:18px;white-space:pre-wrap;font-size:12.5px;overflow-wrap:anywhere}.think-body.hidden{display:none}.metaln{color:var(--dim-c);padding-left:26px;white-space:pre-wrap;font-size:12.5px;overflow-wrap:anywhere}.metaln.warn{color:var(--yellow)}.act{display:flex;gap:8px;min-width:0;line-height:1.35}.act .lab{white-space:nowrap}.act .args{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.act.recon .g,.act.recon .lab{color:var(--cyan)}.act.mut .g,.act.mut .lab{color:var(--purple)}.act.exe .g,.act.exe .lab{color:var(--accent)}.act.meta .g,.act.meta .lab{color:var(--meta)}.act .sep,.act .args{color:var(--args)}.act .ok{color:var(--green)}.act .ok.fail{color:var(--red)}.detail{color:var(--dim-a);padding-left:26px;overflow-wrap:anywhere}.metric{color:var(--dim-a);overflow-wrap:anywhere}.warnline{color:var(--yellow);overflow-wrap:anywhere}.q{color:var(--yellow);margin:6px 0}.q .qtext{white-space:pre-wrap;overflow-wrap:anywhere}.q .opts{padding-left:18px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.q .qopt{color:var(--accent);cursor:pointer;padding:2px 6px;border-radius:4px;width:fit-content}.q .qopt:hover{background:var(--hover-bg)}.q .qopt.on{color:var(--green)}.q .qopt.on:before{content:"✓ "}.q .qsend{margin:6px 0 0 18px;color:var(--accent);background:var(--surface);border:1px solid var(--border-2);border-radius:4px;padding:3px 10px;cursor:pointer;font:inherit;font-size:12.5px}.q .qsend:disabled{color:var(--dim-b);cursor:default;opacity:.6}.q .qinput{margin:6px 0 0 18px;width:calc(100% - 18px);max-width:520px;background:var(--inp-bg);color:var(--fg);border:1px solid var(--border-2);border-radius:4px;padding:6px 10px;font:inherit;font-size:13px}.q .qinput:focus{outline:none;border-color:var(--inp-focus)}.q .qans{color:var(--green);padding-left:18px}.q.answered .qtext,.q.placeholder{color:var(--dim-a)}.q.placeholder .opts{color:var(--dim-b)}.code{background:var(--surface);color:var(--fg);padding:8px 12px;border-radius:4px;white-space:pre;overflow-x:auto;color-scheme:dark;flex-shrink:0;max-height:240px;overflow-y:auto;font-size:12.5px;line-height:1.55}body.light .code{border:1px solid var(--border)}.toolout{margin:2px 0 6px 26px}.toolout .code{max-height:320px}.toolout.collapsed .code{display:none}.toolout .more{color:var(--dim-b);cursor:pointer;font-size:12px}.toolout .more:hover{color:var(--dim-a)}.feed>.md,.feed>.ans{border-left:2px solid var(--accent);padding-left:12px}.md{color:var(--ans);overflow-wrap:anywhere}.md>*{flex-shrink:0}.md p{margin:4px 0;white-space:pre-wrap}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{color:var(--fg);font-weight:600;line-height:1.3;margin:10px 0 4px}.md h1{font-size:1.35em}.md h2{font-size:1.2em}.md h3{font-size:1.1em}.md h4,.md h5,.md h6{font-size:1em}.md h1:first-child,.md h2:first-child,.md h3:first-child{margin-top:2px}.md ul,.md ol{margin:4px 0;padding-left:22px}.md li{margin:1px 0}.md li>p{margin:0}.md blockquote{margin:4px 0;padding-left:10px;border-left:2px solid var(--pipe);color:var(--dim-a)}.md hr{border:0;border-top:1px solid var(--rule);margin:8px 0}.md a{color:var(--accent);text-decoration:none}.md a:hover{text-decoration:underline}.md img{max-width:100%;border-radius:4px}.md code{background:var(--surface);color:var(--fg);padding:1px 5px;border-radius:3px;font-size:.92em}.md pre code{background:none;padding:0;border-radius:0;font-size:inherit}.md input[type=checkbox]{margin-right:4px;vertical-align:middle}.md table{border-collapse:collapse;margin:6px 0;font-size:.95em}.md th{color:var(--fg);font-weight:600;text-align:left;padding:2px 14px 3px 0}.md td{color:var(--ans);padding:2px 14px 3px 0;border-top:1px solid var(--border-3)}.codeblock{margin:6px 0;background:var(--surface);border-radius:4px;overflow:hidden}body.light .codeblock{border:1px solid var(--border)}.cb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px 3px 12px;font-size:11.5px;color:var(--dim-b)}.cb-lang{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-copy{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--dim-b);cursor:pointer}.cb-copy .svg-icon{width:14px;height:14px}.cb-copy:hover:not(:disabled){background:var(--hover-bg);color:var(--fg)}.cb-copy:disabled{opacity:.3;cursor:default}.cb-copy.done{color:var(--green)}.codeblock pre{margin:0;padding:6px 12px 10px;overflow-x:auto;max-height:420px;overflow-y:auto}.codeblock code{display:block;white-space:pre;color:var(--fg);font-size:12.5px;line-height:1.55}.hljs-comment,.hljs-quote{color:var(--dim-b);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag{color:var(--red)}.hljs-string,.hljs-attr,.hljs-attribute,.hljs-regexp,.hljs-link,.hljs-number,.hljs-symbol,.hljs-bullet{color:var(--accent)}.hljs-title,.hljs-section,.hljs-selector-id,.hljs-selector-class{color:var(--purple)}.hljs-built_in,.hljs-type,.hljs-class .hljs-title{color:var(--yellow)}.hljs-variable,.hljs-template-variable,.hljs-params,.hljs-property{color:var(--fg)}.hljs-meta{color:var(--dim-a)}.hljs-tag,.hljs-name,.hljs-selector-pseudo{color:var(--green)}.hljs-deletion{color:var(--red)}.hljs-addition{color:var(--green)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.msg-actions{display:flex;gap:12px;margin:3px 0 6px}.act-btn{font:inherit;font-size:11.5px;color:var(--dim-b);background:none;border:0;padding:0;cursor:pointer}.act-btn:hover{color:var(--fg)}.imgcard{margin-left:26px;max-width:360px;border-radius:4px;overflow:hidden;background:var(--surface);border:1px solid var(--border-2)}.imgcard .ph{height:150px;display:flex;align-items:center;justify-content:center;color:var(--dim-c);font-size:12px;background:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%) -8px 0/16px 16px,linear-gradient(-45deg,var(--checker-a) 25%,transparent 25%) -8px 0/16px 16px,linear-gradient(45deg,transparent 75%,var(--checker-a) 75%) -8px 0/16px 16px,linear-gradient(-45deg,transparent 75%,var(--checker-a) 75%) -8px 0/16px 16px,var(--checker-base)}body.light .imgcard .ph{background:var(--ph-light)}.imgcard .cap{padding:6px 10px;color:var(--dim-a);font-size:12px}.filerow{margin-left:26px;display:flex;gap:8px;align-items:baseline;min-width:0;font-size:12.5px;line-height:1.35;color:var(--muted)}.feed>.filerow+.filerow,.feed>.act+.act,.feed>.filerow+.act,.feed>.act+.filerow{margin-top:-7px}.filerow .g{flex:0 0 auto}.filerow.recon .g,.filerow.recon .lab{color:var(--cyan)}.filerow.mutate .g,.filerow.mutate .lab{color:var(--magenta)}.filerow .sep{color:var(--dim-b)}.filerow a.path{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.filerow a.path:hover{text-decoration:underline}.filerow .tail{color:var(--dim-a);overflow-wrap:anywhere;word-break:break-word}.filerow .copy-btn{background:transparent;border:0;padding:2px;color:var(--dim-a);cursor:pointer;opacity:0}.filerow:hover .copy-btn,.filerow:focus-within .copy-btn{opacity:1}@media(pointer:coarse){.filerow .copy-btn{opacity:1}}.filerow .copy-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.filerow .copy-btn .svg-icon{width:14px;height:14px}.linkline{margin-left:26px;min-width:0;overflow-wrap:anywhere}.linkline a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.linkline a:hover{text-decoration:underline}.linkline .dom{color:var(--dim-b)}.planblock{margin-left:26px;padding:8px 12px;border-radius:4px;background:var(--surface);border:1px solid var(--border-2);font-size:12.5px;max-width:480px}.planblock .ph2{color:var(--dim-a);margin-bottom:5px}.planblock .st{padding:2px 0 2px 14px;position:relative;color:var(--muted)}.planblock .st.done{color:var(--green)}.planblock .st.cur{color:var(--accent)}.planblock .st.fail{color:var(--err)}.startbanner{color:var(--dim-b);overflow-wrap:anywhere}.startbanner b{font-weight:400;color:var(--dim-a)}.errline{color:var(--err);padding-left:26px;overflow-wrap:anywhere}.errline .hint{color:var(--dim-a);display:block}.json-err{color:var(--err);overflow-wrap:anywhere}.grouped{color:var(--dim-a);padding-left:8px;overflow-wrap:anywhere}.grouped .pipe{color:var(--pipe)}.msgs .busy{color:var(--think);display:flex;gap:8px;align-items:baseline;font-size:12.5px}.busy .spin{display:inline-block;animation:spin 1s linear infinite}.busy .busytime{color:var(--dim-a)}@keyframes spin{to{transform:rotate(360deg)}}.progline{color:var(--dim-a);display:flex;gap:8px;align-items:center}.progline .pb{color:var(--green);letter-spacing:-1px}.sec-rule{color:var(--rule);user-select:none}.uimg{display:inline-block;width:72px;height:52px;border-radius:3px;vertical-align:middle;margin-left:8px;background:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%) -4px 0/8px 8px,linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%) -4px 0/8px 8px,linear-gradient(45deg,transparent 75%,var(--checker-b) 75%) -4px 0/8px 8px,linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%) -4px 0/8px 8px,var(--checker-base);border:1px solid var(--checker-border)}.cmdout{color:var(--cmdout);padding-left:26px;white-space:pre-wrap;overflow-wrap:anywhere}.sysline{color:var(--dim-c);overflow-wrap:anywhere}.empty{color:var(--dim-b);text-align:center;margin-top:18vh;line-height:2}.empty .g{color:var(--green)}.to-latest{position:absolute;left:50%;bottom:148px;transform:translate(-50%);z-index:20;font:inherit;font-size:12.5px;cursor:pointer;color:var(--accent);background:var(--panel);border:1px solid var(--border-2);border-radius:999px;padding:5px 14px;box-shadow:var(--shadow-menu);white-space:nowrap}.to-latest:hover{border-color:var(--accent)}.to-latest[hidden]{display:none}.input-area{margin:14px 22px 16px;position:relative}.selectors{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap;min-width:0}.sel{position:relative;min-width:0;max-width:100%}.sel>button{font:inherit;font-size:12.5px;cursor:pointer;background:var(--surface);color:var(--muted);border:none;border-radius:4px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}body.light .sel>button{border:1px solid var(--border)}.sel>button b{font-weight:400;color:var(--purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sel>button .svg-icon{width:13px;height:13px;color:var(--dim-a)}.selectors[data-pending] .sel>button,.selectors[data-pending] .menu{pointer-events:none}.sel>button.pending{cursor:wait}.sel>button.pending b:after{content:" ⋯";color:var(--dim-b)}.menu{display:none;position:absolute;bottom:calc(100% + 4px);left:0;z-index:30;background:var(--panel);border:1px solid var(--border-2);border-radius:6px;min-width:200px;max-width:min(420px,calc(100vw - 48px));max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:4px;box-shadow:var(--shadow-menu)}.sel.open .menu{display:block}.menu .mi{padding:6px 10px;border-radius:4px;cursor:pointer;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:12.5px;width:100%;min-width:0}.menu .mi>span{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu .mi.row-mi>span{flex:1 1 auto}.menu .mi:hover{background:var(--hover-bg-2);color:var(--fg)}.menu .mi.on{background:var(--accent-bg);color:var(--accent)}.menu .mi .sub{color:var(--dim-b);font-size:11.5px}.menu .sep{height:1px;background:var(--border-2);margin:4px 0}.menu .mi.dim{color:var(--dim-b)}.menu .mi.row-mi{flex-direction:row;align-items:center;gap:8px}.menu .ctx-custom{display:flex;align-items:center;gap:6px;padding:4px}.menu .ctx-custom input{flex:1 1 110px;min-width:0;width:auto;background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:4px 8px}.menu .ctx-custom .linkbtn{flex:0 0 auto}.menu .searchbox{margin-bottom:4px;position:sticky;top:0;z-index:1}.model-menu-list{display:contents}.dd-menu .searchbox{margin:2px 2px 6px;width:calc(100% - 4px);position:sticky;top:0;z-index:1}.inp{width:100%;padding:12px 14px;resize:none;display:block;background:var(--inp-bg);border:1px solid var(--inp-border);border-radius:6px;color:var(--fg);font:inherit;font-size:13.5px;outline:none;line-height:1.5;min-height:46px}.inp:focus{border-color:var(--inp-focus);box-shadow:0 0 0 2px var(--input-shadow)}.input-area.busy .composer{opacity:.75}.inp::placeholder{color:var(--dim-a)}.inp-meta{display:flex;gap:14px;margin-top:4px;padding:0 6px;color:var(--dim-b);font-size:11.5px;flex-wrap:wrap}.composer{display:flex;flex-direction:column;gap:2px;background:var(--inp-bg);border:1px solid var(--inp-border);border-radius:8px;padding:6px}.composer-main{display:flex;align-items:flex-end;gap:6px}.composer:focus-within{border-color:var(--inp-focus);box-shadow:0 0 0 2px var(--input-shadow)}.composer .inp{flex:1 1 auto;width:auto;min-width:0;min-height:32px;background:transparent;border:none;border-radius:0;padding:6px 8px}.composer .inp:focus,.composer .inp:focus-visible{box-shadow:none;border:none;outline:none}.composer .attach-btn,.composer .send-btn{flex:0 0 auto;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;border-radius:6px;color:var(--muted)}.composer .attach-btn:hover,.composer .send-btn:hover{background:var(--hover-bg);color:var(--fg)}.composer .send-btn{color:var(--accent)}.composer .send-btn.busy{color:var(--yellow)}.composer .send-btn:disabled{opacity:.5;cursor:default}.composer .svg-icon{width:17px;height:17px}.ws-line{margin-top:6px;padding:0 2px;font-size:11.5px;overflow-wrap:anywhere}.ws-line[hidden]{display:none}.ws-line .ws-k{color:var(--dim-b);margin-right:6px}.ws-line .ws-v{color:var(--dim-a)}.cmdk{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:40;max-height:40vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:6px;box-shadow:var(--shadow-menu);padding:4px}.cmdk[hidden]{display:none}.cmdk-item{display:flex;gap:10px;align-items:baseline;width:100%;padding:6px 10px;border-radius:4px;cursor:pointer;text-align:left;font:inherit;font-size:12.5px;color:var(--muted)}.cmdk-item .cmd{color:var(--fg);white-space:nowrap}.cmdk-item .desc{color:var(--dim-b);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item.on,.cmdk-item:hover{background:var(--hover-bg-2)}.cmdk-item.on .cmd{color:var(--accent)}.attach-strip{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.attach-strip[hidden]{display:none}.thumb{position:relative;width:64px;height:48px;border-radius:4px;overflow:hidden;border:1px solid var(--border-2);background:var(--surface)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .rm{position:absolute;top:0;right:0;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;color:var(--fg);background:#0000008c;cursor:pointer;border:none;padding:0;display:flex;align-items:center;justify-content:center}.thumb .rm .svg-icon{width:11px;height:11px}.thumb .rm:hover{background:var(--err)}.attach-err{color:var(--yellow);font-size:11.5px;margin-bottom:6px}.attach-err[hidden]{display:none}.input-area.dragover .composer{border-color:var(--accent);box-shadow:0 0 0 2px var(--input-shadow)}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.98) translateY(2px)}to{opacity:1;transform:none}}@keyframes softPulse{50%{opacity:.45}}@keyframes fadeIn{0%{opacity:0}}.feed>:is(.u,.md,.act,.think,.q,.filerow,.planblock,.imgcard,.linkline,.toolout,.metric,.detail,.metaln,.warnline,.errline,.cmdout,.sysline,.startbanner,.grouped,.msg-actions,.busy){animation:rise .18s ease-out}.fold-out{opacity:0;transition:opacity .15s ease-out}.md.streaming:after{content:"▌";color:var(--accent);margin-left:2px;animation:blink 1s steps(2,start) infinite}@keyframes tkIn{0%{opacity:0}}.md.streaming .tk{animation:tkIn .15s ease-out backwards}.busy .lab,.think.live .think-h .lab,.rail-l1 .lab,.act.running .lab{animation:softPulse 1.6s ease-in-out infinite}.dd.open .dd-menu,.sel.open .menu,.cmdk:not([hidden]){animation:pop .12s ease-out}.to-latest:not([hidden]){animation:pop .15s ease-out}.overlay.open{animation:fadeIn .15s ease-out}.overlay.open .modal{animation:rise .18s ease-out}.sel>button,.menu .mi,.stab,.q .qopt,.q .qsend,.filerow,.icon-btn,.btn,.linkbtn,.chip,.cb-copy,.act-btn,.copy-btn,.composer .attach-btn,.composer .send-btn,.dd-menu .si,.dd-menu .act,.cmdk-item,.toggle{transition:background-color .12s,color .12s,border-color .12s}.composer{transition:border-color .15s,box-shadow .15s}.msgs:before,.msgs:after{content:"";position:sticky;display:block;height:22px;flex:0 0 auto;pointer-events:none;z-index:5;opacity:0;transition:opacity .25s}.msgs:before{top:0;margin-bottom:-33px;background:linear-gradient(var(--bg),transparent)}.msgs:after{bottom:0;margin-top:-33px;background:linear-gradient(transparent,var(--bg))}.msgs.scrolled:before{opacity:1}.msgs.unfollowed:after{opacity:1}.rail-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.rail-wrap[hidden]{display:none}.rail-wrap.l-line,.rail-wrap.l-meta{flex-direction:row;align-items:center;gap:6px 10px;margin-bottom:8px;flex-wrap:wrap}.rail-wrap.l-line .rl-track{order:-1;flex:1 1 120px;min-width:80px;max-width:180px}.rail-wrap.l-meta .rl-track{order:-1;flex:1 1 90px;min-width:64px;max-width:110px}.rail-wrap.l-line .rail-l1,.rail-wrap.l-line .rail-l2{flex:1 1 auto;min-width:0}.rail-wrap.l-line .rail-l1 .right{display:none}.rail-wrap.l-line .rail-l2:before{content:"·";color:var(--dim-a);margin-right:-2px}.rail-wrap.l-meta{margin-bottom:0}.rail-wrap.l-meta .rail-l1{font-size:11.5px}.rail-wrap.l-meta .rail-l1 .st,.rail-wrap.l-meta .rail-l1 .s,.rail-wrap.l-meta .rail-l1 .right,.rail-wrap.l-meta .rail-l2{display:none}.rail-wrap.l-full .rl-track{flex:1 1 auto}.rail-l1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13px;color:var(--think)}.rail-l1 .s,.rail-l1 .right{color:var(--dim-a)}.rail-l1 .right{margin-left:auto;font-size:11.5px}.rail-l2{display:flex;gap:8px;align-items:baseline;font-size:11.5px;color:var(--dim-a);flex-wrap:wrap;min-width:0}.rail-l2 .last{color:var(--args);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.rl-track{position:relative;height:12px;border-radius:6px;background:var(--border);overflow:hidden}.rl-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--prog, 0) * 1%);background:linear-gradient(90deg,var(--think),var(--accent));transition:width .2s linear}.rl-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:rlSweep 1.5s linear infinite}@keyframes rlSweep{to{transform:translate(100%)}}.rl-notches{display:none;position:absolute;inset:0;pointer-events:none}.rl-track[data-mode=plan] .rl-notches{display:block}.rl-notches i{position:absolute;top:0;bottom:0;width:1.5px;background:var(--bg);transform:translate(-50%)}.rl-track[data-mode=scan] .rl-fill{display:none}.rl-scan{display:none;position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,var(--think) 40%,var(--accent) 72%,transparent)}.rl-track[data-mode=scan] .rl-scan{display:block;animation:rlScan 1.7s cubic-bezier(.4,.1,.6,.9) infinite}@keyframes rlScan{to{left:100%}}.rail-wrap.phase-tool .rl-track[data-mode=scan] .rl-scan{animation-duration:1s}.rail-wrap.phase-compose .rl-track[data-mode=scan] .rl-scan{animation-duration:1.3s}.rl-track.flash{box-shadow:0 0 0 1px var(--accent),0 0 14px #c4a8ec59;animation:rlFlash .45s ease-out}@keyframes rlFlash{0%{filter:brightness(1.9)}to{filter:brightness(1)}}.sb{width:340px;min-width:340px;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--sb-bg);min-height:0;overflow-x:hidden}.sec{display:flex;flex-direction:column;min-height:0;min-width:0;max-width:100%;overflow-x:hidden;border-bottom:1px solid var(--border)}.sec:last-child{border-bottom:none}.sec-h{color:var(--sec-h);cursor:pointer;user-select:none;display:flex;gap:6px;align-items:center;font-size:12.5px;padding:10px 16px 8px;flex-shrink:0}.sec-h:hover{color:var(--sec-h-hover)}.sec-h .n{margin-left:auto;color:var(--dim-b)}.sec-body{overflow-y:auto;overflow-x:hidden;padding:0 16px 12px;min-height:0;min-width:0;max-width:100%}.sec-body.collapsed{display:none}.sec.plan-sec{flex:1 1 auto}.sec.usage-sec{flex:0 1 auto;max-height:45%}.sb-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sb-tab{position:relative;width:34px;height:34px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-2);border-radius:6px;background:transparent;color:var(--stab-fg);cursor:pointer;font:inherit}.sb-tab:hover{color:var(--fg);background:var(--hover-bg)}.sb-tab.on{color:var(--accent);background:var(--accent-bg);border-color:transparent}.sb-tab .sb-ico svg{width:17px;height:17px}.sb-tab .sb-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s}.sb-tab[data-indicator=live] .sb-dot{opacity:1;animation:sbPulse 1s ease-in-out infinite}.sb-tab[data-indicator=busy] .sb-dot{opacity:1;background:var(--accent)}.sb-tab[data-indicator=stale] .sb-dot{opacity:1;background:var(--yellow)}@keyframes sbPulse{0%,to{opacity:1}50%{opacity:.25}}.sb-name{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 16px;color:var(--fg);font-size:12.5px;font-weight:600;letter-spacing:.03em;border-bottom:1px solid var(--border)}.sb-name .sb-ico svg{width:14px;height:14px;color:var(--accent)}.sb-pane{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;max-width:100%;overflow-x:hidden}.sb-pane[hidden]{display:none}.sb.sb-loading #pane-session{opacity:.5}@media(prefers-reduced-motion:no-preference){#pane-session{transition:opacity .15s ease}}.sb{transition:width .22s ease,min-width .22s ease}.sb.sb-expanded{width:680px;min-width:680px}#pane-trace{flex-direction:row}.sb-expanded #pane-trace{position:relative}.trace-list{flex:1;min-width:0;min-height:0;max-width:100%;overflow-y:auto;overflow-x:hidden;padding:6px 10px 12px;display:flex;flex-direction:column;gap:1px}.trace-list>*{flex-shrink:0}.trace-turn{color:var(--dim-c);font-size:11px;margin:8px 6px 2px;overflow-wrap:anywhere}.trc{display:flex;gap:8px;align-items:baseline;padding:4px 6px;font-size:12px;color:var(--muted);border-radius:4px;cursor:pointer;min-width:0;max-width:100%;overflow:hidden}.trc:hover{background:var(--hover-bg)}.trc.sel{background:var(--accent-bg)}.trc .g{flex:0 0 auto}.trc.recon .g{color:var(--cyan)}.trc.mutate .g{color:var(--purple)}.trc.execute .g{color:var(--accent)}.trc.meta .g{color:var(--meta)}.trc.phase .g{color:var(--think)}.trc .lab{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.trc .args{color:var(--args);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.trc .t{color:var(--dim-b);margin-left:auto;flex:0 0 auto}.trc.warn .g,.trc.warn .lab{color:var(--yellow)}.trc.phase .lab{color:var(--think)}.trc-detail{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;max-width:100%;overflow-x:hidden;border-left:1px solid var(--border)}.trc-detail[hidden]{display:none}.detail-h{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--fg);font-size:12.5px;flex-shrink:0;min-width:0;max-width:100%;overflow:hidden}.detail-h .g{color:var(--accent)}.detail-h .x{margin-left:auto;color:var(--dim-b);cursor:pointer}.detail-b{flex:1;min-height:0;padding:10px 14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%}.detail-b>*{flex-shrink:0}.detail-b .code{max-width:100%}.detail-b h5{margin:0 0 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--sec-h);font-weight:600}.map-sec{flex:1 1 auto}.map-reindex{margin-top:10px;font:inherit;font-size:12px;color:var(--accent);background:transparent;border:1px solid var(--border-2);border-radius:5px;padding:4px 10px;cursor:pointer;width:fit-content}.map-reindex:disabled{color:var(--dim-b);cursor:default}.lsp-what{color:var(--dim-c);font-size:11px;line-height:1.4;margin-bottom:6px;overflow-wrap:anywhere}.lsp-row{display:flex;flex-direction:column;gap:1px;padding:3px 0}.lsp-lang{color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.lsp-status{color:var(--dim-c);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}.lsp-muted .lsp-lang{color:var(--dim-b)}.lsp-muted .lsp-status{color:var(--dim-c)}.lsp-g.ok{color:var(--green)}.lsp-g.fail{color:var(--red)}.lsp-g.dim{color:var(--dim-c)}.lsp-head{display:flex;align-items:flex-start;gap:6px}.lsp-head .lsp-what{flex:1}.lsp-info-btn{display:inline-flex;align-items:center;padding:2px;background:transparent;border:0;color:var(--dim-c);cursor:pointer}.lsp-info-btn:hover,.lsp-info-btn.on{color:var(--accent)}.lsp-info-btn .svg-icon{width:14px;height:14px}.lsp-toggle{align-items:center}.lsp-hint{color:var(--dim-c);font-size:11px;line-height:1.4;margin:2px 0 6px;overflow-wrap:anywhere}.lsp-info{padding:2px 0}.lsp-install-title{color:var(--dim-b);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px}.lsp-install{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:3px 0}.lsp-cmd{font-size:11px;color:var(--muted);padding:1px 0;overflow-wrap:anywhere}.lsp-copy{display:inline-flex;align-items:center;color:var(--dim-b)}.lsp-copy .svg-icon{width:13px;height:13px}.lsp-copy:hover{color:var(--accent)}.kv.wn b{color:var(--yellow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.plan-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--plan-bar-fg);font-size:12px}.pbar{flex:1;height:6px;background:var(--track);border-radius:3px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--green-fill);transition:width .2s}.plan-step{padding:4px 0 4px 16px;position:relative;color:var(--muted)}.plan-step.done{color:var(--green)}.plan-step.cur{color:var(--accent)}.plan-step.fail{color:var(--red)}.plan-step:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--plan-line)}.plan-step .sub{display:block;color:var(--dim-b);font-size:11.5px;padding-left:0}.kv{display:flex;justify-content:space-between;padding:2px 0;color:var(--muted);gap:10px;min-width:0;max-width:100%}.kv>*{min-width:0}.kv>span:first-child{flex-shrink:0}.kv b{font-weight:400;color:var(--fg);text-align:right;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.map-path{display:flex;flex-direction:column;gap:2px;padding:2px 0;min-width:0;max-width:100%;color:var(--muted)}.map-path .dim{color:var(--dim-a)}.map-path b{font-weight:400;color:var(--fg);overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}body.light .kv b{color:var(--fg)}.kv .dim{color:var(--dim-a)}.kv .wn,body.light .kv .wn{color:var(--yellow)}.kv-val{display:inline-flex;align-items:center;gap:4px;min-width:0}.kv-val b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;flex:0 0 auto;border:0;border-radius:3px;background:transparent;color:var(--dim-b);cursor:pointer}.copy-btn .svg-icon{width:12px;height:12px}.copy-btn:hover{color:var(--fg);background:var(--hover-bg)}#env .env-item{padding:3px 0}#env .env-k{color:var(--muted);font-size:12px}#env .env-v{color:var(--dim-b);font-size:11.5px;overflow-wrap:anywhere}.bar{height:4px;background:var(--track);border-radius:2px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--green-fill);transition:width .2s}.bar.segbar{display:flex}.bar.segbar i{width:auto;flex:0 0 auto;transition:width .25s}.bar.segbar .seg-system{background:var(--seg-system)}.bar.segbar .seg-tools{background:var(--seg-tools)}.bar.segbar .seg-history{background:var(--seg-history)}.bar.segbar .seg-reserve{background:var(--seg-reserve)}.bar.segbar .seg-free{background:var(--seg-free)}.seglegend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px}.segl-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--dim-b)}.segl-dot{width:7px;height:7px;border-radius:2px;flex:0 0 auto}.segl-dot.seg-system{background:var(--seg-system)}.segl-dot.seg-tools{background:var(--seg-tools)}.segl-dot.seg-history{background:var(--seg-history)}.segl-dot.seg-reserve{background:var(--seg-reserve)}.segl-dot.seg-free{background:var(--seg-free)}.segl-item b{color:var(--muted);font-weight:600}.segl-label{color:var(--dim-b)}.overlay{display:none;position:fixed;inset:0;z-index:50;background:var(--overlay);align-items:center;justify-content:center}.overlay.open{display:flex}.modal{width:min(880px,92vw);height:min(640px,88vh);background:var(--panel);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.modal-top{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);color:var(--fg);font-size:13.5px}.modal-top .modal-top-icon{display:inline-flex;align-items:center;color:var(--dim-a);margin-right:8px}.modal-top .x{margin-left:auto;cursor:pointer;color:var(--dim-a)}.modal-top .x:hover{color:var(--fg)}.modal-top .saved{margin-left:12px;font-size:12px;color:var(--green);opacity:0;transition:opacity .2s}.modal-top .saved.show{opacity:1}.modal-top .saved.fail{color:var(--red-strong)}.modal-body{flex:1;display:flex;min-height:0;min-width:0}.modal.modal-sm{width:min(380px,92vw);height:auto;max-height:88vh;border-radius:8px}.confirm-body{flex-direction:column;padding:16px 18px;gap:16px}.confirm-msg{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-actions .linkbtn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;color:var(--fg);justify-content:center}.confirm-actions .linkbtn:hover{text-decoration:none;background:var(--hover-bg-2)}.confirm-actions .linkbtn.danger{border-color:var(--red-strong);color:var(--red-strong)}.confirm-actions .linkbtn.danger:hover{background:var(--x-hover-bg)}.overlay.overlay-nested{z-index:60}.modal.modal-sub{width:min(560px,92vw);height:auto;max-height:88vh;border-radius:8px}.provider-body{display:block;padding:20px 22px 22px;overflow-y:auto}.provider-body .pform{margin:0;padding:0;border:0;background:none}.menu-col{width:210px;min-width:210px;padding:12px 8px 8px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;flex:0 0 auto}.menu-col #setMenu{overflow-y:auto;min-height:0;flex:1 1 auto}.menu-col .mi{padding:7px 12px;border-radius:4px;cursor:pointer;color:var(--muted);margin-bottom:2px;font-size:13px;width:100%;text-align:left;background:none;border:none;font-family:inherit}.menu-col .mi:hover{background:var(--hover-bg-2);color:var(--fg)}.menu-col .mi.on{background:var(--accent-bg);color:var(--accent)}.content-col{flex:1;padding:18px 22px;overflow-y:auto;min-width:0;min-height:0}.panel{display:none}.panel.on{display:block}.panel h3{font-size:14px;font-weight:400;color:var(--fg);margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--border-3);font-size:13px;color:var(--muted);gap:6px 14px;min-width:0}.row:last-child{border-bottom:none}.row>.row-label{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.row-label .row-name{overflow-wrap:anywhere}.row-label .row-desc{color:var(--dim-a);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere;max-width:60ch}.row>span:first-child{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.row .val{color:var(--fg);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.light .row .val{color:var(--fg)}.row .val.accent,body.light .row .val.accent{color:var(--purple)}.row .val.dim{color:var(--dim-a)}.row input{background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:4px 8px;width:120px;text-align:right}.toggle{width:34px;height:18px;border-radius:9px;background:var(--toggle-off);position:relative;cursor:pointer;flex:0 0 auto}body.light .toggle{background:var(--toggle-off)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--toggle-knob);transition:.15s}.toggle.on{background:var(--green-fill)}.toggle.on:after{left:18px;background:var(--toggle-knob-on)}.seg{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.seg button{font:inherit;font-size:12px;padding:3px 10px;cursor:pointer;background:var(--surface);color:var(--muted);border:none;border-radius:4px}.seg button.on{background:var(--accent-bg);color:var(--accent)}.list-line{display:flex;gap:8px;padding:6px 0;color:var(--muted);font-size:12.5px;border-bottom:1px solid var(--border-3)}.list-line .g{color:var(--green)}.searchbox{width:100%;padding:7px 10px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px}.placeholder{color:var(--dim-b);font-size:12.5px;padding:6px 0;line-height:1.7}.placeholder .tag{color:var(--yellow)}.settings-list .list-line{align-items:center;gap:6px 10px;flex-wrap:wrap}.settings-list .list-line .name{flex:1 1 auto;min-width:0;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list .list-line .src{color:var(--dim-a);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.settings-list .list-line .st{color:var(--dim-a);white-space:nowrap;flex:0 0 auto}.settings-list .list-line .dim{color:var(--dim-a)}.settings-list .list-line .linkbtn{flex:0 0 auto}.settings-list .list-line .linkbtn:first-of-type{margin-left:auto}.skill-item{padding:8px 0;border-bottom:1px solid var(--border-3)}.skill-item:last-child{border-bottom:none}.skill-head{display:flex;align-items:baseline;gap:8px;min-width:0}.skill-head .g{color:var(--green);flex:0 0 auto}.skill-head .dim{color:var(--dim-a);flex:0 0 auto}.skill-head .name{color:var(--fg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-head .st{margin-left:auto;color:var(--dim-a);white-space:nowrap;flex:0 0 auto}.skill-src{color:var(--dim-a);font-size:11.5px;margin-top:2px;padding-left:18px;overflow-wrap:anywhere;word-break:break-word}.row select{background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:4px 6px}.row input.grow{width:220px;text-align:left}.mem-cat{display:flex;align-items:baseline;gap:8px;padding:12px 0 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim-a);border-bottom:1px solid var(--border-3)}.mem-cat .n{margin-left:auto;color:var(--dim-b)}.mem-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-3);font-size:12.5px;color:var(--muted)}.mem-entry .mem-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.6}.mem-entry .mem-text b{font-weight:600;color:var(--fg)}.mem-entry .mem-del{flex:0 0 auto;color:var(--accent);cursor:pointer;white-space:nowrap}.mem-entry .mem-del:hover{text-decoration:underline}.mem-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0 14px}.mem-add select,.mem-add input{background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:5px 8px}.mem-add select{flex:0 0 auto}.mem-add input{flex:1 1 180px;min-width:0}.mem-add .linkbtn{flex:0 0 auto}.settings-section{margin-bottom:22px}.sec-head{display:flex;align-items:baseline;gap:10px;padding:0 0 6px;border-bottom:1px solid var(--border-3)}.sec-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim-a)}.sec-add{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;color:var(--accent);background:none;border:0;padding:2px 0;cursor:pointer}.sec-add:hover{text-decoration:underline}.sec-add .svg-icon{width:13px;height:13px}.sec-body{padding-top:8px}.model-list{max-height:320px;overflow-y:auto}.model-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-3);font-size:12.5px;color:var(--muted)}.model-item:last-child{border-bottom:none}.model-item .m-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-item.active .m-name{color:var(--purple)}.model-item .m-meta{color:var(--dim-a);white-space:nowrap;flex:0 0 auto}.provider-list{display:flex;flex-direction:column}.provider-item{padding:8px 0;border-bottom:1px solid var(--border-3)}.provider-item:last-child{border-bottom:none}.provider-item .p-head{display:flex;align-items:baseline;gap:8px;min-width:0}.provider-item .p-name{color:var(--fg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-item .badge{flex:0 0 auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--green);border:1px solid var(--border-2);border-radius:999px;padding:1px 7px}.provider-item .p-meta{color:var(--dim-a);font-size:11.5px;margin-top:2px;overflow-wrap:anywhere}.provider-item .p-actions{display:flex;gap:12px;margin-top:6px}.chip{font:inherit;font-size:11.5px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer}.chip:hover{text-decoration:underline}.chip.danger{color:var(--red-strong)}.pform{margin-top:12px;padding:12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface)}.pform-title{font-size:12.5px;color:var(--fg);margin-bottom:10px}.pform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.pform-field{display:flex;flex-direction:column;gap:5px;min-width:0}.pform-field label{font-size:11px;color:var(--dim-a);text-transform:uppercase;letter-spacing:.04em}.pform-field input,.pform-field select{background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:6px 8px;width:100%;min-width:0}.pform-base{display:flex;flex-direction:column;gap:6px;min-width:0}.provider-body .pform>.pform-field{margin-bottom:16px}.pform-adv{margin-top:18px}.pform-adv summary{cursor:pointer;font-size:11.5px;color:var(--dim-a);text-transform:uppercase;letter-spacing:.04em}.pform-adv .pform-grid{margin-top:12px}.pform-checks{display:flex;flex-direction:column;gap:10px;margin-top:16px}.pform-checks-title{font-size:11.5px;color:var(--dim-a);text-transform:uppercase;letter-spacing:.04em}.pform-checks .pform-grid{margin-top:0}.pform-checks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 16px}.pform-check{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:12.5px;color:var(--muted);cursor:pointer}.pform-check input[type=checkbox]{width:auto;flex:0 0 auto;margin:0;accent-color:var(--accent)}.pform-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pform-check:hover{color:var(--fg)}.sec-desc{color:var(--dim-a);font-size:11.5px;line-height:1.4;padding:6px 0 0;max-width:70ch}.row>.ctl-block{flex-basis:100%;min-width:0}.tagsctl,.checksctl,.tablectl{display:flex;flex-direction:column;gap:8px;padding-top:4px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tags-empty{color:var(--dim-b);font-size:12px}.tag-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;background:var(--surface);border:1px solid var(--border-2);border-radius:999px;padding:2px 6px 2px 10px;font-size:12px;color:var(--fg)}.tag-chip .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.tag-chip .tag-rm{color:var(--dim-a);padding:0 2px}.tag-chip .tag-rm:hover{color:var(--red-strong)}.tags-add,.table-add{display:flex;gap:6px;align-items:center}.tags-add input,.table-add input{flex:1 1 160px;min-width:0;max-width:320px;background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12.5px;padding:5px 8px;text-align:left}.tags-plus,.table-plus{color:var(--accent);font-size:14px}.checksctl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 18px}.check-line{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);cursor:pointer;min-width:0}.check-line input[type=checkbox]{width:auto;flex:0 0 auto;margin:0;text-align:left;accent-color:var(--accent)}.check-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tablectl{gap:4px;overflow-x:auto}.table-head,.table-row{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(auto-fit,minmax(84px,1fr)) 28px;gap:6px;align-items:center;min-width:0}.table-head .table-th{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim-a)}.table-row{padding:3px 0}.table-row input{width:100%;min-width:0;background:var(--input-surface);border:1px solid var(--border-2);border-radius:4px;color:var(--fg);font:inherit;font-size:12px;padding:4px 6px;text-align:left}.table-row input[type=checkbox]{width:auto;justify-self:start;accent-color:var(--accent)}.table-row .table-rm{color:var(--dim-a)}.table-row .table-rm:hover{color:var(--red-strong)}.table-body:empty:after{content:"—";color:var(--dim-b);font-size:12px}.set-search{position:relative;display:flex;align-items:center;gap:6px;margin:0 4px 10px;padding:0 8px;background:var(--input-surface);border:1px solid var(--border-2);border-radius:5px}.set-search .set-search-icon{display:inline-flex;color:var(--dim-a);flex:0 0 auto}.set-search .set-search-icon .svg-icon{width:13px;height:13px}.set-search input{flex:1 1 auto;min-width:0;background:none;border:0;outline:none;color:var(--fg);font:inherit;font-size:12.5px;padding:7px 0}.set-search input::-webkit-search-cancel-button{display:none}.set-search .set-search-clear{color:var(--dim-a);flex:0 0 auto}.set-search:focus-within{border-color:var(--inp-focus);box-shadow:0 0 0 2px var(--input-shadow)}.set-results{display:flex;flex-direction:column;gap:1px}.set-result{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px;border-radius:4px;cursor:pointer}.set-result:hover,.set-result.on{background:var(--accent-bg)}.set-result .sr-label{color:var(--fg);font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-result .sr-panel{grid-column:2;grid-row:1;color:var(--dim-a);font-size:11px;white-space:nowrap}.set-result .sr-key{grid-column:1 / -1;color:var(--dim-b);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-results-empty{color:var(--dim-b);font-size:12px;padding:8px}.row-flash{animation:rowflash 1.2s ease-out}@keyframes rowflash{0%,40%{background:var(--accent-bg)}to{background:transparent}}#subHost .pform{margin:0;padding:0;border:0;background:none}#subHost .pform-title{display:none}.pform-actions{display:flex;gap:14px;align-items:center;padding-top:22px}.pform-actions .linkbtn.dim{color:var(--dim-a)}.settings-note{color:var(--dim-b);font-size:11.5px;line-height:1.7;padding:8px 0 4px}.icon-btn,.stab-x,.dd-menu .del-btn,.del,.linkbtn{display:inline-flex;align-items:center;gap:5px}.svg-icon{width:15px;height:15px;flex:0 0 auto;display:block}.icon-btn .svg-icon{width:16px;height:16px}button.mi,button.act,button.think-h,button.qopt,button.stab-x,button.dd-row-main,button.del-btn,button.linkbtn{font:inherit;color:inherit;background:none;border:none;text-align:left;cursor:pointer;width:auto;padding:0}button.sec-h{font:inherit;color:inherit;background:none;border:none;cursor:pointer;width:100%;padding:10px 16px 8px;text-align:left}button.think-h{width:100%}button.toggle{font:inherit;border:none;padding:0}button.stab-x{padding:4px 8px 4px 4px;border-radius:3px;color:var(--dim-b);display:inline-flex;align-items:center}button.stab-x:hover{color:var(--red-strong)}.dd-menu .si-row{padding:0;gap:0}.dd-menu .dd-row-main{flex:1 1 auto;display:flex;gap:10px;align-items:baseline;min-width:0;padding:7px 8px;color:var(--muted);font-size:12.5px}.dd-menu .dd-row-main:hover{color:var(--fg)}.dd-menu .si.on .dd-row-main{color:var(--accent)}.dd-menu .del-btn{flex:0 0 auto;width:28px;height:28px;padding:0;margin:0 4px;color:var(--dim-b);cursor:pointer;justify-content:center;border-radius:4px;align-items:center}.dd-menu .del-btn:hover{color:var(--red-strong);background:var(--x-hover-bg)}.dd-menu .del-btn .svg-icon{width:15px;height:15px}.dd-menu .dd-err{color:var(--yellow);font-size:11.5px;padding:6px 8px}.linkbtn{color:var(--accent);cursor:pointer;white-space:nowrap;align-items:center}.linkbtn:hover{text-decoration:underline}.linkbtn.dim{color:var(--dim-a)}.linkbtn.danger{color:var(--red-strong)}[role=button]:not(button){cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.inp:focus-visible{outline:none;box-shadow:0 0 0 2px var(--input-shadow)}.qopt:focus-visible,.toggle:focus-visible{outline-offset:1px}.q .qopt{background:none;border:none;font:inherit;text-align:left}.q .qopt[aria-checked=true]{color:var(--green)}.q .qmulti-hint{color:var(--dim-a);padding-left:18px;font-size:11.5px}.q .qcustom{margin:6px 0 0 18px;display:flex;gap:8px;align-items:center}.q .qcustom input{flex:1 1 auto;max-width:420px}.q .qcustom .linkbtn{flex:0 0 auto}button.toggle{padding:0}button.toggle:disabled{opacity:.5;cursor:default}.empty .hint{color:var(--dim-a)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:760px){.bar-top{gap:8px;padding:8px 10px}.bar-sub{display:flex;gap:2px;align-items:center;padding:5px 10px;background:var(--panel);border-bottom:1px solid var(--border);color:var(--muted);font-size:12.5px}.bar-sub .icon-btn{height:28px;min-width:28px}.sess-name{flex:1 1 auto;min-width:0;display:flex;cursor:pointer;background:none;border:none;font:inherit;color:var(--fg);padding:5px 6px;border-radius:4px;text-align:left}.sess-name:hover{background:var(--hover-bg)}.sess-name:disabled{cursor:default}.sess-name:disabled:hover{background:none}.sess-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sess-tools{display:flex;gap:2px;align-items:center;margin-left:auto}.sess-tools .dd-menu{left:auto;right:0}#sessClose:hover{color:var(--red-strong)}.conn{display:none}#toggleSidebar{display:inline-flex}#openSettings{margin-left:0}.layout{flex-direction:column}.chat{min-height:0}.sb,.sb-tab[data-tab=trace],#pane-trace{display:none}body.sb-open .sb{display:flex;position:fixed;top:41px;right:0;bottom:0;z-index:45;width:min(360px,85vw);min-width:0;max-height:none;border-left:1px solid var(--border);border-top:none;box-shadow:var(--shadow-dd)}.msgs{padding:0 14px}.feed{padding:14px 0}.input-area{margin:10px 14px 12px}.inp-meta{flex-wrap:wrap;gap:8px}}@media(max-width:640px){.modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.modal-body{flex-direction:column;min-width:0}.menu-col{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;border-right:none;border-bottom:1px solid var(--border);padding:8px 10px;flex:0 0 auto}.menu-col #setMenu{display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden}.menu-col .mi{white-space:nowrap;margin-bottom:0;flex:0 0 auto;width:auto}.set-search{margin:0 0 2px}.set-results{max-height:40vh;overflow-y:auto}.content-col{padding:14px}.row{font-size:12.5px}.input-area{margin:8px 10px 10px}.msgs{padding:0 10px}.feed{padding:12px 0}.rail-wrap.l-line,.rail-wrap.l-meta{flex-direction:column;align-items:stretch;gap:6px}.rail-wrap.l-line .rl-track,.rail-wrap.l-meta .rl-track{order:-1;flex:none;width:100%;max-width:none}.rail-wrap.l-line .rail-l1,.rail-wrap.l-line .rail-l2{flex:none}.rail-wrap.l-meta{width:100%;flex-basis:100%}.selectors{gap:6px}.composer-main{gap:4px}.inp-meta>span{display:none}.inp-meta{gap:0;margin-top:0;padding:0 2px}.inp-meta:empty{display:none}}@media(pointer:coarse){.inp-meta>span{display:none}.inp-meta{gap:0}}body.setup-active .bar-top,body.setup-active .layout,.setup-gate[hidden]{display:none}.setup-gate{position:fixed;inset:0;z-index:60;background:var(--bg);color:var(--fg);overflow-y:auto;display:flex;justify-content:center;padding:48px 20px}.setup-wrap{width:100%;max-width:560px}.setup-h{font-size:20px;font-weight:600;margin:0 0 4px}.setup-h .glyph{color:var(--accent);margin-right:8px}.setup-sub{color:var(--dim-a);font-size:13px;margin:0 0 22px}.setup-steps{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--dim-b);margin-bottom:22px}.setup-steps .s.on{color:var(--accent)}.setup-steps .s.done{color:var(--green)}.setup-steps .sep{color:var(--rule)}.setup-step-title{font-size:15px;font-weight:600;margin:0 0 4px}.setup-hint{color:var(--dim-a);font-size:12.5px;margin:0 0 14px;line-height:1.5}.setup-field{margin-bottom:14px}.setup-label{display:block;font-size:12px;color:var(--dim-a);margin-bottom:5px}.setup-input{width:100%;box-sizing:border-box;background:var(--inp-bg);color:var(--fg);border:1px solid var(--border-2);border-radius:7px;padding:8px 10px;font-size:13.5px;font-family:inherit}.setup-input:focus-visible{outline:none;border-color:var(--inp-focus);box-shadow:0 0 0 2px var(--input-shadow)}.setup-opt{display:flex;width:100%;box-sizing:border-box;align-items:baseline;gap:8px;text-align:left;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:7px;padding:9px 11px;margin-bottom:7px;font-size:13px;font-family:inherit;cursor:pointer}.setup-opt:hover{background:var(--hover-bg)}.setup-opt .g{color:var(--dim-b)}.setup-opt .t{font-weight:500}.setup-opt .d{color:var(--dim-a);font-size:12px}.setup-opt.on{border-color:var(--accent);background:var(--accent-bg)}.setup-opt.on .g{color:var(--accent)}.setup-row-inline{display:flex;gap:8px;align-items:center}.setup-row-inline .setup-input{flex:1}.setup-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.setup-actions .spacer{flex:1}.setup-btn{background:var(--surface);color:var(--fg);border:1px solid var(--border-2);border-radius:7px;padding:8px 15px;font-size:13px;font-family:inherit;cursor:pointer}.setup-btn:hover{background:var(--hover-bg)}.setup-btn.primary{background:var(--green-fill);border-color:var(--green-fill);color:#fff}.setup-btn.primary:hover{filter:brightness(1.08)}.setup-btn:disabled{opacity:.5;cursor:default}.setup-btn.link{background:none;border:none;color:var(--accent);padding:8px 4px}.setup-msg{font-size:12.5px;margin-top:10px;min-height:17px}.setup-msg.ok{color:var(--green)}.setup-msg.warn{color:var(--yellow)}.setup-msg.err{color:var(--err)}.setup-summary{margin-top:6px}.setup-summary .r{display:flex;gap:12px;padding:5px 0;border-bottom:1px solid var(--border-3);font-size:13px}.setup-summary .k{color:var(--dim-a);width:150px;flex:0 0 auto}.setup-summary .v{color:var(--fg);word-break:break-all}.setup-toggle{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-size:13px;cursor:pointer}.setup-toggle input{accent-color:var(--green-fill);width:15px;height:15px;margin-top:2px;flex:0 0 auto}.setup-toggle-texts{display:flex;flex-direction:column;gap:2px}.setup-toggle-texts .t{font-weight:500}.setup-toggle-texts .d{color:var(--dim-a);font-size:12px;line-height:1.5}.setup-sec-row{display:flex;align-items:center;gap:8px}.setup-sec-row .setup-toggle{flex:1}.setup-adv-label{padding:7px 0}.setup-detail-btn{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;background:transparent;color:var(--dim-a);border:1px solid var(--border);border-radius:7px;padding:5px 9px;font-size:12px;font-family:inherit;cursor:pointer}.setup-detail-btn:hover{background:var(--hover-bg);color:var(--fg)}.setup-detail-btn .g{color:var(--accent)}.setup-textarea{resize:vertical;min-height:84px;font-family:var(--mono, ui-monospace, monospace);font-size:12.5px;line-height:1.5}.setup-overlay{position:fixed;inset:0;z-index:60;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.setup-modal{width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;box-shadow:0 18px 50px #00000073}.setup-modal-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-3)}.setup-modal-head .glyph{color:var(--accent)}.setup-modal-title{font-weight:600;font-size:14px;flex:1}.setup-modal-x{background:none;border:none;color:var(--dim-a);font-size:15px;cursor:pointer;padding:2px 6px}.setup-modal-x:hover{color:var(--fg)}.setup-modal-body{padding:14px 16px;overflow-y:auto}.setup-modal-body .setup-field:last-child{margin-bottom:0}.setup-modal-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border-3)}.setup-modal-foot .spacer{flex:1}@media(max-width:640px){.setup-gate{padding:24px 14px}.setup-summary .k{width:110px}}