:root,[data-theme=goblin]{--goblin-purple-500: #6c63ff;--goblin-purple-400: #7c73ff;--goblin-purple-300: #8f87ff;--goblin-purple-200: #b8b4ff;--goblin-green-400: #4ade80;--goblin-green-300: #34d399;--goblin-amber-400: #fbbf24;--goblin-amber-300: #f59e0b;--goblin-red-400: #f87171;--goblin-red-500: #ef4444;--goblin-blue-400: #60a5fa;--goblin-blue-300: #7dd3fc;--goblin-cyan-400: #22d3ee;--goblin-pink-400: #f472b6;--bg: #0d1324;--bg-section: #16213e;--bg-input: #0f1729;--bg-deep: #0b1020;--border: #2a2a4a;--border-focus: #6c63ff;--border-subtle: rgba(255, 255, 255, .05);--focus-ring: 0 0 0 2px var(--border-focus);--text: #e0e0e0;--text-muted: #8888aa;--text-heading: #ffffff;--text-subtle: #b8b8d4;--accent: #6c63ff;--accent-hover: #7c73ff;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--badge-beta: #f59e0b;--badge-default: #6c63ff;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 15px;--font-size-2xl: 16px;--icon-size-sm: 14px;--icon-size-md: 18px;--icon-size-lg: 22px;--shadow-card: 0 14px 26px rgba(4, 8, 18, .45);--shadow-modal: 0 20px 45px rgba(4, 8, 18, .58);--shadow-toast: 0 18px 45px rgba(0, 0, 0, .38);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-empty-state: 0 18px 45px rgba(0, 0, 0, .28);--elevation-1: 0 2px 6px rgba(4, 8, 18, .28);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(4, 8, 18, .5);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .3s;--easing-standard: ease;--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--body-bg: var(--bg);--body-bg-image: radial-gradient(120% 80% at 50% 0%, rgba(108, 99, 255, .16), transparent 55%), radial-gradient(90% 60% at 100% 100%, rgba(34, 197, 94, .08), transparent 60%);--selection-bg: rgba(108, 99, 255, .35);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888aa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0));--top-tab-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0)), rgba(15, 23, 41, .88);--top-tab-active-bg: linear-gradient(180deg, rgba(108, 99, 255, .2), rgba(108, 99, 255, .08)), rgba(15, 23, 41, .92);--top-tab-active-border: rgba(108, 99, 255, .58);--document-tab-bg: rgba(12, 18, 34, .88);--document-tab-close-bg: rgba(255, 255, 255, .08);--document-tab-close-bg-hover: rgba(255, 255, 255, .16);--hover-subtle: rgba(108, 99, 255, .08);--hover-accent-soft: rgba(108, 99, 255, .1);--badge-default-bg: rgba(108, 99, 255, .15);--badge-default-text: var(--goblin-purple-300);--badge-default-border: rgba(108, 99, 255, .3);--badge-beta-bg: rgba(245, 158, 11, .15);--badge-beta-border: rgba(245, 158, 11, .3);--badge-success-bg: rgba(74, 222, 128, .12);--badge-success-border: rgba(74, 222, 128, .28);--badge-error-bg: rgba(248, 113, 113, .12);--badge-error-border: rgba(248, 113, 113, .28);--badge-warning-bg: rgba(251, 191, 36, .12);--badge-warning-border: rgba(251, 191, 36, .28);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01)), rgba(9, 13, 24, .96);--toast-success-border: rgba(74, 222, 128, .35);--toast-success-text: #d9ffe8;--toast-error-border: rgba(248, 113, 113, .45);--toast-error-text: #ffd7d7;--toast-info-border: rgba(96, 165, 250, .4);--toast-info-text: #dbeeff;--modal-backdrop-bg: rgba(8, 12, 24, .76);--editor-status-bg: rgba(11, 16, 32, .72);--editor-status-border: rgba(255, 255, 255, .05);--stat-card-bg: rgba(12, 18, 34, .8);--stat-card-border: rgba(255, 255, 255, .04);--empty-state-card-bg: rgba(11, 16, 32, .72);--empty-state-card-border: rgba(108, 99, 255, .22);--pane-resizer-bg: linear-gradient(180deg, rgba(108, 99, 255, .24), rgba(108, 99, 255, .06));--pane-resizer-border: rgba(108, 99, 255, .12);--pane-resizer-bg-hover: linear-gradient(180deg, rgba(108, 99, 255, .4), rgba(108, 99, 255, .15));--pane-resizer-border-hover: rgba(108, 99, 255, .3);--range-thumb-focus-ring: rgba(108, 99, 255, .4);--range-thumb-drag-ring: rgba(108, 99, 255, .25);--wave-panel-border: rgba(108, 99, 255, .25);--wave-panel-bg: linear-gradient(180deg, rgba(7, 11, 21, .95), rgba(13, 18, 31, .95));--wave-canvas-bg: rgba(10, 14, 26, .8);--overlay-pill-bg: rgba(20, 20, 40, .92);--overlay-pill-border: rgba(108, 99, 255, .4);--overlay-hud-color: rgba(190, 195, 225, .78);--overlay-transcript-color: rgba(200, 200, 220, .6);--demo-swatch-border: rgba(255, 255, 255, .06);--demo-swatch-text: rgba(255, 255, 255, .7);--demo-swatch-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);--demo-radius-box-bg: rgba(108, 99, 255, .18);--demo-radius-box-border: rgba(108, 99, 255, .35);--scrollbar-thumb: linear-gradient(180deg, rgba(124, 115, 255, .88), rgba(89, 81, 220, .86));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(143, 135, 255, .95), rgba(107, 98, 234, .92));--scrollbar-track: rgba(10, 14, 26, .42);--scrollbar-thumb-color: rgba(108, 99, 255, .45);--scrollbar-track-color: rgba(10, 14, 26, .42);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600;--breakpoint-lg: 1100px;--breakpoint-md: 760px}[data-theme=dark]{--bg: #1e1e1e;--bg-section: #252526;--bg-input: #2d2d2d;--bg-deep: #181818;--border: #3c3c3c;--border-focus: #007acc;--border-subtle: rgba(255, 255, 255, .08);--text: #d4d4d4;--text-muted: #858585;--text-heading: #ffffff;--text-subtle: #9cdcfe;--accent: #007acc;--accent-hover: #1a8ad4;--success: #4ec9b0;--warning: #dcdcaa;--error: #f44747;--badge-default: #007acc;--badge-beta: #d7ba7d;--shadow-card: 0 14px 26px rgba(0, 0, 0, .36);--shadow-modal: 0 20px 45px rgba(0, 0, 0, .5);--shadow-toast: 0 18px 45px rgba(0, 0, 0, .32);--shadow-empty-state: none;--elevation-1: 0 2px 6px rgba(0, 0, 0, .22);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(0, 0, 0, .38);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--body-bg: var(--bg);--body-bg-image: none;--selection-bg: rgba(0, 122, 204, .35);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23858585' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--top-tab-bg: var(--bg-input);--top-tab-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)), var(--bg-input);--top-tab-active-border: color-mix(in srgb, var(--accent) 58%, transparent);--document-tab-bg: var(--bg-input);--document-tab-close-bg: rgba(255, 255, 255, .08);--document-tab-close-bg-hover: rgba(255, 255, 255, .16);--hover-subtle: rgba(255, 255, 255, .07);--hover-accent-soft: rgba(255, 255, 255, .07);--badge-default-bg: color-mix(in srgb, var(--accent) 15%, transparent);--badge-default-text: color-mix(in srgb, var(--accent) 90%, var(--text));--badge-default-border: color-mix(in srgb, var(--accent) 30%, transparent);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0)), color-mix(in srgb, var(--bg-section) 88%, #000 12%);--toast-success-border: color-mix(in srgb, var(--success) 38%, var(--border));--toast-success-text: var(--text-heading);--toast-error-border: color-mix(in srgb, var(--error) 45%, var(--border));--toast-error-text: var(--text-heading);--toast-info-border: color-mix(in srgb, var(--accent) 40%, var(--border));--toast-info-text: var(--text-heading);--modal-backdrop-bg: rgba(0, 0, 0, .55);--editor-status-bg: var(--bg-deep);--editor-status-border: var(--border);--stat-card-bg: var(--bg-input);--stat-card-border: var(--border);--empty-state-card-bg: var(--bg-input);--empty-state-card-border: var(--border);--pane-resizer-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));--pane-resizer-border: color-mix(in srgb, var(--accent) 12%, transparent);--pane-resizer-bg-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 40%, transparent), color-mix(in srgb, var(--accent) 15%, transparent));--pane-resizer-border-hover: color-mix(in srgb, var(--accent) 30%, transparent);--range-thumb-focus-ring: color-mix(in srgb, var(--accent) 40%, transparent);--range-thumb-drag-ring: color-mix(in srgb, var(--accent) 25%, transparent);--wave-panel-border: color-mix(in srgb, var(--accent) 25%, transparent);--wave-panel-bg: linear-gradient(180deg, #1a1a1a, #1e1e1e);--wave-canvas-bg: rgba(24, 24, 24, .8);--overlay-pill-bg: rgba(30, 30, 30, .92);--overlay-pill-border: color-mix(in srgb, var(--accent) 40%, transparent);--overlay-hud-color: color-mix(in srgb, var(--text-subtle) 72%, var(--text-muted));--overlay-transcript-color: color-mix(in srgb, var(--text) 65%, transparent);--demo-swatch-border: rgba(255, 255, 255, .08);--demo-swatch-text: rgba(255, 255, 255, .82);--demo-swatch-text-shadow: none;--demo-radius-box-bg: color-mix(in srgb, var(--accent) 18%, transparent);--demo-radius-box-border: color-mix(in srgb, var(--accent) 35%, transparent);--scrollbar-thumb: linear-gradient(180deg, rgba(0, 122, 204, .75), rgba(0, 100, 180, .7));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(26, 138, 212, .9), rgba(0, 122, 204, .85));--scrollbar-track: rgba(24, 24, 24, .6);--scrollbar-thumb-color: rgba(0, 122, 204, .5);--scrollbar-track-color: rgba(24, 24, 24, .6);--badge-warning-bg: color-mix(in srgb, var(--warning) 12%, transparent);--badge-warning-border: color-mix(in srgb, var(--warning) 28%, transparent);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600}[data-theme=light]{--bg: #f3f3f3;--bg-section: #ffffff;--bg-input: #ececec;--bg-deep: #e8e8e8;--border: #cecece;--border-focus: #0078d4;--border-subtle: rgba(0, 0, 0, .08);--text: #3b3b3b;--text-muted: #717171;--text-heading: #1e1e1e;--text-subtle: #0451a5;--accent: #0078d4;--accent-hover: #006cbf;--success: #008000;--warning: #8a6800;--error: #cd3131;--badge-default: #0078d4;--badge-beta: #8a6800;--shadow-card: 0 10px 20px rgba(0, 0, 0, .08);--shadow-modal: 0 18px 32px rgba(0, 0, 0, .14);--shadow-toast: 0 14px 26px rgba(0, 0, 0, .12);--shadow-empty-state: none;--elevation-1: 0 2px 6px rgba(0, 0, 0, .06);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(0, 0, 0, .1);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--body-bg: var(--bg);--body-bg-image: none;--selection-bg: rgba(0, 120, 212, .25);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23717171' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0));--top-tab-bg: var(--bg-input);--top-tab-active-bg: color-mix(in srgb, var(--accent) 10%, var(--bg-section));--top-tab-active-border: color-mix(in srgb, var(--accent) 55%, transparent);--document-tab-bg: var(--bg-input);--document-tab-close-bg: rgba(0, 0, 0, .08);--document-tab-close-bg-hover: rgba(0, 0, 0, .14);--hover-subtle: rgba(0, 0, 0, .06);--hover-accent-soft: rgba(0, 120, 212, .1);--badge-default-bg: color-mix(in srgb, var(--accent) 15%, transparent);--badge-default-text: color-mix(in srgb, var(--accent) 92%, var(--text));--badge-default-border: color-mix(in srgb, var(--accent) 30%, transparent);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .22)), color-mix(in srgb, var(--bg-section) 96%, var(--bg-deep));--toast-success-border: color-mix(in srgb, var(--success) 32%, var(--border));--toast-success-text: var(--text-heading);--toast-error-border: color-mix(in srgb, var(--error) 38%, var(--border));--toast-error-text: var(--text-heading);--toast-info-border: color-mix(in srgb, var(--accent) 35%, var(--border));--toast-info-text: var(--text-heading);--modal-backdrop-bg: rgba(30, 30, 30, .2);--editor-status-bg: var(--bg-deep);--editor-status-border: var(--border);--stat-card-bg: var(--bg-input);--stat-card-border: var(--border);--empty-state-card-bg: var(--bg-input);--empty-state-card-border: var(--border);--pane-resizer-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 4%, transparent));--pane-resizer-border: color-mix(in srgb, var(--accent) 12%, transparent);--pane-resizer-bg-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 32%, transparent), color-mix(in srgb, var(--accent) 10%, transparent));--pane-resizer-border-hover: color-mix(in srgb, var(--accent) 24%, transparent);--range-thumb-focus-ring: color-mix(in srgb, var(--accent) 28%, transparent);--range-thumb-drag-ring: color-mix(in srgb, var(--accent) 18%, transparent);--wave-panel-border: color-mix(in srgb, var(--accent) 24%, transparent);--wave-panel-bg: linear-gradient(180deg, #f8f8f8, #ececec);--wave-canvas-bg: rgba(0, 0, 0, .04);--overlay-pill-bg: rgba(255, 255, 255, .94);--overlay-pill-border: color-mix(in srgb, var(--accent) 34%, transparent);--overlay-hud-color: color-mix(in srgb, var(--text-subtle) 62%, var(--text-muted));--overlay-transcript-color: color-mix(in srgb, var(--text) 62%, transparent);--demo-swatch-border: rgba(0, 0, 0, .08);--demo-swatch-text: rgba(0, 0, 0, .72);--demo-swatch-text-shadow: none;--demo-radius-box-bg: color-mix(in srgb, var(--accent) 14%, transparent);--demo-radius-box-border: color-mix(in srgb, var(--accent) 28%, transparent);--scrollbar-thumb: linear-gradient(180deg, rgba(0, 120, 212, .55), rgba(0, 100, 190, .5));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(0, 120, 212, .8), rgba(0, 100, 190, .75));--scrollbar-track: rgba(200, 200, 200, .5);--scrollbar-thumb-color: rgba(0, 120, 212, .5);--scrollbar-track-color: rgba(200, 200, 200, .5);--badge-warning-bg: color-mix(in srgb, var(--warning) 14%, transparent);--badge-warning-border: color-mix(in srgb, var(--warning) 28%, transparent);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600}:root,[data-theme=goblin]{--goblin-purple-500: #6c63ff;--goblin-purple-400: #7c73ff;--goblin-purple-300: #8f87ff;--goblin-purple-200: #b8b4ff;--goblin-green-400: #4ade80;--goblin-green-300: #34d399;--goblin-amber-400: #fbbf24;--goblin-amber-300: #f59e0b;--goblin-red-400: #f87171;--goblin-red-500: #ef4444;--goblin-blue-400: #60a5fa;--goblin-blue-300: #7dd3fc;--goblin-cyan-400: #22d3ee;--goblin-pink-400: #f472b6;--bg: #0d1324;--bg-section: #16213e;--bg-input: #0f1729;--bg-deep: #0b1020;--border: #2a2a4a;--border-focus: #6c63ff;--border-subtle: rgba(255, 255, 255, .05);--focus-ring: 0 0 0 2px var(--border-focus);--text: #e0e0e0;--text-muted: #8888aa;--text-heading: #ffffff;--text-subtle: #b8b8d4;--accent: #6c63ff;--accent-hover: #7c73ff;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--badge-beta: #f59e0b;--badge-default: #6c63ff;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 15px;--font-size-2xl: 16px;--icon-size-sm: 14px;--icon-size-md: 18px;--icon-size-lg: 22px;--shadow-card: 0 14px 26px rgba(4, 8, 18, .45);--shadow-modal: 0 20px 45px rgba(4, 8, 18, .58);--shadow-toast: 0 18px 45px rgba(0, 0, 0, .38);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-empty-state: 0 18px 45px rgba(0, 0, 0, .28);--elevation-1: 0 2px 6px rgba(4, 8, 18, .28);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(4, 8, 18, .5);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .3s;--easing-standard: ease;--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--body-bg: var(--bg);--body-bg-image: radial-gradient(120% 80% at 50% 0%, rgba(108, 99, 255, .16), transparent 55%), radial-gradient(90% 60% at 100% 100%, rgba(34, 197, 94, .08), transparent 60%);--selection-bg: rgba(108, 99, 255, .35);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888aa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0));--top-tab-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0)), rgba(15, 23, 41, .88);--top-tab-active-bg: linear-gradient(180deg, rgba(108, 99, 255, .2), rgba(108, 99, 255, .08)), rgba(15, 23, 41, .92);--top-tab-active-border: rgba(108, 99, 255, .58);--document-tab-bg: rgba(12, 18, 34, .88);--document-tab-close-bg: rgba(255, 255, 255, .08);--document-tab-close-bg-hover: rgba(255, 255, 255, .16);--hover-subtle: rgba(108, 99, 255, .08);--hover-accent-soft: rgba(108, 99, 255, .1);--badge-default-bg: rgba(108, 99, 255, .15);--badge-default-text: var(--goblin-purple-300);--badge-default-border: rgba(108, 99, 255, .3);--badge-beta-bg: rgba(245, 158, 11, .15);--badge-beta-border: rgba(245, 158, 11, .3);--badge-success-bg: rgba(74, 222, 128, .12);--badge-success-border: rgba(74, 222, 128, .28);--badge-error-bg: rgba(248, 113, 113, .12);--badge-error-border: rgba(248, 113, 113, .28);--badge-warning-bg: rgba(251, 191, 36, .12);--badge-warning-border: rgba(251, 191, 36, .28);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01)), rgba(9, 13, 24, .96);--toast-success-border: rgba(74, 222, 128, .35);--toast-success-text: #d9ffe8;--toast-error-border: rgba(248, 113, 113, .45);--toast-error-text: #ffd7d7;--toast-info-border: rgba(96, 165, 250, .4);--toast-info-text: #dbeeff;--modal-backdrop-bg: rgba(8, 12, 24, .76);--editor-status-bg: rgba(11, 16, 32, .72);--editor-status-border: rgba(255, 255, 255, .05);--stat-card-bg: rgba(12, 18, 34, .8);--stat-card-border: rgba(255, 255, 255, .04);--empty-state-card-bg: rgba(11, 16, 32, .72);--empty-state-card-border: rgba(108, 99, 255, .22);--pane-resizer-bg: linear-gradient(180deg, rgba(108, 99, 255, .24), rgba(108, 99, 255, .06));--pane-resizer-border: rgba(108, 99, 255, .12);--pane-resizer-bg-hover: linear-gradient(180deg, rgba(108, 99, 255, .4), rgba(108, 99, 255, .15));--pane-resizer-border-hover: rgba(108, 99, 255, .3);--range-thumb-focus-ring: rgba(108, 99, 255, .4);--range-thumb-drag-ring: rgba(108, 99, 255, .25);--wave-panel-border: rgba(108, 99, 255, .25);--wave-panel-bg: linear-gradient(180deg, rgba(7, 11, 21, .95), rgba(13, 18, 31, .95));--wave-canvas-bg: rgba(10, 14, 26, .8);--overlay-pill-bg: rgba(20, 20, 40, .92);--overlay-pill-border: rgba(108, 99, 255, .4);--overlay-hud-color: rgba(190, 195, 225, .78);--overlay-transcript-color: rgba(200, 200, 220, .6);--demo-swatch-border: rgba(255, 255, 255, .06);--demo-swatch-text: rgba(255, 255, 255, .7);--demo-swatch-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);--demo-radius-box-bg: rgba(108, 99, 255, .18);--demo-radius-box-border: rgba(108, 99, 255, .35);--scrollbar-thumb: linear-gradient(180deg, rgba(124, 115, 255, .88), rgba(89, 81, 220, .86));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(143, 135, 255, .95), rgba(107, 98, 234, .92));--scrollbar-track: rgba(10, 14, 26, .42);--scrollbar-thumb-color: rgba(108, 99, 255, .45);--scrollbar-track-color: rgba(10, 14, 26, .42);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600;--breakpoint-lg: 1100px;--breakpoint-md: 760px}[data-theme=dark]{--bg: #1e1e1e;--bg-section: #252526;--bg-input: #2d2d2d;--bg-deep: #181818;--border: #3c3c3c;--border-focus: #007acc;--border-subtle: rgba(255, 255, 255, .08);--text: #d4d4d4;--text-muted: #858585;--text-heading: #ffffff;--text-subtle: #9cdcfe;--accent: #007acc;--accent-hover: #1a8ad4;--success: #4ec9b0;--warning: #dcdcaa;--error: #f44747;--badge-default: #007acc;--badge-beta: #d7ba7d;--shadow-card: 0 14px 26px rgba(0, 0, 0, .36);--shadow-modal: 0 20px 45px rgba(0, 0, 0, .5);--shadow-toast: 0 18px 45px rgba(0, 0, 0, .32);--shadow-empty-state: none;--elevation-1: 0 2px 6px rgba(0, 0, 0, .22);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(0, 0, 0, .38);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--body-bg: var(--bg);--body-bg-image: none;--selection-bg: rgba(0, 122, 204, .35);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23858585' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));--top-tab-bg: var(--bg-input);--top-tab-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)), var(--bg-input);--top-tab-active-border: color-mix(in srgb, var(--accent) 58%, transparent);--document-tab-bg: var(--bg-input);--document-tab-close-bg: rgba(255, 255, 255, .08);--document-tab-close-bg-hover: rgba(255, 255, 255, .16);--hover-subtle: rgba(255, 255, 255, .07);--hover-accent-soft: rgba(255, 255, 255, .07);--badge-default-bg: color-mix(in srgb, var(--accent) 15%, transparent);--badge-default-text: color-mix(in srgb, var(--accent) 90%, var(--text));--badge-default-border: color-mix(in srgb, var(--accent) 30%, transparent);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0)), color-mix(in srgb, var(--bg-section) 88%, #000 12%);--toast-success-border: color-mix(in srgb, var(--success) 38%, var(--border));--toast-success-text: var(--text-heading);--toast-error-border: color-mix(in srgb, var(--error) 45%, var(--border));--toast-error-text: var(--text-heading);--toast-info-border: color-mix(in srgb, var(--accent) 40%, var(--border));--toast-info-text: var(--text-heading);--modal-backdrop-bg: rgba(0, 0, 0, .55);--editor-status-bg: var(--bg-deep);--editor-status-border: var(--border);--stat-card-bg: var(--bg-input);--stat-card-border: var(--border);--empty-state-card-bg: var(--bg-input);--empty-state-card-border: var(--border);--pane-resizer-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));--pane-resizer-border: color-mix(in srgb, var(--accent) 12%, transparent);--pane-resizer-bg-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 40%, transparent), color-mix(in srgb, var(--accent) 15%, transparent));--pane-resizer-border-hover: color-mix(in srgb, var(--accent) 30%, transparent);--range-thumb-focus-ring: color-mix(in srgb, var(--accent) 40%, transparent);--range-thumb-drag-ring: color-mix(in srgb, var(--accent) 25%, transparent);--wave-panel-border: color-mix(in srgb, var(--accent) 25%, transparent);--wave-panel-bg: linear-gradient(180deg, #1a1a1a, #1e1e1e);--wave-canvas-bg: rgba(24, 24, 24, .8);--overlay-pill-bg: rgba(30, 30, 30, .92);--overlay-pill-border: color-mix(in srgb, var(--accent) 40%, transparent);--overlay-hud-color: color-mix(in srgb, var(--text-subtle) 72%, var(--text-muted));--overlay-transcript-color: color-mix(in srgb, var(--text) 65%, transparent);--demo-swatch-border: rgba(255, 255, 255, .08);--demo-swatch-text: rgba(255, 255, 255, .82);--demo-swatch-text-shadow: none;--demo-radius-box-bg: color-mix(in srgb, var(--accent) 18%, transparent);--demo-radius-box-border: color-mix(in srgb, var(--accent) 35%, transparent);--scrollbar-thumb: linear-gradient(180deg, rgba(0, 122, 204, .75), rgba(0, 100, 180, .7));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(26, 138, 212, .9), rgba(0, 122, 204, .85));--scrollbar-track: rgba(24, 24, 24, .6);--scrollbar-thumb-color: rgba(0, 122, 204, .5);--scrollbar-track-color: rgba(24, 24, 24, .6);--badge-warning-bg: color-mix(in srgb, var(--warning) 12%, transparent);--badge-warning-border: color-mix(in srgb, var(--warning) 28%, transparent);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600}[data-theme=light]{--bg: #f3f3f3;--bg-section: #ffffff;--bg-input: #ececec;--bg-deep: #e8e8e8;--border: #cecece;--border-focus: #0078d4;--border-subtle: rgba(0, 0, 0, .08);--text: #3b3b3b;--text-muted: #717171;--text-heading: #1e1e1e;--text-subtle: #0451a5;--accent: #0078d4;--accent-hover: #006cbf;--success: #008000;--warning: #8a6800;--error: #cd3131;--badge-default: #0078d4;--badge-beta: #8a6800;--shadow-card: 0 10px 20px rgba(0, 0, 0, .08);--shadow-modal: 0 18px 32px rgba(0, 0, 0, .14);--shadow-toast: 0 14px 26px rgba(0, 0, 0, .12);--shadow-empty-state: none;--elevation-1: 0 2px 6px rgba(0, 0, 0, .06);--elevation-2: var(--shadow-card);--elevation-3: 0 8px 20px rgba(0, 0, 0, .1);--elevation-4: var(--shadow-modal);--elevation-5: var(--shadow-toast);--body-bg: var(--bg);--body-bg-image: none;--selection-bg: rgba(0, 120, 212, .25);--select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23717171' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");--surface-raised-overlay: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0));--surface-interactive-overlay: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0));--top-tab-bg: var(--bg-input);--top-tab-active-bg: color-mix(in srgb, var(--accent) 10%, var(--bg-section));--top-tab-active-border: color-mix(in srgb, var(--accent) 55%, transparent);--document-tab-bg: var(--bg-input);--document-tab-close-bg: rgba(0, 0, 0, .08);--document-tab-close-bg-hover: rgba(0, 0, 0, .14);--hover-subtle: rgba(0, 0, 0, .06);--hover-accent-soft: rgba(0, 120, 212, .1);--badge-default-bg: color-mix(in srgb, var(--accent) 15%, transparent);--badge-default-text: color-mix(in srgb, var(--accent) 92%, var(--text));--badge-default-border: color-mix(in srgb, var(--accent) 30%, transparent);--toast-bg: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .22)), color-mix(in srgb, var(--bg-section) 96%, var(--bg-deep));--toast-success-border: color-mix(in srgb, var(--success) 32%, var(--border));--toast-success-text: var(--text-heading);--toast-error-border: color-mix(in srgb, var(--error) 38%, var(--border));--toast-error-text: var(--text-heading);--toast-info-border: color-mix(in srgb, var(--accent) 35%, var(--border));--toast-info-text: var(--text-heading);--modal-backdrop-bg: rgba(30, 30, 30, .2);--editor-status-bg: var(--bg-deep);--editor-status-border: var(--border);--stat-card-bg: var(--bg-input);--stat-card-border: var(--border);--empty-state-card-bg: var(--bg-input);--empty-state-card-border: var(--border);--pane-resizer-bg: linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 4%, transparent));--pane-resizer-border: color-mix(in srgb, var(--accent) 12%, transparent);--pane-resizer-bg-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 32%, transparent), color-mix(in srgb, var(--accent) 10%, transparent));--pane-resizer-border-hover: color-mix(in srgb, var(--accent) 24%, transparent);--range-thumb-focus-ring: color-mix(in srgb, var(--accent) 28%, transparent);--range-thumb-drag-ring: color-mix(in srgb, var(--accent) 18%, transparent);--wave-panel-border: color-mix(in srgb, var(--accent) 24%, transparent);--wave-panel-bg: linear-gradient(180deg, #f8f8f8, #ececec);--wave-canvas-bg: rgba(0, 0, 0, .04);--overlay-pill-bg: rgba(255, 255, 255, .94);--overlay-pill-border: color-mix(in srgb, var(--accent) 34%, transparent);--overlay-hud-color: color-mix(in srgb, var(--text-subtle) 62%, var(--text-muted));--overlay-transcript-color: color-mix(in srgb, var(--text) 62%, transparent);--demo-swatch-border: rgba(0, 0, 0, .08);--demo-swatch-text: rgba(0, 0, 0, .72);--demo-swatch-text-shadow: none;--demo-radius-box-bg: color-mix(in srgb, var(--accent) 14%, transparent);--demo-radius-box-border: color-mix(in srgb, var(--accent) 28%, transparent);--scrollbar-thumb: linear-gradient(180deg, rgba(0, 120, 212, .55), rgba(0, 100, 190, .5));--scrollbar-thumb-hover: linear-gradient(180deg, rgba(0, 120, 212, .8), rgba(0, 100, 190, .75));--scrollbar-track: rgba(200, 200, 200, .5);--scrollbar-thumb-color: rgba(0, 120, 212, .5);--scrollbar-track-color: rgba(200, 200, 200, .5);--badge-warning-bg: color-mix(in srgb, var(--warning) 14%, transparent);--badge-warning-border: color-mix(in srgb, var(--warning) 28%, transparent);--z-dropdown: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--z-overlay: 600}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:0}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track-color);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html{font-size:14px}body{font-family:var(--font);background:var(--body-bg-image),var(--body-bg);color:var(--text);font-size:var(--font-size-lg);line-height:1.5;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--selection-bg);color:var(--text-heading)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:var(--bg-input);border:1px solid var(--border);border-radius:0;color:var(--text);padding:8px 12px;font-family:var(--font-mono);outline:none;transition:border-color var(--duration-base);width:100%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)}input:focus,select:focus{border-color:var(--border-focus)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-chevron-icon);background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}input[type=radio],input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(to right,var(--accent) var(--_pct, 0%),var(--border) var(--_pct, 0%));outline:none;cursor:pointer;padding:0;border:none}input[type=range]::-webkit-slider-runnable-track{height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:var(--accent);border:2px solid var(--bg);cursor:grab;margin-top:-5px;transition:background var(--duration-fast)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--accent-hover)}input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--accent);border:2px solid var(--bg);border-radius:0;cursor:grab}input[type=range]::-moz-range-track{height:3px;background:var(--border)}input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}.overlay-base html,.overlay-base body{background:transparent;overflow:hidden}.app-shell{min-height:100vh;padding:0 20px 20px;display:flex;flex-direction:column;gap:14px}.window-frame-row{display:flex;align-items:flex-end;gap:8px;min-height:54px;padding-top:10px;app-region:drag;-webkit-app-region:drag}.window-title-wrap{flex:1;padding:0 4px}.window-title{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.window-subtitle{margin-top:2px;color:var(--text-subtle);font-size:var(--font-size-md)}.window-actions{display:flex;gap:6px;app-region:no-drag;-webkit-app-region:no-drag}.window-action-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.icon-btn,.secondary-btn,.top-tab,.document-tab{border:1px solid var(--border);cursor:pointer;transition:border-color var(--duration-base),color var(--duration-base),background var(--duration-base),transform var(--duration-fast)}.icon-btn{background:var(--bg-input);border-radius:0;color:var(--text-muted);padding:6px 10px;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:5px}.icon-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-btn-sm{width:26px;height:26px;padding:0}.icon-btn-sm svg{width:13px;height:13px}.icon-btn-md{width:32px;height:32px;padding:0}.icon-btn-md svg{width:15px;height:15px}.icon-btn-lg{width:40px;height:40px;padding:0}.icon-btn-lg svg{width:18px;height:18px}.icon-btn-sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon-btn-md svg{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-btn-lg svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.secondary-btn{background:var(--bg-input);border-radius:0;color:var(--text);padding:8px 12px;font-size:var(--font-size-md);font-family:var(--font-mono);display:inline-flex;align-items:center;gap:6px}.secondary-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.slim-btn{min-width:34px;padding:6px 10px}.help-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border-radius:0}.modal-close-btn{font-size:20px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover,.secondary-btn:hover,.top-tab:hover,.document-tab:hover{border-color:var(--border-focus);color:var(--text-heading)}.icon-btn:active,.secondary-btn:active{transform:scale(.97)}.secondary-btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.secondary-btn.is-loading,.icon-btn.is-loading{pointer-events:none;position:relative;color:transparent!important}.secondary-btn.is-loading>*,.icon-btn.is-loading>*{opacity:0}.secondary-btn.is-loading:after,.icon-btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;border:1.5px solid color-mix(in srgb,var(--text-muted) 30%,transparent);border-top-color:var(--text-muted);border-radius:50%;animation:spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.secondary-btn.is-loading:after,.icon-btn.is-loading:after{animation:none;opacity:.4}}.top-tabs{display:flex;gap:8px;flex-wrap:wrap;app-region:no-drag;-webkit-app-region:no-drag}.top-tab{background:var(--top-tab-bg);color:var(--text-muted);border-radius:0;padding:10px 16px;font-weight:600;font-size:var(--font-size-base)}.top-tab.is-active,.document-tab.is-active{background:var(--top-tab-active-bg);color:var(--text-heading);border-color:var(--top-tab-active-border)}.tab-panel{display:none;min-height:0;flex:1}.tab-panel.is-active{display:block}.settings-section,.mini-panel{background:var(--surface-raised-overlay),var(--bg-section);border:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-inset),var(--shadow-card)}.settings-section{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}.mini-panel{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.settings-section h2,.mini-panel h3,.mini-panel h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:0;display:inline-block}.badge.beta{background:var(--badge-beta-bg);color:var(--badge-beta);border:1px solid var(--badge-beta-border)}.badge.default{background:var(--badge-default-bg);color:var(--badge-default-text);border:1px solid var(--badge-default-border)}.badge.success{background:var(--badge-success-bg);color:var(--success);border:1px solid var(--badge-success-border)}.badge.error{background:var(--badge-error-bg);color:var(--error);border:1px solid var(--badge-error-border)}.status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.status-indicator{display:flex;align-items:center;gap:6px;font-size:var(--font-size-md)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-indicator.connected .status-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.status-indicator.untested .status-dot{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-indicator.disconnected .status-dot{background:var(--text-muted)}.status-indicator.error .status-dot{background:var(--error);box-shadow:0 0 6px var(--error)}.hint{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.45}kbd{background:var(--bg-input);border:1px solid var(--border);border-radius:0;padding:3px 8px;font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-heading);min-width:28px;text-align:center}.number-input{display:inline-flex;align-items:stretch}.number-input input[type=number]{width:56px;height:26px;padding:0 6px;text-align:center;border-left:none;border-right:none;-moz-appearance:textfield}.number-input input[type=number]::-webkit-outer-spin-button,.number-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input .icon-btn-sm{flex-shrink:0}.field{display:flex;gap:8px;align-items:center}.field-block{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:var(--font-size-md)}.field-block label{font-size:var(--font-size-md);color:var(--text-muted)}.inline-field{display:flex;align-items:center;gap:8px;padding-left:32px;font-size:13px;color:var(--text-muted)}.inline-field input[type=range]{flex:1;min-width:120px}.inline-field input[type=number]{width:70px;padding:4px 8px;font-size:13px}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.language-field{display:flex;flex-direction:column;gap:6px}.language-field label{font-size:var(--font-size-md);color:var(--text-muted)}.unit{color:var(--text-muted);font-size:var(--font-size-md);white-space:nowrap}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label,.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:0;transition:background var(--duration-fast)}.radio-label:hover,.checkbox-label:hover{background:var(--hover-subtle)}.app-toast{position:fixed;left:20px;bottom:20px;z-index:var(--z-toast);max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border-radius:0;border:1px solid var(--toast-success-border);background:var(--toast-bg);color:var(--toast-success-text);box-shadow:var(--shadow-toast);font-size:var(--font-size-md);line-height:1.45;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard)}.app-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto}.app-toast.success{border-color:var(--toast-success-border);color:var(--toast-success-text)}.app-toast.error{border-color:var(--toast-error-border);color:var(--toast-error-text)}.app-toast.info{border-color:var(--toast-info-border);color:var(--toast-info-text)}body.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-bg);display:flex;align-items:center;justify-content:center;padding:20px;z-index:var(--z-modal)}.modal-backdrop[hidden]{display:none}.modal-backdrop.modal-backdrop--none{background:transparent;pointer-events:none}.modal-backdrop.modal-backdrop--none .modal-card{pointer-events:auto}.modal-card{width:min(420px,100%);border:1px solid var(--border);border-radius:0;background:var(--surface-interactive-overlay),var(--bg-section);box-shadow:var(--shadow-modal);padding:14px;-webkit-user-select:text;user-select:text}.modal-card--draggable .modal-header{cursor:grab;-webkit-user-select:none;user-select:none}.modal-card--draggable.is-dragging .modal-header{cursor:grabbing}.modal-card--draggable.is-dragging{-webkit-user-select:none;user-select:none}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.modal-header h3{font-size:var(--font-size-lg);color:var(--text-heading);font-weight:600}.modal-body-text{color:var(--text-muted);font-size:var(--font-size-base);line-height:1.5;margin:0 0 4px}.modal-list{margin:0;padding-left:20px;color:var(--text);display:flex;flex-direction:column;gap:6px;line-height:1.4;font-size:var(--font-size-base)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.modal-btn-accept{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:0;border:none;background:var(--accent);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:opacity .15s}.modal-btn-accept:hover{opacity:.88}.modal-btn-accept.danger{background:var(--error)}.document-tabs{display:flex;flex-wrap:wrap;gap:8px}.document-tab-wrap{display:inline-flex;align-items:center;gap:6px}.document-tab{border-radius:0;padding:9px 14px;background:var(--document-tab-bg);color:var(--text-muted);display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-base)}.document-tab-dirty{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 8px #fbbf2485;flex-shrink:0}.document-tab-close{width:18px;height:18px;border:0;border-radius:0;background:var(--document-tab-close-bg);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:background var(--duration-fast)}.document-tab-close:hover{background:var(--document-tab-close-bg-hover)}.editor-workspace{display:grid;grid-template-columns:var(--left-panel-width, 220px) 8px minmax(0,1fr) 8px var(--right-panel-width, 260px);gap:12px;min-height:0;flex:1}.editor-workspace.left-collapsed{grid-template-columns:0 0 minmax(0,1fr) 8px var(--right-panel-width, 260px)}.editor-workspace.right-collapsed{grid-template-columns:var(--left-panel-width, 220px) 8px minmax(0,1fr) 0 0}.editor-workspace.left-collapsed.right-collapsed{grid-template-columns:0 0 minmax(0,1fr) 0 0}.editor-tools-pane,.editor-sidebar-pane{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden;transition:opacity var(--duration-base)}.editor-workspace.left-collapsed .editor-tools-pane,.editor-workspace.right-collapsed .editor-sidebar-pane{opacity:0;pointer-events:none}.pane-resizer{width:8px;border-radius:0;background:var(--pane-resizer-bg);border:1px solid var(--pane-resizer-border);cursor:col-resize;transition:background var(--duration-base),border-color var(--duration-base)}.pane-resizer:hover{background:var(--pane-resizer-bg-hover);border-color:var(--pane-resizer-border-hover)}.editor-workspace.left-collapsed #left-pane-resizer,.editor-workspace.right-collapsed #right-pane-resizer{opacity:.35}.editor-canvas-pane{min-width:0;display:flex;flex-direction:column;gap:12px}.editor-status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:0;background:var(--editor-status-bg);border:1px solid var(--editor-status-border);font-size:var(--font-size-md);color:var(--text-muted)}.compact-list{padding-left:18px;color:var(--text);display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-base)}.stack-actions{display:flex;flex-wrap:wrap;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:10px;border-radius:0;background:var(--stat-card-bg);border:1px solid var(--stat-card-border);display:flex;flex-direction:column;gap:4px}.stat-card span{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card strong{font-size:var(--font-size-xl);color:var(--text-heading)}.empty-state{display:grid;place-items:center;min-height:180px}.empty-state[hidden]{display:none}.empty-state-card{width:min(420px,100%);text-align:center;padding:22px;border-radius:0;background:var(--empty-state-card-bg);border:1px solid var(--empty-state-card-border);box-shadow:var(--shadow-empty-state);display:flex;flex-direction:column;gap:12px}.empty-state-card .badge{align-self:center}.wave-panel{border:1px solid var(--wave-panel-border);border-radius:0;background:var(--wave-panel-bg);overflow:hidden;position:relative}.wave-canvas-wrap{width:100%;overflow:hidden;background:var(--wave-canvas-bg)}.wave-canvas-wrap canvas{width:100%;display:block}.wave-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px}.wave-label{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.overlay-pill{display:inline-flex;flex-direction:column;align-items:stretch;gap:6px;background:var(--overlay-pill-bg);border:1px solid var(--overlay-pill-border);border-radius:0;padding:8px 12px 10px;box-shadow:none;cursor:move;-webkit-user-select:none;user-select:none;app-region:drag;-webkit-app-region:drag}.overlay-main-row{display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--error);box-shadow:0 0 8px var(--error);animation:recording-pulse 1.2s ease-in-out infinite;flex-shrink:0}.recording-dot.loading{background:var(--warning);box-shadow:0 0 10px #fbbf24e6;animation-duration:1.5s}.recording-dot.listening{background:var(--error);box-shadow:0 0 8px var(--error)}.recording-dot.transcribing{background:var(--goblin-blue-400);box-shadow:0 0 10px #60a5fae6;animation-duration:1.1s}.recording-dot.correcting{background:var(--goblin-green-300);box-shadow:0 0 10px #34d399e6;animation-duration:1.4s}.recording-dot.done{background:var(--success);box-shadow:0 0 8px #4ade80d9;animation:none}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.overlay-label{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.overlay-timer{font-size:var(--font-size-md);font-family:var(--font-mono);color:var(--text-muted);width:40px;text-align:right}.overlay-wave-wrap{width:100%;height:28px;border-radius:0;background:transparent}.overlay-wave-wrap canvas{width:100%;height:100%;display:block}.overlay-hud{display:flex;justify-content:center;gap:10px;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--overlay-hud-color);letter-spacing:.02em;text-transform:uppercase}.overlay-transcript{font-size:var(--font-size-sm);color:var(--overlay-transcript-color);text-align:center;padding:0 16px;max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--easing-standard);white-space:nowrap;text-overflow:ellipsis}.overlay-transcript.visible{max-height:24px}.demo-section{display:flex;flex-direction:column;gap:20px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.demo-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.demo-swatch{height:52px;border-radius:0;border:1px solid var(--demo-swatch-border);display:flex;align-items:flex-end;padding:6px 8px}.demo-swatch span{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--demo-swatch-text);text-shadow:var(--demo-swatch-text-shadow)}.demo-radius-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.demo-radius-box{width:56px;height:56px;background:var(--demo-radius-box-bg);border:1px solid var(--demo-radius-box-border);display:flex;align-items:center;justify-content:center}.demo-radius-box span{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.demo-type-scale{display:flex;flex-direction:column;gap:8px}.demo-type-row{display:flex;align-items:baseline;gap:14px}.demo-type-label{width:80px;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.nav-bar{display:flex;align-items:center;gap:2px;position:relative;z-index:200}.nav-item{position:relative}.nav-trigger{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:0;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:var(--font-size-base);font-family:var(--font);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.nav-trigger:hover,.nav-trigger.is-open{background:var(--bg-input);border-color:var(--border);color:var(--text-heading)}.nav-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform var(--duration-fast),opacity var(--duration-fast);flex-shrink:0}.nav-trigger.is-open svg{transform:rotate(180deg);opacity:1}.nav-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:210px;background:var(--surface-interactive-overlay),var(--bg-section);border:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-modal);padding:4px;z-index:var(--z-dropdown);opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none;transition:opacity var(--duration-fast),transform var(--duration-fast);transform-origin:top left}.nav-dropdown.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.nav-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:0;background:transparent;color:var(--text);font-size:var(--font-size-base);font-family:var(--font);cursor:pointer;white-space:nowrap;text-align:left;transition:background var(--duration-fast),color var(--duration-fast);position:relative}.nav-option:hover,.nav-option--has-sub:hover,.nav-option--has-sub.is-sub-open{background:var(--hover-accent-soft);color:var(--text-heading)}.nav-option--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.nav-option-icon{width:14px;height:14px;flex-shrink:0;opacity:.65;display:flex;align-items:center;justify-content:center}.nav-option-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-option-label{flex:1}.nav-option-shortcut{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted);padding-left:20px;flex-shrink:0}.nav-option-arrow{width:12px;height:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5;margin-left:auto}.nav-option-arrow svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-divider{height:1px;background:var(--border);margin:4px 6px}.nav-option--has-sub{position:relative}.nav-submenu{position:absolute;top:-4px;left:calc(100% + 4px);min-width:190px;background:var(--surface-interactive-overlay),var(--bg-section);border:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-modal);padding:4px;z-index:var(--z-tooltip);opacity:0;transform:translate(-4px) scale(.98);pointer-events:none;transition:opacity var(--duration-fast),transform var(--duration-fast);transform-origin:top left}.nav-option--has-sub:hover>.nav-submenu,.nav-option--has-sub.is-sub-open>.nav-submenu{opacity:1;transform:translate(0) scale(1);pointer-events:all}.range-slider{--range-track-h: 3px;--range-thumb-size: 13px;padding:6px 0;user-select:none;-webkit-user-select:none}.range-track{position:relative;height:var(--range-track-h);background:var(--border);cursor:pointer}.range-fill,.range-fill-end{position:absolute;top:0;height:100%;background:var(--accent);pointer-events:none}.range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--accent);border:2px solid var(--bg);cursor:grab;transition:background var(--duration-fast),box-shadow var(--duration-fast);touch-action:none}.range-thumb:hover{background:var(--accent-hover)}.range-thumb:focus-visible{outline:none;box-shadow:0 0 0 3px var(--range-thumb-focus-ring)}.range-thumb.is-dragging,.range-thumb:active{cursor:grabbing;background:var(--accent-hover);box-shadow:0 0 0 4px var(--range-thumb-drag-ring)}.range-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--font-size-xs, 11px);color:var(--text-muted);pointer-events:none}.radial-control{--radial-control-size: 112px;--radial-control-shell: color-mix(in srgb, var(--bg-input) 74%, var(--bg-deep));--radial-control-edge: color-mix(in srgb, var(--border) 78%, var(--text-muted));--radial-control-inner-edge: color-mix(in srgb, var(--border) 46%, transparent);--radial-control-track-color: color-mix(in srgb, var(--border) 72%, var(--text-muted));--radial-control-fill-color: color-mix(in srgb, var(--accent) 58%, var(--text-heading));--radial-control-fill-shadow: color-mix(in srgb, var(--accent) 30%, transparent);--radial-control-pointer-color: color-mix(in srgb, var(--text-heading) 84%, var(--text-subtle));--radial-control-thumb-fill: color-mix(in srgb, var(--bg-section) 72%, var(--text-heading));--radial-control-thumb-stroke: color-mix(in srgb, var(--accent) 62%, var(--text-heading));--radial-control-label-color: var(--text-heading);--radial-control-caption-color: color-mix(in srgb, var(--text-muted) 84%, var(--text-subtle));--radial-control-focus-ring: color-mix(in srgb, var(--accent) 28%, transparent);width:var(--radial-control-size);height:var(--radial-control-size);position:relative;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--text-heading) 10%,transparent),transparent 44%),radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--bg-section) 52%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--bg-section) 84%,var(--radial-control-shell)),color-mix(in srgb,var(--bg-deep) 86%,var(--radial-control-shell)));border:1px solid var(--radial-control-edge);border-radius:50%;box-shadow:inset 0 1px color-mix(in srgb,var(--text-heading) 10%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--radial-control-inner-edge) 100%,transparent),0 10px 18px color-mix(in srgb,var(--bg) 38%,transparent);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.radial-control:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid color-mix(in srgb,var(--radial-control-track-color) 38%,transparent);border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-heading) 3%,transparent);pointer-events:none}.radial-control:hover{border-color:color-mix(in srgb,var(--radial-control-edge) 58%,var(--radial-control-fill-color));box-shadow:inset 0 1px color-mix(in srgb,var(--text-heading) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--radial-control-inner-edge) 100%,transparent),0 12px 22px color-mix(in srgb,var(--bg) 44%,transparent)}.radial-control:focus-visible{outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--text-heading) 10%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--radial-control-inner-edge) 100%,transparent),0 0 0 3px var(--radial-control-focus-ring),0 12px 22px color-mix(in srgb,var(--bg) 44%,transparent)}.radial-control.is-dragging,.radial-control:active{cursor:grabbing;transform:translateY(0)}.radial-control-sm{--radial-control-size: 96px}.radial-control-xs{--radial-control-size: 80px}.radial-control-sm .radial-control-readout{gap:3px}.radial-control-sm .radial-control-value{font-size:var(--font-size-lg)}.radial-control-xs .radial-control-readout{gap:2px}.radial-control-xs .radial-control-value{font-size:var(--font-size-base)}.radial-control-xs .radial-control-caption{font-size:10px;letter-spacing:.1em}.radial-control-visual{width:100%;height:100%;overflow:visible}.radial-control-track,.radial-control-fill{fill:none;stroke-linecap:square}.radial-control-track{stroke:var(--radial-control-track-color);stroke-width:8;opacity:.82}.radial-control-fill{stroke:var(--radial-control-fill-color);stroke-width:5.5;filter:none}.radial-control-pointer{stroke:var(--radial-control-pointer-color);stroke-width:2.25;opacity:.92}.radial-control-thumb{fill:var(--radial-control-thumb-fill);stroke:var(--radial-control-thumb-stroke);stroke-width:2;filter:none}.radial-control-readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;text-align:center}.radial-control-value{color:var(--radial-control-label-color);font-size:var(--font-size-xl);font-weight:700;line-height:1;text-shadow:0 1px 0 color-mix(in srgb,var(--bg) 55%,transparent)}.radial-control-caption{color:var(--radial-control-caption-color);font-size:var(--font-size-xs, 11px);text-transform:uppercase;letter-spacing:.12em}.search-field{position:relative;display:inline-flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);transition:border-color var(--duration-fast)}.search-field:focus-within{border-color:var(--accent)}.search-field-icon{position:absolute;left:9px;display:flex;align-items:center;color:var(--text-muted);pointer-events:none}.search-field-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.search-field input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:7px 10px 7px 32px;color:var(--text);font-size:var(--font-size-sm);font-family:var(--font);width:100%}.search-field input::placeholder{color:var(--text-muted)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-suggestions{display:none;flex-direction:column;position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--surface-interactive-overlay),var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-modal);z-index:400;max-height:240px;overflow-y:auto;padding:4px}.search-suggestions.is-open{display:flex}.search-suggestion{display:block;width:100%;background:transparent;border:none;padding:6px 10px;color:var(--text);font-size:var(--font-size-sm);font-family:var(--font);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--duration-fast),color var(--duration-fast)}.search-suggestion:hover,.search-suggestion.is-active{background:var(--hover-accent-soft);color:var(--text-heading)}.scroll-panel{--scroll-panel-height: 360px;max-height:var(--scroll-panel-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.scroll-panel::-webkit-scrollbar{width:6px}.scroll-panel::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scroll-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:1px solid var(--scrollbar-track)}.scroll-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.scroll-panel-sm{--scroll-panel-height: 200px}.scroll-panel-md{--scroll-panel-height: 360px}.scroll-panel-lg{--scroll-panel-height: 520px}.scroll-panel-xl{--scroll-panel-height: 680px}.icon-gallery-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border-radius:0;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.icon-gallery-cell:hover{border-color:var(--border);background:var(--bg-input);color:var(--text-heading)}.icon-gallery-cell svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-gallery-cell span{font-size:9px;font-family:var(--font-mono);text-align:center;line-height:1.2;word-break:break-all;color:inherit}.primary-btn{background:var(--accent);border:1px solid transparent;border-radius:0;color:#fff;padding:8px 12px;font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--duration-base),transform var(--duration-fast)}.primary-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:active{transform:scale(.97)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.danger-btn{background:var(--error);border:1px solid transparent;border-radius:0;color:#fff;padding:8px 12px;font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter var(--duration-base),transform var(--duration-fast)}.danger-btn:hover{filter:brightness(1.12)}.danger-btn:active{transform:scale(.97)}.danger-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.text-btn{background:transparent;border:1px solid transparent;border-radius:0;color:var(--text-muted);padding:8px 12px;font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--duration-base),color var(--duration-base),transform var(--duration-fast)}.text-btn:hover{background:var(--hover-subtle);color:var(--text)}.text-btn:active{transform:scale(.97)}.text-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.primary-btn.slim-btn,.danger-btn.slim-btn,.text-btn.slim-btn{padding:6px 10px}.btn-group{display:inline-flex;align-items:stretch}.btn-group>.secondary-btn,.btn-group>.primary-btn,.btn-group>.text-btn{border-radius:0}.btn-group>*+*{margin-left:-1px}.card{background:var(--surface-raised-overlay),var(--bg-section);border:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-inset),var(--shadow-card);display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border)}.card-header h2,.card-header h3,.card-header h4{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-heading)}.card-body{padding:var(--space-7);flex:1}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-7);border-top:1px solid var(--border)}.card.card-compact .card-header{padding:var(--space-4) var(--space-5)}.card.card-compact .card-body{padding:var(--space-5)}.card.card-compact .card-footer{padding:var(--space-4) var(--space-5)}hr.divider,.divider{border:none;border-top:1px solid var(--border);margin:var(--space-5) 0;height:0;display:flex;align-items:center}.divider-vertical{border:none;border-left:1px solid var(--border);margin:0 var(--space-5);width:0;align-self:stretch;display:inline-block}.divider-label{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg);padding:0 var(--space-4);white-space:nowrap;margin:0 auto}.badge.warning{background:var(--badge-warning-bg);color:var(--warning);border:1px solid var(--badge-warning-border)}.alert{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-left:3px solid currentColor;background:var(--bg-section);font-size:var(--font-size-md);line-height:1.45}.alert-icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.alert-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.alert-message{flex:1;color:var(--text)}.alert-dismiss{display:none;flex-shrink:0;margin:-2px -4px -2px 0}html[data-js=true] .alert-dismiss{display:inline-flex}.alert-info{color:var(--accent);background:var(--badge-default-bg)}.alert-success{color:var(--success);background:var(--badge-success-bg)}.alert-warning{color:var(--warning);background:var(--badge-warning-bg)}.alert-error{color:var(--error);background:var(--badge-error-bg)}.progress-bar{width:100%;height:4px;background:var(--border);overflow:hidden;position:relative}.progress-fill{height:100%;width:var(--progress, 0%);background:var(--accent);transition:width var(--duration-base)}@keyframes progress-indeterminate{0%{left:-40%;width:40%}60%{left:100%;width:40%}to{left:100%;width:40%}}.progress-bar.indeterminate .progress-fill{position:absolute;width:40%;animation:progress-indeterminate 1.6s var(--easing-standard) infinite}@media(prefers-reduced-motion:reduce){.progress-bar.indeterminate .progress-fill{animation:none;width:100%;opacity:.35}}.switch{display:inline-flex;align-items:center;gap:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.switch>input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.switch-track{position:relative;width:36px;height:20px;flex-shrink:0;background:var(--bg-input);border:1px solid var(--border);transition:background var(--duration-base),border-color var(--duration-base)}.switch-thumb{position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--text-muted);transition:left var(--duration-base),background var(--duration-base)}.switch>input:checked~.switch-track{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent)}.switch>input:checked~.switch-track .switch-thumb{left:19px;background:var(--accent)}.switch>input:focus-visible~.switch-track{outline:2px solid var(--border-focus);outline-offset:2px}.switch:has(>input:disabled){opacity:.45;cursor:not-allowed}.switch-label{font-size:var(--font-size-md);color:var(--text)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--font-size-md);color:var(--text-muted)}.breadcrumb-item{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;padding:2px 4px;transition:color var(--duration-fast)}a.breadcrumb-item:hover{color:var(--text)}.breadcrumb-item[aria-current=page]{color:var(--text-heading);font-weight:600;pointer-events:none}.breadcrumb-item+.breadcrumb-item:before{content:var(--breadcrumb-separator, "/");margin:0 2px;color:var(--text-muted);opacity:.45;pointer-events:none}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-md);color:var(--text)}.table thead th{text-align:left;padding:var(--space-4) var(--space-5);background:var(--bg-deep);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.table tbody td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--hover-subtle)}.table-sortable{cursor:pointer}.table-sortable:hover{color:var(--text)}.table-sortable:after{content:"";display:inline-block;width:8px;height:8px;margin-left:4px;opacity:.3;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10'%3E%3Cpath fill='%238888aa' d='M4 0L7 4H1zm0 10L1 6h6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.table-sortable.sort-asc:after,.table-sortable.sort-desc:after{opacity:.85}.table-sortable.sort-asc:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%238888aa' d='M4 0L7 5H1z'/%3E%3C/svg%3E")}.table-sortable.sort-desc:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%238888aa' d='M4 6L1 1h6z'/%3E%3C/svg%3E")}.table.table-compact thead th,.table.table-compact tbody td{padding:var(--space-2) var(--space-4)}.table.table-sticky thead th{position:sticky;top:0;z-index:2;background:var(--bg-deep)}.table tbody tr.is-selected td{background:color-mix(in srgb,var(--accent) 12%,transparent)}.table tbody tr.is-selected:hover td{background:color-mix(in srgb,var(--accent) 18%,transparent)}.table-resizer{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;background:transparent;z-index:1}.table-resizer:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:var(--border);transition:background var(--duration-fast),width var(--duration-fast)}.table-resizer:hover:after,.table-resizing .table-resizer:after{background:var(--accent);width:2px}.table-resizable{position:relative}.table.table-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.94);background:var(--bg-deep);border:1px solid var(--border);color:var(--text);font-size:var(--font-size-xs);font-family:var(--font);white-space:nowrap;padding:4px 8px;pointer-events:none;opacity:0;transition:opacity var(--duration-fast),transform var(--duration-fast);z-index:var(--z-tooltip);line-height:1.4;box-shadow:var(--shadow-card)}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;width:8px;height:8px;background:var(--bg-deep);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:translate(-50%) rotate(45deg);opacity:0;pointer-events:none;z-index:var(--z-tooltip)}[data-tooltip][data-tooltip-visible=true]:after{opacity:1;transform:translate(-50%) scale(1)}[data-tooltip][data-tooltip-visible=true]:before{opacity:1}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=bottom]:after,[data-tooltip-side=bottom]:after{bottom:auto;top:calc(100% + 6px)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=bottom]:before,[data-tooltip-side=bottom]:before{bottom:auto;top:calc(100% + 1px);transform:translate(-50%) rotate(225deg)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=left]:after,[data-tooltip-side=left]:after{bottom:auto;left:auto;right:calc(100% + 6px);top:50%;transform:translateY(-50%) scale(.94)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=left]:before,[data-tooltip-side=left]:before{bottom:auto;left:auto;right:calc(100% + 1px);top:50%;transform:translateY(-50%) rotate(135deg)}[data-tooltip-side=left][data-tooltip-visible=true]:after,[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=left][data-tooltip-visible=true]:after{transform:translateY(-50%) scale(1)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=right]:after,[data-tooltip-side=right]:after{bottom:auto;left:calc(100% + 6px);top:50%;transform:translateY(-50%) scale(.94)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=right]:before,[data-tooltip-side=right]:before{bottom:auto;left:calc(100% + 1px);top:50%;transform:translateY(-50%) rotate(-45deg)}[data-tooltip-side=right][data-tooltip-visible=true]:after,[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=right][data-tooltip-visible=true]:after{transform:translateY(-50%) scale(1)}@media(prefers-reduced-motion:reduce){[data-tooltip]:after{transition:opacity var(--duration-fast)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;color:var(--accent)}.spinner-sm{width:13px;height:13px;border-width:1.5px}.spinner-md{width:18px;height:18px;border-width:2px}.spinner-lg{width:26px;height:26px;border-width:2.5px}.spinner-muted{color:var(--text-muted)}.spinner-inherit{color:inherit}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-color:currentColor;opacity:.4}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton,.skeleton-text,.skeleton-circle{background:var(--border);background-image:linear-gradient(90deg,var(--border) 0px,color-mix(in srgb,var(--text-muted) 18%,var(--border)) 40px,var(--border) 80px);background-size:400px 100%;animation:shimmer 1.4s ease infinite}.skeleton{display:block;min-height:16px}.skeleton-text{display:block;height:12px;border-radius:0}.skeleton-text+.skeleton-text{margin-top:var(--space-3)}.skeleton-circle{width:var(--size, 32px);height:var(--size, 32px);border-radius:50%;display:inline-block}@media(prefers-reduced-motion:reduce){.skeleton,.skeleton-text,.skeleton-circle{animation:none}}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-input);border:1px solid var(--border);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text);cursor:default;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast),background var(--duration-fast)}.chip-accent{background:var(--badge-default-bg);border-color:var(--badge-default-border);color:var(--badge-default-text)}.chip.is-selected{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--text-heading)}.chip:has(.chip-remove):hover{border-color:var(--border-focus)}.chip[aria-disabled=true],.chip.is-disabled{opacity:.45;pointer-events:none}.chip-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:2px;opacity:.65;line-height:1}.chip-remove:hover{opacity:1}.chip-remove svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.list{list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);transition:background var(--duration-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--hover-subtle)}.list-item.is-selected{background:var(--hover-accent-soft);border-color:transparent}.list-item-icon{flex-shrink:0;display:flex;align-items:center;color:var(--text-muted)}.list-item-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.list-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.list-item-text>span:first-child{font-size:var(--font-size-md);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-secondary{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-action{flex-shrink:0}.list-divider{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}.stack{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.stack.gap-1,.row.gap-1{gap:var(--space-1)}.stack.gap-2,.row.gap-2{gap:var(--space-2)}.stack.gap-3,.row.gap-3{gap:var(--space-3)}.stack.gap-4,.row.gap-4{gap:var(--space-4)}.stack.gap-5,.row.gap-5{gap:var(--space-5)}.stack.gap-6,.row.gap-6{gap:var(--space-6)}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.accordion{display:flex;flex-direction:column;border:1px solid var(--border)}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-7);background:var(--bg-section);border:none;color:var(--text);font-size:var(--font-size-md);font-family:var(--font);cursor:pointer;text-align:left;transition:background var(--duration-fast),color var(--duration-fast)}.accordion-trigger:hover{background:var(--hover-subtle);color:var(--text-heading)}.accordion-trigger svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform var(--duration-base)}.accordion-item.is-open .accordion-trigger{color:var(--text-heading)}.accordion-item.is-open .accordion-trigger svg{transform:rotate(180deg)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base);overflow:hidden;background:var(--bg-section)}.accordion-item.is-open .accordion-panel{grid-template-rows:1fr}.accordion-panel>*{min-height:0;overflow:hidden}.accordion-item.is-open .accordion-panel>*{padding:0 var(--space-7) var(--space-7)}@media(prefers-reduced-motion:reduce){.accordion-panel{transition:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-bg);z-index:var(--z-drawer);display:flex;pointer-events:none;opacity:0;transition:opacity var(--duration-base)}.drawer-backdrop.is-open{pointer-events:auto;opacity:1}.drawer{position:fixed;top:0;bottom:0;width:var(--drawer-width, 320px);background:var(--surface-raised-overlay),var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;z-index:calc(var(--z-drawer) + 1);transform:translate(-100%);transition:transform var(--duration-base)}.drawer-right{right:0;left:auto;transform:translate(100%)}.drawer-left{left:0}.drawer.is-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border);flex-shrink:0}.drawer-header h2,.drawer-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-heading)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-7)}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-7);border-top:1px solid var(--border);flex-shrink:0}@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}.pagination{display:flex;align-items:center;gap:4px}.page-btn{min-width:30px;height:28px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.page-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.page-btn:hover{border-color:var(--border-focus);color:var(--text-heading)}.page-btn.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--text-heading)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;color:var(--text-muted);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.stepper{display:flex;align-items:flex-start;gap:0}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:var(--border);transition:background var(--duration-base)}.step.step-complete:not(:last-child):after{background:var(--accent)}.step-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);transition:background var(--duration-base),border-color var(--duration-base),color var(--duration-base);flex-shrink:0}.step-indicator svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step.step-active .step-indicator{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.step.step-complete .step-indicator{background:var(--accent);border-color:var(--accent);color:#fff}.step.step-error .step-indicator{background:var(--badge-error-bg);border-color:var(--error);color:var(--error)}.step-label{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.3;transition:color var(--duration-base)}.step.step-active .step-label{color:var(--text-heading);font-weight:600}.step.step-complete .step-label{color:var(--text)}.step.step-error .step-label{color:var(--error)}.step-description{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px;line-height:1.3}.stepper.stepper-vertical{flex-direction:column;align-items:flex-start;gap:0}.stepper.stepper-vertical .step{flex-direction:row;align-items:flex-start;flex:unset;width:100%}.stepper.stepper-vertical .step:not(:last-child):after{content:"";position:absolute;top:28px;left:13px;width:1px;height:calc(100% - 28px);right:unset;background:var(--border);transition:background var(--duration-base)}.stepper.stepper-vertical .step.step-complete:not(:last-child):after{background:var(--accent)}.stepper.stepper-vertical .step-content{display:flex;flex-direction:column;margin-left:var(--space-4);padding-bottom:var(--space-6)}.stepper.stepper-vertical .step-label{margin-top:0;text-align:left}.popover{position:absolute;background:var(--surface-raised-overlay),var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-modal);z-index:var(--z-dropdown);min-width:200px;padding:var(--space-5);opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98);transition:opacity var(--duration-fast),transform var(--duration-fast)}.popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.toast-action{margin-left:var(--space-4);padding:0;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.custom-select{position:relative;display:flex;flex-direction:column;gap:var(--space-3);align-self:start}.custom-select-native{position:static}.custom-select .custom-select-trigger,.custom-select .custom-select-list{display:none}.custom-select.is-enhanced .custom-select-native{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.custom-select-trigger{width:100%;justify-content:space-between}.custom-select-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);max-height:260px;overflow:auto;background:var(--surface-raised-overlay),var(--bg-section);border:1px solid var(--border);box-shadow:var(--elevation-3);padding:var(--space-3);gap:var(--space-2)}.custom-select.is-open .custom-select-list{display:flex;flex-direction:column}.custom-select.is-enhanced .custom-select-trigger{display:inline-flex}.custom-select-search{position:sticky;top:0;z-index:1}.custom-select-group{display:flex;flex-direction:column;gap:2px}.custom-select-group-label{padding:4px 8px;color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.custom-select-option[hidden]{display:none}.custom-select-option{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;background:transparent;border:1px solid transparent;color:var(--text);text-align:left;cursor:pointer}.custom-select-option:hover,.custom-select-option.is-active,.custom-select-option.is-selected{background:var(--hover-subtle);border-color:var(--border)}.custom-select-option-icon{display:inline-flex;align-items:center;color:var(--text-muted)}.custom-select-option-icon svg{width:14px;height:14px}.transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:stretch}.transfer-list-column{border:1px solid var(--border);min-height:180px;padding:var(--space-3)}.transfer-list-items{display:flex;flex-direction:column;gap:4px}.transfer-list-item{padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);text-align:left}.transfer-list-item.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.transfer-list-actions{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.rating{display:inline-flex;align-items:center;gap:4px}.rating-star{padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer}.rating-star svg{width:20px;height:20px;fill:none;stroke:currentColor}.rating-star.is-active{color:var(--warning)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:var(--font-size-xs)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px}.avatar-md{width:32px;height:32px}.avatar-lg{width:48px;height:48px}.tree{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.tree-item{display:flex;flex-direction:column;gap:4px}.tree-row{display:flex;align-items:center;gap:var(--space-2);padding-left:calc(var(--tree-depth, 0) * 16px)}.tree-check,.tree-row .status-indicator{flex-shrink:0}.tree--dot-right .tree-row .status-indicator{margin-left:auto}.tree--dot-left .tree-row{position:relative;padding-left:calc(var(--space-8) + var(--tree-depth, 0) * 16px)}.tree--dot-left .tree-row .status-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%)}.tree-toggle,.tree-leaf{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 6px;background:transparent;border:1px solid transparent;color:var(--text);cursor:pointer;text-align:left}.tree-toggle svg,.tree-leaf svg{width:14px;height:14px}.tree-item>.tree-branch{display:none}.tree-item.is-open>.tree-branch{display:flex;flex-direction:column;gap:4px}.context-menu{position:fixed;min-width:220px;z-index:var(--z-tooltip)}.skip-link{position:absolute;top:0;left:0;transform:translateY(-120%);padding:8px 12px;background:var(--accent);color:#fff;text-decoration:none;z-index:var(--z-overlay)}.skip-link:focus{transform:translateY(0)}.token-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.token-panel label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.elevation-sample{min-height:72px}.hide-above-md,.hide-above-lg{display:none}@media(max-width:760px){.hide-below-md{display:none!important}.hide-above-md{display:initial}}@media(max-width:1100px){.hide-below-lg{display:none!important}.hide-above-lg{display:initial}}.popover-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-heading);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}@media(prefers-reduced-motion:reduce){.popover{transition:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{--duration-fast: .01s !important;--duration-base: .01s !important;--duration-slow: .01s !important;animation:none!important;transition-duration:.01s!important}}@media(max-width:1100px){.editor-workspace{grid-template-columns:1fr}.pane-resizer{display:none}.stat-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:0 12px 12px}.window-frame-row{align-items:flex-start;flex-direction:column}.top-tabs{flex-wrap:wrap}.language-grid{grid-template-columns:1fr}.app-toast{left:12px;right:12px;bottom:12px;max-width:none}.demo-grid{grid-template-columns:1fr}}.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--duration-fast)}.link:hover{color:var(--accent-hover)}.link-muted{color:var(--text-muted)}.link-muted:hover{color:var(--text)}.link-inherit{color:inherit}.link-inherit:hover{color:var(--accent)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-5);position:relative}.timeline-item:not(:last-child){padding-bottom:var(--space-8)}.timeline-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0;z-index:1;margin-top:3px}.timeline-dot.success{background:var(--success)}.timeline-dot.warning{background:var(--warning)}.timeline-dot.error{background:var(--error)}.timeline-dot.muted{background:var(--text-muted)}.timeline-connector{width:2px;flex:1;background:var(--border);margin-top:var(--space-2)}.timeline-item:last-child .timeline-connector{display:none}.timeline-content{flex:1;padding-bottom:var(--space-2)}.timeline-label{font-size:var(--font-size-md);color:var(--text-muted);margin-bottom:var(--space-2)}.timeline-title{font-weight:600;color:var(--text-heading);margin-bottom:var(--space-2)}.timeline-body{font-size:var(--font-size-md);color:var(--text);line-height:1.5}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-full{grid-row:1 / -1}.grid-gap-sm{gap:var(--space-3)}.grid-gap-md{gap:var(--space-5)}.grid-gap-lg{gap:var(--space-7)}@media(max-width:768px){.md-cols-1{grid-template-columns:repeat(1,1fr)}.md-cols-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sm-cols-1{grid-template-columns:repeat(1,1fr)}}.input-wrap{position:relative;display:flex;align-items:stretch}.input-wrap input{width:100%;min-width:0}.input-wrap-start input{padding-left:36px}.input-wrap-end input{padding-right:36px}.input-wrap-both input{padding-left:36px;padding-right:36px}.input-adornment{position:absolute;top:0;bottom:0;width:34px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.input-adornment-start{left:0}.input-adornment-end{right:0}.input-adornment svg{width:14px;height:14px}.input-adornment button,.input-adornment a{pointer-events:auto;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.input-adornment button:hover{color:var(--text)}.field-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2);line-height:1.4}.field.is-error .field-hint{color:var(--error)}.field.is-success .field-hint{color:var(--success)}.field.is-error input,.field.is-error select,.field.is-error textarea{border-color:var(--error);outline-color:var(--error)}.field.is-error input:focus,.field.is-error select:focus,.field.is-error textarea:focus{border-color:var(--error);box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 20%,transparent)}.field.is-success input,.field.is-success select,.field.is-success textarea{border-color:var(--success)}.text-field{position:relative;display:flex;flex-direction:column}.text-field input,.text-field textarea{padding:20px 12px 6px}.text-field label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:var(--font-size-md);color:var(--text-muted);pointer-events:none;transition:top var(--duration-fast),font-size var(--duration-fast),color var(--duration-fast),transform var(--duration-fast);transform-origin:left top;white-space:nowrap}.text-field textarea~label,.text-field:has(textarea) label{top:14px;transform:none}.text-field:focus-within label,.text-field.has-value label{top:6px;transform:translateY(0) scale(.78);color:var(--border-focus)}.text-field textarea:focus~label,.text-field.has-value:has(textarea) label{top:6px;transform:translateY(0) scale(.78)}.text-field .field-hint{position:absolute;top:100%;left:0;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.text-field:has(.field-hint){margin-bottom:calc(var(--font-size-xs) * 1.4 + var(--space-2))}.text-field.is-error .field-hint{color:var(--error)}.text-field.is-success .field-hint{color:var(--success)}.text-field.is-error input,.text-field.is-error textarea{border-color:var(--error);outline-color:var(--error)}.text-field.is-error input:focus,.text-field.is-error textarea:focus{border-color:var(--error);box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 20%,transparent)}.text-field.is-success input,.text-field.is-success textarea{border-color:var(--success)}.text-field.is-error:focus-within label,.text-field.is-error.has-value label{color:var(--error)}.text-field.is-success:focus-within label,.text-field.is-success.has-value label{color:var(--success)}.multi-select-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-height:24px}.multi-select-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--bg-input);border:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text);line-height:1.4;max-width:120px}.multi-select-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-chip-remove{background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;flex-shrink:0;line-height:1;font-size:14px}.multi-select-chip-remove:hover{color:var(--error)}.multi-select-placeholder{color:var(--text-muted);font-size:var(--font-size-md)}.multi-select-clear{margin-left:auto;background:transparent;border:none;padding:0 var(--space-2);cursor:pointer;color:var(--text-muted);font-size:16px;line-height:1;flex-shrink:0}.multi-select-clear:hover{color:var(--text)}.custom-select-option .custom-select-option-check{width:14px;height:14px;border:1px solid var(--border);margin-right:var(--space-2);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.custom-select-option.is-selected .custom-select-option-check:after{content:"";width:8px;height:8px;background:var(--accent);display:block}.toast-region{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;max-width:min(360px,calc(100vw - 32px))}.toast-region .app-toast{position:static;max-width:none}.toast-close{background:transparent;border:none;padding:0 0 0 var(--space-3);color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.toast-close:hover{color:var(--text)}.date-picker-popover{position:absolute;z-index:var(--z-dropdown);background:var(--surface-raised-overlay, var(--bg-section));border:1px solid var(--border);box-shadow:var(--elevation-3, var(--shadow-card));padding:var(--space-4);width:260px;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast),transform var(--duration-fast);pointer-events:none}.date-picker-popover.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.date-picker-title,.date-picker-month-label{font-weight:600;font-size:var(--font-size-md);color:var(--text-heading)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-row{display:contents}.date-picker-dow,.date-picker-weekday{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-2) 0;font-weight:600}.date-picker-cell{text-align:center;font-size:var(--font-size-md);padding:5px 2px;background:transparent;border:1px solid transparent;color:var(--text);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.date-picker-cell:hover:not(:disabled):not(.date-picker-empty){background:var(--hover-subtle, var(--bg-input));border-color:var(--border)}.date-picker-cell.is-today{border-color:var(--border-focus);color:var(--accent)}.date-picker-cell.is-selected{background:var(--accent);border-color:var(--accent);color:#fff}.date-picker-cell.is-selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.date-picker-cell.is-disabled,.date-picker-cell:disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.date-picker-cell.date-picker-empty{cursor:default;pointer-events:none}.date-picker-footer{margin-top:var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-4)}.date-picker-cell.is-range-start{background:var(--accent);border-color:var(--accent);color:#fff}.date-picker-cell.is-range-start:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.date-picker-cell.is-range-end{background:var(--accent);border-color:var(--accent);color:#fff}.date-picker-cell.is-range-end:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.date-picker-cell.is-in-range{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.date-picker-cell.is-in-range:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 30%,transparent)}.date-picker-cell.is-in-range.is-today{color:var(--accent)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);border:2px dashed var(--border);background:var(--bg-section);color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast);-webkit-user-select:none;user-select:none}.drop-zone:hover{border-color:var(--border-focus);color:var(--text)}.drop-zone.is-dragging-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-section));color:var(--text-heading)}.drop-zone svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.drop-zone p{margin:0;font-size:var(--font-size-md);line-height:1.5}.drop-zone-hint{font-size:var(--font-size-xs);color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.drop-zone{transition:none}}.textarea-field{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-field textarea{resize:none;box-sizing:border-box}.textarea-count{font-size:var(--font-size-xs);color:var(--text-muted);align-self:flex-end;-webkit-user-select:none;user-select:none}.textarea-count.is-near-limit{color:var(--warning)}.textarea-count.is-at-limit{color:var(--error)}