:root{--sans: "Helvetica Neue", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Roboto Mono", monospace;font-family:var(--sans);line-height:1.5;font-weight:400;color-scheme:light;color:#0e1418;background-color:#e9edf1;--app-bg-top: #eef1f5;--app-bg-bottom: #dfe4ea;--app-text: #0e1418;--app-text-soft: #55606a;--muted-text: #737d85;--hint-text: #8b959d;--chrome-border: rgba(14, 20, 24, .1);--button-bg: #ffffff;--button-hover-bg: #f3f6f8;--button-border: rgba(14, 20, 24, .14);--button-hover-border: rgba(79,70,229, .5);--panel-overlay: rgba(14, 20, 24, .42);--panel-bg: #ffffff;--panel-border: rgba(14, 20, 24, .1);--panel-shadow: rgba(14, 20, 24, .14);--panel-divider: rgba(14, 20, 24, .08);--card-bg: #ffffff;--card-border: rgba(14, 20, 24, .1);--card-accent-bg: linear-gradient(180deg, var(--signal-wash), #ffffff);--subtle-surface: rgba(14, 20, 24, .045);--surface-1: #ffffff;--surface-2: #f3f6f8;--surface-3: #e9edf1;--surface-contrast: #06090c;--input-bg: #ffffff;--input-border: rgba(14, 20, 24, .15);--input-text: #0e1418;--shadow-sm: 0 1px 2px rgba(14, 20, 24, .05), 0 2px 8px rgba(14, 20, 24, .05);--shadow-md: 0 2px 6px rgba(14, 20, 24, .06), 0 16px 36px rgba(14, 20, 24, .09);--shadow-lg: 0 8px 20px rgba(14, 20, 24, .1), 0 28px 60px rgba(14, 20, 24, .13);--card-sheen: inset 0 1px 0 rgba(255, 255, 255, .65);--grid-line: rgba(14, 20, 24, .035);--signal: #4f46e5;--signal-bright: #6366f1;--signal-ink: #ffffff;--signal-glow: rgba(79,70,229, .28);--signal-wash: rgba(79,70,229, .08);--tally: #ff5a36;--ok: #12a150;--warn: #d98a00;--bad: #e5484d;--brand: #4f46e5;--brand-strong: #6366f1;--brand-ink: #ffffff;--brand-cyan: #4f46e5;--brand-cyan-strong: #6366f1;--brand-cyan-ink: #ffffff;--tab-text: #55606a;--tab-hover-bg: rgba(14, 20, 24, .045);--tab-active-line: #4f46e5;--tab-active-bg: var(--signal-wash);--tab-active-border: rgba(79,70,229, .32);--tab-active-text: #4f46e5;--theme-switch-track: rgba(14, 20, 24, .16);--theme-switch-thumb: #0e1418;--history-row-hover: var(--signal-wash);--history-selected-bg: var(--signal-wash);--history-selected-border: #4f46e5;--history-selected-inner: rgba(79,70,229, .22);--iframe-bg: #ffffff;--ansi-black: #475569;--ansi-red: #dc2626;--ansi-green: #15803d;--ansi-yellow: #b45309;--ansi-blue: #1d4ed8;--ansi-magenta: #be185d;--ansi-cyan: #0e8f86;--ansi-white: #1f2937;--ansi-bright-black: #6b7280;--ansi-bright-red: #ef4444;--ansi-bright-green: #16a34a;--ansi-bright-yellow: #ca8a04;--ansi-bright-blue: #2563eb;--ansi-bright-magenta: #db2777;--ansi-bright-cyan: #6366f1;--ansi-bright-white: #111827;--search-match-text: #0e1418;--search-match-bg: #ffe08a;--search-match-active-bg: #ffc72e;--log-divider: rgba(14, 20, 24, .06);--log-timestamp: #4f46e5;--log-timestamp-hover: #4338ca;--eyebrow-text: #737d85;--danger-bg: rgba(229, 72, 77, .1);--danger-border: rgba(229, 72, 77, .28);--danger-text: #c0343a;--header-bg: rgba(255, 255, 255, .88);--header-bg-1: #ffffff;--header-bg-2: #f6f8fa;--header-bg-3: #eef1f5;--header-border: rgba(14, 20, 24, .1);--header-text: #0e1418;--header-text-muted: #737d85;--header-hover-bg: var(--signal-wash);--header-button-bg: #ffffff;--header-button-border: rgba(14, 20, 24, .12);--header-button-hover-bg: var(--signal-wash);--header-button-hover-border: rgba(79,70,229, .4);--stage-chrome: 101px;--stage-height: 1500px;--stage-width: calc((var(--stage-height) - var(--stage-chrome)) * 16 / 9);--log-rail-width: 44px;--log-open-width: clamp(300px, 24vw, 420px);--stage-reserve: calc(var(--log-rail-width) + 15px);--tool-rail-width: 360px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;color:#e9eef1;background-color:#080b0e;--app-bg-top: #0a0e11;--app-bg-bottom: #05080a;--app-text: #e9eef1;--app-text-soft: #98a2aa;--muted-text: #7e888f;--hint-text: #697077;--chrome-border: rgba(255, 255, 255, .09);--button-bg: rgba(255, 255, 255, .04);--button-hover-bg: rgba(255, 255, 255, .08);--button-border: rgba(255, 255, 255, .14);--button-hover-border: rgba(99,102,241, .55);--panel-overlay: rgba(4, 6, 8, .62);--panel-bg: #101820;--panel-border: rgba(255, 255, 255, .1);--panel-shadow: rgba(0, 0, 0, .5);--panel-divider: rgba(255, 255, 255, .08);--card-bg: #101820;--card-border: rgba(255, 255, 255, .09);--card-accent-bg: linear-gradient(180deg, var(--signal-wash), #101820);--subtle-surface: rgba(255, 255, 255, .05);--surface-1: #101820;--surface-2: #0c131a;--surface-3: #0a0f14;--surface-contrast: #000000;--input-bg: #0c131a;--input-border: rgba(255, 255, 255, .14);--input-text: #e9eef1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--card-sheen: inset 0 1px 0 rgba(255, 255, 255, .05);--grid-line: rgba(255, 255, 255, .035);--signal: #6366f1;--signal-bright: #818cf8;--signal-ink: #ffffff;--signal-glow: rgba(99,102,241, .4);--signal-wash: rgba(99,102,241, .1);--tally: #ff6a49;--ok: #2ec26a;--warn: #e8b13a;--bad: #ff5a5f;--brand: #6366f1;--brand-strong: #818cf8;--brand-ink: #ffffff;--brand-cyan: #6366f1;--brand-cyan-strong: #818cf8;--brand-cyan-ink: #ffffff;--tab-text: #98a2aa;--tab-hover-bg: rgba(255, 255, 255, .05);--tab-active-line: #6366f1;--tab-active-bg: var(--signal-wash);--tab-active-border: rgba(99,102,241, .4);--tab-active-text: #c7d2fe;--theme-switch-track: rgba(99,102,241, .3);--theme-switch-thumb: #e9eef1;--history-row-hover: var(--signal-wash);--history-selected-bg: var(--signal-wash);--history-selected-border: #6366f1;--history-selected-inner: rgba(99,102,241, .25);--iframe-bg: #0c131a;--ansi-black: #94a3b8;--ansi-red: #f87171;--ansi-green: #4ade80;--ansi-yellow: #fbbf24;--ansi-blue: #60a5fa;--ansi-magenta: #f472b6;--ansi-cyan: #818cf8;--ansi-white: #e5e7eb;--ansi-bright-black: #64748b;--ansi-bright-red: #fca5a5;--ansi-bright-green: #86efac;--ansi-bright-yellow: #fde68a;--ansi-bright-blue: #93c5fd;--ansi-bright-magenta: #f9a8d4;--ansi-bright-cyan: #c7d2fe;--ansi-bright-white: #f8fafc;--search-match-text: #04231f;--search-match-bg: #fde68a;--search-match-active-bg: #facc15;--log-divider: rgba(255, 255, 255, .05);--log-timestamp: #818cf8;--log-timestamp-hover: #c7d2fe;--eyebrow-text: #7e888f;--danger-bg: rgba(255, 90, 95, .14);--danger-border: rgba(255, 90, 95, .35);--danger-text: #ff8a8e;--header-bg: rgba(10, 14, 17, .92);--header-bg-1: #0a0e11;--header-bg-2: #0c131a;--header-bg-3: #101820;--header-border: rgba(255, 255, 255, .09);--header-text: #e9eef1;--header-text-muted: #7e888f;--header-hover-bg: var(--signal-wash);--header-button-bg: rgba(255, 255, 255, .04);--header-button-border: rgba(255, 255, 255, .14);--header-button-hover-bg: var(--signal-wash);--header-button-hover-border: rgba(99,102,241, .55)}a{font-weight:500;color:var(--signal);text-decoration:inherit}a:hover{color:var(--signal-bright)}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:auto;background:linear-gradient(180deg,var(--app-bg-top),var(--app-bg-bottom))}#root{width:100%;min-height:100vh;overflow:auto}h1{font-size:3.2em;line-height:1.1}.eyebrow,.mq-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--eyebrow-text);font-weight:600}button{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--app-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,filter .15s ease}button:hover{border-color:var(--button-hover-border)}button:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:scale(.97) translateY(0);filter:brightness(.98);box-shadow:none;transition-duration:.05s}button:disabled{cursor:not-allowed}button:focus,button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}