/* Generated from tokens.json. Do not edit by hand. Set data-theme="dark" (Lamplight, default) or "light" (Daylight) on <html>. */
:root, [data-theme="dark"] {
  --surface-terminal: #161514;
  --surface-chrome: #1d1b19;
  --surface-raised: #262320;
  --surface-input: #1a1816;
  --surface-hover: #2f2b27;
  --surface-selected: #36312c;
  --border-subtle: #2c2926;
  --border-strong: #877d72;
  --ink: #ede7de;
  --ink-secondary: #b9b0a5;
  --ink-muted: #a39a8e;
  --lamp: #f2a63b;
  --on-lamp: #241703;
  --lamp-ink: #f5b358;
  --diff-added: #1e3322;
  --diff-removed: #3c2320;
  --caption-close: #c42b1c;
  --on-caption-close: #ffffff;
  --lamp-soft: #3a2a14;
  --cursor: #f2a63b;
  --selection: rgba(242,166,59,0.30);
  --success: #86c98f;
  --danger: #f2847a;
  --warning: #e9c85a;
  --info: #8ab8ea;
  --focus-ring: var(--info);
  --remote: #8fbab3;
  --search-match: rgba(233,200,90,0.32);
  --search-match-current: var(--lamp);
  --trigger-danger: rgba(242,132,122,0.20);
  --trigger-warning: rgba(233,200,90,0.20);
  --trigger-success: rgba(134,201,143,0.20);
  --trigger-info: rgba(138,184,234,0.20);
  --scrollbar-thumb: rgba(237,231,222,0.45);
  --scrollbar-thumb-active: rgba(237,231,222,0.65);
  --ansi-black: #2b2825;
  --ansi-red: #ec6f63;
  --ansi-green: #8fc783;
  --ansi-yellow: #e7c46c;
  --ansi-blue: #7eaee3;
  --ansi-magenta: #c99bd8;
  --ansi-cyan: #6cc3bb;
  --ansi-white: #d6cfc4;
  --ansi-bright-black: #8a8177;
  --ansi-bright-red: #ff9184;
  --ansi-bright-green: #ace09f;
  --ansi-bright-yellow: #f6d98c;
  --ansi-bright-blue: #a2c8f2;
  --ansi-bright-magenta: #dfb7ea;
  --ansi-bright-cyan: #93dcd4;
  --ansi-bright-white: #f7f2ea;
  --term-foreground: #e8e1d7;
  --term-background: var(--surface-terminal);
  --shadow-popover: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.07);
  --shadow-attention: inset 0 0 0 2px #f5b358, 0 0 18px 0 rgba(242,166,59,0.30);
  --shadow-focus: 0 0 0 2px #1d1b19, 0 0 0 4px #8ab8ea;
}
[data-theme="light"] {
  --surface-terminal: #fbf8f3;
  --surface-chrome: #f1ece4;
  --surface-raised: #ffffff;
  --surface-input: #f6f2eb;
  --surface-hover: #e9e2d7;
  --surface-selected: #e6dfd3;
  --border-subtle: #e4ddd2;
  --border-strong: #887c6f;
  --ink: #221e1a;
  --ink-secondary: #574f47;
  --ink-muted: #665d53;
  --lamp: #e8952a;
  --on-lamp: #241703;
  --lamp-ink: #924d05;
  --diff-added: #dff0dc;
  --diff-removed: #f8dfdb;
  --caption-close: #c42b1c;
  --on-caption-close: #ffffff;
  --lamp-soft: #fbe8cc;
  --cursor: #a85806;
  --selection: rgba(232,149,42,0.30);
  --success: #2a6e37;
  --danger: #ad3328;
  --warning: #735900;
  --info: #285ea0;
  --focus-ring: var(--info);
  --remote: #2f6660;
  --search-match: rgba(214,170,20,0.30);
  --search-match-current: var(--lamp);
  --trigger-danger: rgba(173,51,40,0.14);
  --trigger-warning: rgba(115,89,0,0.14);
  --trigger-success: rgba(42,110,55,0.14);
  --trigger-info: rgba(40,94,160,0.14);
  --scrollbar-thumb: rgba(34,30,26,0.55);
  --scrollbar-thumb-active: rgba(34,30,26,0.72);
  --ansi-black: #2b2622;
  --ansi-red: #b5372c;
  --ansi-green: #3d7a36;
  --ansi-yellow: #7d6000;
  --ansi-blue: #2d63a8;
  --ansi-magenta: #8a4699;
  --ansi-cyan: #1c7570;
  --ansi-white: #5c544b;
  --ansi-bright-black: #786e63;
  --ansi-bright-red: #c0453a;
  --ansi-bright-green: #3c7e34;
  --ansi-bright-yellow: #876800;
  --ansi-bright-blue: #3670b6;
  --ansi-bright-magenta: #9a52a8;
  --ansi-bright-cyan: #1f7f79;
  --ansi-bright-white: #3d3731;
  --term-foreground: #2b2520;
  --term-background: var(--surface-terminal);
  --shadow-popover: 0 16px 40px rgba(60,40,10,0.16), 0 0 0 1px rgba(60,40,10,0.10);
  --shadow-attention: inset 0 0 0 2px #924d05, 0 0 14px 0 rgba(232,149,42,0.30);
  --shadow-focus: 0 0 0 2px #f1ece4, 0 0 0 4px #285ea0;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --pad-terminal-x: 10px;
  --pad-terminal-y: 6px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;
  --size-titlebar: 38px;
  --size-tab: 28px;
  --size-tab-max: 220px;
  --size-vtabs: 240px;
  --size-gutter: 64px;
  --size-gutter-status: 20px;
  --size-control: 28px;
  --size-control-sm: 22px;
  --size-palette: 620px;
  --size-connect: 760px;
  --size-chat: 380px;
  --size-side-panel: 300px;
  --size-diff: 1100px;
  --size-progress: 2px;
  --size-toast: 360px;
  --size-pane-letter: 56px;
  --size-ai-send: 560px;
  --size-menu: 200px;
  --size-timeline: 4px;
  --size-playhead: 12px;
  --size-ring: 2px;
  --size-scrollbar: 6px;
  --size-scrollbar-active: 10px;
  --size-scrollbar-inset: 2px;
  --size-scrollbar-min-thumb: 24px;
  --opacity-unfocused-pane: 0.88;
  --opacity-disabled: 0.45;
  --motion-hover: 90ms;
  --motion-hover-curve: linear;
  --motion-enter: 380ms;
  --motion-enter-curve: linear(0.000, 0.040, 0.131, 0.243, 0.358, 0.466, 0.562, 0.645, 0.715, 0.774, 0.821, 0.859, 0.890, 0.914, 0.934, 0.949, 0.960, 0.970, 0.977, 0.982, 1.000);
  --motion-exit: 160ms;
  --motion-exit-curve: cubic-bezier(0.3, 0, 1, 1);
  --motion-panel: 500ms;
  --motion-panel-curve: linear(0.000, 0.040, 0.131, 0.243, 0.358, 0.466, 0.562, 0.645, 0.715, 0.774, 0.821, 0.859, 0.890, 0.914, 0.934, 0.949, 0.960, 0.970, 0.977, 0.982, 1.000);
  --motion-move: 300ms;
  --motion-move-curve: linear(0.000, 0.040, 0.131, 0.243, 0.358, 0.466, 0.562, 0.645, 0.715, 0.774, 0.821, 0.859, 0.890, 0.914, 0.934, 0.949, 0.960, 0.970, 0.977, 0.982, 1.000);
  --motion-track: 150ms;
  --motion-track-curve: linear(0.000, 0.040, 0.131, 0.243, 0.358, 0.466, 0.562, 0.645, 0.715, 0.774, 0.821, 0.859, 0.890, 0.914, 0.934, 0.949, 0.960, 0.970, 0.977, 0.982, 1.000);
  --motion-hold: 800ms;
  --motion-hold-curve: linear;
  --motion-auto: 3000ms;
  --motion-auto-curve: linear;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Cantarell, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
}
.type-title { font-family: var(--font-ui); font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; }
.type-heading { font-family: var(--font-ui); font-size: 15px; line-height: 20px; font-weight: 600; }
.type-body { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 400; }
.type-body-strong { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 600; }
.type-label { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 500; }
.type-caption { font-family: var(--font-ui); font-size: 11px; line-height: 14px; font-weight: 400; }
.type-overline { font-family: var(--font-ui); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.06em; }
.type-terminal { font-family: var(--font-mono); font-size: 13px; line-height: 1.25; font-weight: 400; }
.type-mono { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.type-mono-caption { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 400; }
