@agentsky/desktop-ui 0.4.186 → 0.4.187

package/dist/browser-bar.css

@@ -1 +1 @@
-:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: var(--pad-xs);--gap-sm: var(--pad-sm);--gap-md: var(--pad-md);--gap-lg: var(--pad-lg);--gap-xl: var(--pad-xl);--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 17px;--lh-reading: calc(var(--fs-reading) * 1.625);--fs-trace: 15px;--lh-trace: 22px;--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-trace: var(--fs-trace);--text-trace--line-height: var(--lh-trace);--text-trace--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-pill: 9999px;--radius-composer: 1.5rem;--radius-bubble: var(--radius-card);--radius-menu: var(--radius-card);--radius-context: var(--radius-card);--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: none;--shadow-row: none;--shadow-panel: none;--shadow-panel-hover: var(--shadow-overlay);--shadow-focus: 0 0 0 2px var(--ring);--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--glass-bar: color-mix(in oklab, var(--ast-surface) 82%, transparent);--glass-fill: rgb(255 255 255 / 70%);--glass-fill-hover: #ffffff;--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 color-mix(in srgb, var(--ast-ink) 4%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 6px 16px -8px color-mix(in srgb, var(--ast-ink) 22%, transparent);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: #f9f9f9;--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #0d0d0d;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #1683f3;--ast-brand-hover: #0d70d5;--ast-brand-deep: #054a94;--ast-brand-ink: #0a66c2;--ast-brand-ink-hover: #085aab;--ast-brand-foreground: #061a2d;--ast-action: #0a66c2;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #0d0d0d 6%, transparent);--ast-line-strong: color-mix(in oklab, #0d0d0d 10%, transparent);--ast-line-hover: color-mix(in oklab, #0d0d0d 14%, transparent);--ast-divider: color-mix(in oklab, #0d0d0d 4%, transparent);--ast-surface: #f4f4f4;--ast-canvas: #ffffff;--ast-logo-tile: #ffffff;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #1683f3;--ast-sky-soft: #f2f9ff;--ast-sky-mid: #d9edfe;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.54 .23 27.325);--ast-switch-on: var(--ast-brand);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: var(--shadow-overlay);--ast-shadow-runtime: var(--shadow-overlay);--ast-shadow-panel: none;--ast-shadow-composer: var(--shadow-overlay);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: var(--ast-surface);--bubble-user-foreground: var(--ast-ink);--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: var(--ast-shadow-composer);--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--glass-bar: rgb(255 255 255 / 8%);--glass-fill: rgb(255 255 255 / 10%);--glass-fill-hover: rgb(255 255 255 / 16%);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 color-mix(in srgb, var(--ast-canvas) 40%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 8px 20px -10px color-mix(in srgb, var(--ast-canvas) 90%, transparent);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #ececec;--ast-secondary-ink: color-mix(in oklab, #ffffff 74%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 62%, transparent);--ast-faint: color-mix(in oklab, #ffffff 56%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #3a97f5;--ast-brand-deep: #8ed1ff;--ast-brand-ink: #78c8ff;--ast-brand-ink-hover: #8ed1ff;--ast-brand-foreground: #020e19;--ast-action: #78c8ff;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 14%, transparent);--ast-line-hover: oklch(1 0 0 / 18%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-logo-tile: #d8d8d8;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #10202c;--ast-sky-mid: #1a3346;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.78 .14 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: 0 0 0 1px var(--composer-border);--composer-shadow-focus: 0 0 0 1px var(--composer-border-focus)}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #404040;--ast-brand-ink: #595959;--ast-brand-ink-hover: #404040;--ast-brand-foreground: #0d0d0d;--ast-action: #404040;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-brand-foreground: #0d0d0d;--ast-action: #a3a3a3;--ast-sky: #f0eee9;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{--radius-editor-tool: 6px;color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--reading: var(--container-reading);--paper: #ffffff;--on-color: #ffffff;--code-string: #0a7f4f;--code-number: #b35900;--code-keyword: #a626a4}@media(prefers-color-scheme:dark){:root{--code-string: #7fd6a3;--code-number: #e5a45c;--code-keyword: #d08ce0}}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{margin:0;background:var(--panel);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui)}main{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);box-sizing:border-box;border-bottom:1px solid var(--line-strong)}.dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--danger)}main[data-state=paused] .dot{background:var(--muted-ink)}main[data-state=ended] .dot{background:var(--faint)}p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{height:26px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit}button.stop{border-color:var(--danger);color:var(--danger)}#tabs{display:flex;align-items:center;height:36px;gap:var(--space-1);padding:0 var(--space-3);overflow-x:auto}#tabs button{flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tabs button[aria-pressed=true]{background:var(--line-strong)}
+:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: var(--pad-xs);--gap-sm: var(--pad-sm);--gap-md: var(--pad-md);--gap-lg: var(--pad-lg);--gap-xl: var(--pad-xl);--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 17px;--lh-reading: calc(var(--fs-reading) * 1.625);--fs-trace: 15px;--lh-trace: 22px;--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-trace: var(--fs-trace);--text-trace--line-height: var(--lh-trace);--text-trace--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-pill: 9999px;--radius-composer: 1.5rem;--radius-bubble: var(--radius-card);--radius-menu: var(--radius-card);--radius-context: var(--radius-card);--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: none;--shadow-row: none;--shadow-panel: none;--shadow-panel-hover: var(--shadow-overlay);--shadow-focus: 0 0 0 2px var(--ring);--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--glass-bar: color-mix(in oklab, var(--ast-surface) 82%, transparent);--glass-fill: rgb(255 255 255 / 70%);--glass-fill-hover: #ffffff;--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 color-mix(in srgb, var(--ast-ink) 4%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 6px 16px -8px color-mix(in srgb, var(--ast-ink) 22%, transparent);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: #f9f9f9;--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #0d0d0d;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #1683f3;--ast-brand-hover: #0d70d5;--ast-brand-deep: #054a94;--ast-brand-ink: #0a66c2;--ast-brand-ink-hover: #085aab;--ast-brand-foreground: #061a2d;--ast-action: #0a66c2;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #0d0d0d 6%, transparent);--ast-line-strong: color-mix(in oklab, #0d0d0d 10%, transparent);--ast-line-hover: color-mix(in oklab, #0d0d0d 14%, transparent);--ast-divider: color-mix(in oklab, #0d0d0d 4%, transparent);--ast-surface: #f4f4f4;--ast-canvas: #ffffff;--ast-logo-tile: #ffffff;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #1683f3;--ast-sky-soft: #f2f9ff;--ast-sky-mid: #d9edfe;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.54 .23 27.325);--ast-switch-on: var(--ast-brand);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: var(--shadow-overlay);--ast-shadow-runtime: var(--shadow-overlay);--ast-shadow-panel: none;--ast-shadow-composer: var(--shadow-overlay);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: var(--ast-surface);--bubble-user-foreground: var(--ast-ink);--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: var(--ast-shadow-composer);--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--glass-bar: rgb(255 255 255 / 8%);--glass-fill: rgb(255 255 255 / 10%);--glass-fill-hover: rgb(255 255 255 / 16%);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 color-mix(in srgb, var(--ast-canvas) 40%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 8px 20px -10px color-mix(in srgb, var(--ast-canvas) 90%, transparent);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #ececec;--ast-secondary-ink: color-mix(in oklab, #ffffff 74%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 62%, transparent);--ast-faint: color-mix(in oklab, #ffffff 56%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #3a97f5;--ast-brand-deep: #8ed1ff;--ast-brand-ink: #78c8ff;--ast-brand-ink-hover: #8ed1ff;--ast-brand-foreground: #020e19;--ast-action: #78c8ff;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 14%, transparent);--ast-line-hover: oklch(1 0 0 / 18%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-logo-tile: #d8d8d8;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #10202c;--ast-sky-mid: #1a3346;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.78 .14 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: 0 0 0 1px var(--composer-border);--composer-shadow-focus: 0 0 0 1px var(--composer-border-focus)}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #404040;--ast-brand-ink: #595959;--ast-brand-ink-hover: #404040;--ast-brand-foreground: #0d0d0d;--ast-action: #404040;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-brand-foreground: #0d0d0d;--ast-action: #a3a3a3;--ast-sky: #f0eee9;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{--radius-editor-tool: 6px;color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--info-soft: oklch(from var(--ast-info) .92 .05 h);--success-soft: oklch(from var(--success) .92 .07 h);--warning-soft: oklch(from var(--ast-warning) .93 .09 h);--danger-soft: oklch(from var(--danger) .91 .06 h);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--reading: var(--container-reading);--paper: #ffffff;--on-color: #ffffff;--code-string: #0a7f4f;--code-number: #b35900;--code-keyword: #a626a4}@media(prefers-color-scheme:dark){:root{--code-string: #7fd6a3;--code-number: #e5a45c;--code-keyword: #d08ce0;--info-soft: oklch(from var(--ast-info) .32 .06 h);--success-soft: oklch(from var(--success) .32 .06 h);--warning-soft: oklch(from var(--ast-warning) .34 .07 h);--danger-soft: oklch(from var(--danger) .32 .08 h)}}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{margin:0;background:var(--panel);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui)}main{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);box-sizing:border-box;border-bottom:1px solid var(--line-strong)}.dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--danger)}main[data-state=paused] .dot{background:var(--muted-ink)}main[data-state=ended] .dot{background:var(--faint)}p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{height:26px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit}button.stop{border-color:var(--danger);color:var(--danger)}#tabs{display:flex;align-items:center;height:36px;gap:var(--space-1);padding:0 var(--space-3);overflow-x:auto}#tabs button{flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tabs button[aria-pressed=true]{background:var(--line-strong)}

package/dist/messages/zh.json

@@ -367,6 +367,7 @@
   "An MCP sign-in. Renew it where it was connected.": "这是 MCP 登录，请在连接它的地方续期。",
   "An address exists ({prefix}…).": "已有一个地址（{prefix}…）。",
   "An agent asked a question or needs your approval, and you have not seen it yet.": "智能体提出了问题或需要你批准，而你还没有查看。",
+  "An agent asked to stop the notes for this call. Keep recording if you did not expect this.": "有智能体请求停止记录这场通话。如果这不是你预期的，请继续录制。",
   "An agent can start, message and collect results from another through the AgentSky MCP server.": "通过 AgentSky MCP 服务器，一个 Agent 可以启动另一个、给它发消息并收取结果。",
   "An agent finishes a turn": "agent 完成一轮",
   "An agent follows up on each note in its own chat; recordings are deleted once transcribed, or kept thirty days.": "每份笔记都有 Agent 在单独对话里跟进；录音在转写后删除，或保留三十天。",
@@ -1741,6 +1742,7 @@
   "Hide deleted": "隐藏已删除",
   "Hide earlier installs": "隐藏较早的安装",
   "Hide raw events": "隐藏原始事件",
+  "Hide side panel (⌥⌘B)": "隐藏侧边面板（⌥⌘B）",
   "Hide thinking": "隐藏思考过程",
   "Hide {name} panel": "隐藏“{name}”面板",
   "High": "高",
@@ -1906,6 +1908,7 @@
   "Keep dictation": "保留听写",
   "Keep editing": "继续编辑",
   "Keep paused": "保持暂停",
+  "Keep recording": "继续录制",
   "Keep the one in my workspace": "保留工作空间里的",
   "Keep working folders in the cloud": "在云端保留工作文件夹",
   "Kept drafts": "保留的草稿",
@@ -2501,6 +2504,7 @@
   "Note": "备注",
   "Note at {time}": "在 {time} 添加备注",
   "Note what you do while sharing": "记下你共享时做的操作",
+  "Notes": "笔记",
   "Notes for every call": "每通电话都有纪要",
   "Notes may be incomplete": "笔记可能不完整",
   "Nothing added yet": "还没有添加任何内容",
@@ -2515,6 +2519,7 @@
   "Nothing published yet": "还没有发布内容",
   "Nothing shared here yet": "这里还没有共享的内容",
   "Nothing to connect; set up from the page it opens.": "无需连接；在它打开的页面里设置。",
+  "Nothing to show in the side panel yet": "侧边面板暂无内容",
   "Nothing written yet": "还没有写入内容",
   "Nothing yet in this conversation.": "这个对话还没有内容。",
   "Notice calls on your Mac": "发现你 Mac 上的通话",
@@ -3296,6 +3301,7 @@
   "Schedules and triggers for your agents.": "智能体的定时任务和触发器。",
   "Scheduling…": "正在安排…",
   "Scope: {value}": "范围：{value}",
+  "Screen": "屏幕",
   "Screen Recording": "屏幕录制",
   "Screen Recording, so agents can see app windows, and Accessibility, so they can click and type. macOS asks for each once; turn the plugin off in Plugins at any time.": "“屏幕录制”，让 Agent 看到 App 窗口；“辅助功能”，让它能点击和输入。macOS 各请求一次；随时可以在“插件”里关掉它。",
   "Screen actions": "屏幕操作",
@@ -3516,6 +3522,7 @@
   "Show older events": "显示更早的事件",
   "Show only {name}": "只看 {name}",
   "Show original": "显示原样",
+  "Show side panel (⌥⌘B)": "显示侧边面板（⌥⌘B）",
   "Show thinking": "显示思考过程",
   "Show transcript": "显示记录",
   "Show tweaks": "显示改动",
@@ -3691,6 +3698,8 @@
   "Stop it": "停止",
   "Stop publishing": "停止发布",
   "Stop recording": "停止录制",
+  "Stop recording this call?": "要停止录制这场通话吗？",
+  "Stop recording this {app} call?": "要停止录制这场 {app} 通话吗？",
   "Stop recording {name}": "不再记录 {name}",
   "Stop requested": "已请求停止",
   "Stop sharing": "停止共享",
@@ -4182,6 +4191,7 @@
   "To date": "结束日期",
   "Today": "今天",
   "Toggle side panel": "切换侧边面板",
+  "Toggle sidebar": "切换侧边栏",
   "Token": "令牌",
   "Token breakdown": "Token 明细",
   "Tokens": "Token 用量",

package/dist/quick-ask.css

@@ -1 +1 @@
-:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: var(--pad-xs);--gap-sm: var(--pad-sm);--gap-md: var(--pad-md);--gap-lg: var(--pad-lg);--gap-xl: var(--pad-xl);--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 17px;--lh-reading: calc(var(--fs-reading) * 1.625);--fs-trace: 15px;--lh-trace: 22px;--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-trace: var(--fs-trace);--text-trace--line-height: var(--lh-trace);--text-trace--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-pill: 9999px;--radius-composer: 1.5rem;--radius-bubble: var(--radius-card);--radius-menu: var(--radius-card);--radius-context: var(--radius-card);--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: none;--shadow-row: none;--shadow-panel: none;--shadow-panel-hover: var(--shadow-overlay);--shadow-focus: 0 0 0 2px var(--ring);--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--glass-bar: color-mix(in oklab, var(--ast-surface) 82%, transparent);--glass-fill: rgb(255 255 255 / 70%);--glass-fill-hover: #ffffff;--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 color-mix(in srgb, var(--ast-ink) 4%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 6px 16px -8px color-mix(in srgb, var(--ast-ink) 22%, transparent);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: #f9f9f9;--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #0d0d0d;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #1683f3;--ast-brand-hover: #0d70d5;--ast-brand-deep: #054a94;--ast-brand-ink: #0a66c2;--ast-brand-ink-hover: #085aab;--ast-brand-foreground: #061a2d;--ast-action: #0a66c2;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #0d0d0d 6%, transparent);--ast-line-strong: color-mix(in oklab, #0d0d0d 10%, transparent);--ast-line-hover: color-mix(in oklab, #0d0d0d 14%, transparent);--ast-divider: color-mix(in oklab, #0d0d0d 4%, transparent);--ast-surface: #f4f4f4;--ast-canvas: #ffffff;--ast-logo-tile: #ffffff;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #1683f3;--ast-sky-soft: #f2f9ff;--ast-sky-mid: #d9edfe;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.54 .23 27.325);--ast-switch-on: var(--ast-brand);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: var(--shadow-overlay);--ast-shadow-runtime: var(--shadow-overlay);--ast-shadow-panel: none;--ast-shadow-composer: var(--shadow-overlay);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: var(--ast-surface);--bubble-user-foreground: var(--ast-ink);--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: var(--ast-shadow-composer);--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--glass-bar: rgb(255 255 255 / 8%);--glass-fill: rgb(255 255 255 / 10%);--glass-fill-hover: rgb(255 255 255 / 16%);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 color-mix(in srgb, var(--ast-canvas) 40%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 8px 20px -10px color-mix(in srgb, var(--ast-canvas) 90%, transparent);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #ececec;--ast-secondary-ink: color-mix(in oklab, #ffffff 74%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 62%, transparent);--ast-faint: color-mix(in oklab, #ffffff 56%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #3a97f5;--ast-brand-deep: #8ed1ff;--ast-brand-ink: #78c8ff;--ast-brand-ink-hover: #8ed1ff;--ast-brand-foreground: #020e19;--ast-action: #78c8ff;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 14%, transparent);--ast-line-hover: oklch(1 0 0 / 18%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-logo-tile: #d8d8d8;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #10202c;--ast-sky-mid: #1a3346;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.78 .14 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: 0 0 0 1px var(--composer-border);--composer-shadow-focus: 0 0 0 1px var(--composer-border-focus)}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #404040;--ast-brand-ink: #595959;--ast-brand-ink-hover: #404040;--ast-brand-foreground: #0d0d0d;--ast-action: #404040;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-brand-foreground: #0d0d0d;--ast-action: #a3a3a3;--ast-sky: #f0eee9;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{--radius-editor-tool: 6px;color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--reading: var(--container-reading);--paper: #ffffff;--on-color: #ffffff;--code-string: #0a7f4f;--code-number: #b35900;--code-keyword: #a626a4}@media(prefers-color-scheme:dark){:root{--code-string: #7fd6a3;--code-number: #e5a45c;--code-keyword: #d08ce0}}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{background:var(--panel)}main{display:flex;flex-direction:column;gap:var(--space-2);height:100vh;padding:var(--space-3);-webkit-app-region:drag}form,.row{display:flex;gap:var(--space-2);-webkit-app-region:no-drag}form{align-items:flex-end}textarea{flex:1;height:64px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);outline:0;resize:none;background:transparent;font-size:var(--text-prose);user-select:text;cursor:text}textarea::placeholder{color:var(--placeholder)}textarea:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in oklab,var(--brand) 24%,transparent)}#send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-ink);cursor:pointer}#send:disabled{opacity:.4;cursor:default}.row{align-items:center;justify-content:space-between}nav{display:flex;gap:var(--space-1)}nav button{height:28px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;font-weight:500;cursor:pointer}nav button:hover{background:var(--surface)}nav button:focus-visible,#send:focus-visible{outline:2px solid var(--brand);outline-offset:1px}#hint{margin:0;overflow:hidden;color:var(--muted-ink);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap}#hint.is-alert{color:var(--danger)}.ui-tooltip{position:fixed;z-index:var(--z-tooltip);display:inline-flex;width:max-content;max-width:min(20rem,calc(100vw - 16px));align-items:center;gap:var(--gap-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--ast-line);border-radius:var(--radius-control);background:var(--ast-panel);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-meta);line-height:var(--text-meta--line-height);pointer-events:none;opacity:0;transform:scale(.98);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ui-tooltip.is-open{opacity:1;transform:none}.ui-hover-card{position:fixed;z-index:var(--z-tooltip);display:flex;width:320px;max-width:min(20rem,calc(100vw - 16px));flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--ast-line);border-radius:var(--radius-card);background:var(--ast-canvas);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-ui);line-height:var(--text-ui--line-height);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.ui-hover-card.is-open{opacity:1}.ui-hover-card-title{display:flex;align-items:baseline;gap:var(--space-3)}.ui-hover-card-title strong{min-width:0;flex:1;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ui-hover-card-meta{flex-shrink:0;color:var(--ast-faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-hover-card-row{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.ui-hover-card-icon{display:flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;color:var(--ast-secondary-ink)}.ui-hover-card-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: var(--pad-xs);--gap-sm: var(--pad-sm);--gap-md: var(--pad-md);--gap-lg: var(--pad-lg);--gap-xl: var(--pad-xl);--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 17px;--lh-reading: calc(var(--fs-reading) * 1.625);--fs-trace: 15px;--lh-trace: 22px;--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-trace: var(--fs-trace);--text-trace--line-height: var(--lh-trace);--text-trace--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-pill: 9999px;--radius-composer: 1.5rem;--radius-bubble: var(--radius-card);--radius-menu: var(--radius-card);--radius-context: var(--radius-card);--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: none;--shadow-row: none;--shadow-panel: none;--shadow-panel-hover: var(--shadow-overlay);--shadow-focus: 0 0 0 2px var(--ring);--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--glass-bar: color-mix(in oklab, var(--ast-surface) 82%, transparent);--glass-fill: rgb(255 255 255 / 70%);--glass-fill-hover: #ffffff;--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 color-mix(in srgb, var(--ast-ink) 4%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 6px 16px -8px color-mix(in srgb, var(--ast-ink) 22%, transparent);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: #f9f9f9;--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #0d0d0d;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #1683f3;--ast-brand-hover: #0d70d5;--ast-brand-deep: #054a94;--ast-brand-ink: #0a66c2;--ast-brand-ink-hover: #085aab;--ast-brand-foreground: #061a2d;--ast-action: #0a66c2;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #0d0d0d 6%, transparent);--ast-line-strong: color-mix(in oklab, #0d0d0d 10%, transparent);--ast-line-hover: color-mix(in oklab, #0d0d0d 14%, transparent);--ast-divider: color-mix(in oklab, #0d0d0d 4%, transparent);--ast-surface: #f4f4f4;--ast-canvas: #ffffff;--ast-logo-tile: #ffffff;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #1683f3;--ast-sky-soft: #f2f9ff;--ast-sky-mid: #d9edfe;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.54 .23 27.325);--ast-switch-on: var(--ast-brand);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: var(--shadow-overlay);--ast-shadow-runtime: var(--shadow-overlay);--ast-shadow-panel: none;--ast-shadow-composer: var(--shadow-overlay);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: var(--ast-surface);--bubble-user-foreground: var(--ast-ink);--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: var(--ast-shadow-composer);--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--glass-bar: rgb(255 255 255 / 8%);--glass-fill: rgb(255 255 255 / 10%);--glass-fill-hover: rgb(255 255 255 / 16%);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 color-mix(in srgb, var(--ast-canvas) 40%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 8px 20px -10px color-mix(in srgb, var(--ast-canvas) 90%, transparent);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #ececec;--ast-secondary-ink: color-mix(in oklab, #ffffff 74%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 62%, transparent);--ast-faint: color-mix(in oklab, #ffffff 56%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #3a97f5;--ast-brand-deep: #8ed1ff;--ast-brand-ink: #78c8ff;--ast-brand-ink-hover: #8ed1ff;--ast-brand-foreground: #020e19;--ast-action: #78c8ff;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 14%, transparent);--ast-line-hover: oklch(1 0 0 / 18%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-logo-tile: #d8d8d8;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #10202c;--ast-sky-mid: #1a3346;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.78 .14 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: 0 0 0 1px var(--composer-border);--composer-shadow-focus: 0 0 0 1px var(--composer-border-focus)}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #404040;--ast-brand-ink: #595959;--ast-brand-ink-hover: #404040;--ast-brand-foreground: #0d0d0d;--ast-action: #404040;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-brand-foreground: #0d0d0d;--ast-action: #a3a3a3;--ast-sky: #f0eee9;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{--radius-editor-tool: 6px;color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--info-soft: oklch(from var(--ast-info) .92 .05 h);--success-soft: oklch(from var(--success) .92 .07 h);--warning-soft: oklch(from var(--ast-warning) .93 .09 h);--danger-soft: oklch(from var(--danger) .91 .06 h);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--reading: var(--container-reading);--paper: #ffffff;--on-color: #ffffff;--code-string: #0a7f4f;--code-number: #b35900;--code-keyword: #a626a4}@media(prefers-color-scheme:dark){:root{--code-string: #7fd6a3;--code-number: #e5a45c;--code-keyword: #d08ce0;--info-soft: oklch(from var(--ast-info) .32 .06 h);--success-soft: oklch(from var(--success) .32 .06 h);--warning-soft: oklch(from var(--ast-warning) .34 .07 h);--danger-soft: oklch(from var(--danger) .32 .08 h)}}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{background:var(--panel)}main{display:flex;flex-direction:column;gap:var(--space-2);height:100vh;padding:var(--space-3);-webkit-app-region:drag}form,.row{display:flex;gap:var(--space-2);-webkit-app-region:no-drag}form{align-items:flex-end}textarea{flex:1;height:64px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);outline:0;resize:none;background:transparent;font-size:var(--text-prose);user-select:text;cursor:text}textarea::placeholder{color:var(--placeholder)}textarea:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in oklab,var(--brand) 24%,transparent)}#send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-ink);cursor:pointer}#send:disabled{opacity:.4;cursor:default}.row{align-items:center;justify-content:space-between}nav{display:flex;gap:var(--space-1)}nav button{height:28px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;font-weight:500;cursor:pointer}nav button:hover{background:var(--surface)}nav button:focus-visible,#send:focus-visible{outline:2px solid var(--brand);outline-offset:1px}#hint{margin:0;overflow:hidden;color:var(--muted-ink);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap}#hint.is-alert{color:var(--danger)}.ui-tooltip{position:fixed;z-index:var(--z-tooltip);display:inline-flex;width:max-content;max-width:min(20rem,calc(100vw - 16px));align-items:center;gap:var(--gap-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--ast-line);border-radius:var(--radius-control);background:var(--ast-panel);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-meta);line-height:var(--text-meta--line-height);pointer-events:none;opacity:0;transform:scale(.98);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ui-tooltip.is-open{opacity:1;transform:none}.ui-hover-card{position:fixed;z-index:var(--z-tooltip);display:flex;width:320px;max-width:min(20rem,calc(100vw - 16px));flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--ast-line);border-radius:var(--radius-card);background:var(--ast-canvas);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-ui);line-height:var(--text-ui--line-height);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.ui-hover-card.is-open{opacity:1}.ui-hover-card-title{display:flex;align-items:baseline;gap:var(--space-3)}.ui-hover-card-title strong{min-width:0;flex:1;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ui-hover-card-meta{flex-shrink:0;color:var(--ast-faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-hover-card-row{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.ui-hover-card-icon{display:flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;color:var(--ast-secondary-ink)}.ui-hover-card-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}