:root,[data-theme=studio]{--kit-purple-500:#6c63ff;--kit-purple-400:#7c73ff;--kit-purple-300:#8f87ff;--kit-purple-200:#b8b4ff;--kit-green-400:#4ade80;--kit-green-300:#34d399;--kit-amber-400:#fbbf24;--kit-amber-300:#f59e0b;--kit-red-400:#f87171;--kit-red-500:#ef4444;--kit-blue-400:#60a5fa;--kit-blue-300:#7dd3fc;--kit-cyan-400:#22d3ee;--kit-pink-400:#f472b6;--bg:#0d1324;--bg-section:#16213e;--bg-input:#0f1729;--bg-deep:#0b1020;--border:#2a2a4a;--border-focus:#6c63ff;--border-subtle:#ffffff0d;--focus-ring:0 0 0 2px var(--border-focus);--text:#e0e0e0;--text-muted:#88a;--text-heading:#fff;--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 #04081273;--shadow-modal:0 20px 45px #04081294;--shadow-toast:0 18px 45px #00000061;--shadow-inset:inset 0 1px 0 #ffffff0a;--shadow-empty-state:0 18px 45px #00000047;--elevation-1:0 2px 6px #04081247;--elevation-2:var(--shadow-card);--elevation-3:0 8px 20px #04081280;--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%, #6c63ff29, transparent 55%), radial-gradient(90% 60% at 100% 100%, #22c55e14, transparent 60%);--selection-bg:#6c63ff59;--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, #ffffff05, #fff0);--surface-interactive-overlay:linear-gradient(180deg, #ffffff08, #fff0);--top-tab-bg:linear-gradient(180deg, #ffffff08, #fff0), #0f1729e0;--top-tab-active-bg:linear-gradient(180deg, #6c63ff33, #6c63ff14), #0f1729eb;--top-tab-active-border:#6c63ff94;--document-tab-bg:#0c1222e0;--document-tab-close-bg:#ffffff14;--document-tab-close-bg-hover:#ffffff29;--hover-subtle:#6c63ff14;--hover-accent-soft:#6c63ff1a;--badge-default-bg:#6c63ff26;--badge-default-text:var(--kit-purple-300);--badge-default-border:#6c63ff4d;--badge-beta-bg:#f59e0b26;--badge-beta-border:#f59e0b4d;--badge-success-bg:#4ade801f;--badge-success-border:#4ade8047;--badge-error-bg:#f871711f;--badge-error-border:#f8717147;--badge-warning-bg:#fbbf241f;--badge-warning-border:#fbbf2447;--toast-bg:linear-gradient(180deg, #ffffff12, #ffffff03), #090d18f5;--toast-success-border:#4ade8059;--toast-success-text:#d9ffe8;--toast-error-border:#f8717173;--toast-error-text:#ffd7d7;--toast-info-border:#60a5fa66;--toast-info-text:#dbeeff;--modal-backdrop-bg:#080c18c2;--editor-status-bg:#0b1020b8;--editor-status-border:#ffffff0d;--stat-card-bg:#0c1222cc;--stat-card-border:#ffffff0a;--empty-state-card-bg:#0b1020b8;--empty-state-card-border:#6c63ff38;--range-thumb-focus-ring:#6c63ff66;--range-thumb-drag-ring:#6c63ff40;--wave-panel-border:#6c63ff40;--wave-panel-bg:linear-gradient(180deg, #070b15f2, #0d121ff2);--wave-canvas-bg:#0a0e1acc;--overlay-pill-bg:#141428eb;--overlay-pill-border:#6c63ff66;--overlay-hud-color:#bec3e1c7;--overlay-transcript-color:#c8c8dc99;--demo-swatch-border:#ffffff0f;--demo-swatch-text:#ffffffb3;--demo-swatch-text-shadow:0 1px 2px #0009;--demo-radius-box-bg:#6c63ff2e;--demo-radius-box-border:#6c63ff59;--scrollbar-thumb:linear-gradient(180deg, #7c73ffe0, #5951dcdb);--scrollbar-thumb-hover:linear-gradient(180deg, #8f87fff2, #6b62eaeb);--scrollbar-track:#0a0e1a6b;--scrollbar-thumb-color:#6c63ff73;--scrollbar-track-color:#0a0e1a6b;--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:#ffffff14;--text:#d4d4d4;--text-muted:#858585;--text-heading:#fff;--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 #0000005c;--shadow-modal:0 20px 45px #00000080;--shadow-toast:0 18px 45px #00000052;--shadow-empty-state:none;--elevation-1:0 2px 6px #00000038;--elevation-2:var(--shadow-card);--elevation-3:0 8px 20px #00000061;--elevation-4:var(--shadow-modal);--elevation-5:var(--shadow-toast);--body-bg:var(--bg);--body-bg-image:none;--selection-bg:#007acc59;--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, #ffffff06, #fff0);--surface-interactive-overlay:linear-gradient(180deg, #ffffff06, #fff0);--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:#ffffff14;--document-tab-close-bg-hover:#ffffff29;--hover-subtle:#ffffff12;--hover-accent-soft:#ffffff12;--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, #ffffff09, #fff0), 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:#0000008c;--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);--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:#181818cc;--overlay-pill-bg:#1e1e1eeb;--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:#ffffff14;--demo-swatch-text:#ffffffd1;--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, #007accbf, #0064b4b3);--scrollbar-thumb-hover:linear-gradient(180deg, #1a8ad4e6, #007accd9);--scrollbar-track:#18181899;--scrollbar-thumb-color:#007acc80;--scrollbar-track-color:#18181899;--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:#fff;--bg-input:#ececec;--bg-deep:#e8e8e8;--border:#cecece;--border-focus:#0078d4;--border-subtle:#00000014;--text:#3b3b3b;--text-muted:#717171;--text-heading:#1e1e1e;--text-subtle:#0451a5;--accent:#0078d4;--accent-hover:#006cbf;--success:green;--warning:#8a6800;--error:#cd3131;--badge-default:#0078d4;--badge-beta:#8a6800;--shadow-card:0 10px 20px #00000014;--shadow-modal:0 18px 32px #00000024;--shadow-toast:0 14px 26px #0000001f;--shadow-empty-state:none;--elevation-1:0 2px 6px #0000000f;--elevation-2:var(--shadow-card);--elevation-3:0 8px 20px #0000001a;--elevation-4:var(--shadow-modal);--elevation-5:var(--shadow-toast);--body-bg:var(--bg);--body-bg-image:none;--selection-bg:#0078d440;--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, #ffffffb8, #fff0);--surface-interactive-overlay:linear-gradient(180deg, #ffffff8c, #fff0);--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:#00000014;--document-tab-close-bg-hover:#00000024;--hover-subtle:#0000000f;--hover-accent-soft:#0078d41a;--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, #ffffffb8, #ffffff38), 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:#1e1e1e33;--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);--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:#0000000a;--overlay-pill-bg:#fffffff0;--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:#00000014;--demo-swatch-text:#000000b8;--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, #0078d48c, #0064be80);--scrollbar-thumb-hover:linear-gradient(180deg, #0078d4cc, #0064bebf);--scrollbar-track:#c8c8c880;--scrollbar-thumb-color:#0078d480;--scrollbar-track-color:#c8c8c880;--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}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);margin:0;padding:0}::-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);-webkit-user-select:none;user-select:none;line-height:1.5}button,input,select{font:inherit}:focus-visible{box-shadow:var(--focus-ring);outline-offset:2px;outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::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);color:var(--text);font-family:var(--font-mono);transition:border-color var(--duration-base);border-radius:0;outline:none;width:100%;padding:8px 12px}input:-webkit-autofill{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:hover{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:focus{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:active{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}input:focus,select:focus{border-color:var(--border-focus)}select{cursor:pointer;appearance:none;background-image:var(--select-chevron-icon);background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input[type=radio],input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--_pct,0%), var(--border) var(--_pct,0%));cursor:pointer;border:none;outline:none;width:100%;height:3px;padding:0}input[type=range]::-webkit-slider-runnable-track{height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg);cursor:grab;width:13px;height:13px;transition:background var(--duration-fast);margin-top:-5px}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--accent-hover)}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);cursor:grab;border-radius:0;width:13px;height:13px}input[type=range]::-moz-range-track{background:var(--border);height:3px}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}.overlay-base html,.overlay-base body{background:0 0;overflow:hidden}.app-shell{flex-direction:column;gap:14px;min-height:100vh;padding:0 20px 20px;display:flex}.window-frame-row{app-region:drag;-webkit-app-region:drag;align-items:flex-end;gap:8px;min-height:54px;padding-top:10px;display:flex}.window-title-wrap{flex:1;padding:0 4px}.window-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:15px;font-weight:600}.window-subtitle{color:var(--text-subtle);font-size:var(--font-size-md);margin-top:2px}.window-actions{app-region:no-drag;-webkit-app-region:no-drag;gap:6px;display:flex}.window-action-btn{justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;display:inline-flex}.icon-btn,.secondary-btn,.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);color:var(--text-muted);border-radius:0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:16px;line-height:1;display:inline-flex}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.icon-btn-sm{width:26px;height:26px;padding:0}.icon-btn-md{width:32px;height:32px;padding:0}.icon-btn-lg{width:40px;height:40px;padding:0}.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);color:var(--text);font-size:var(--font-size-md);font-family:var(--font-mono);border-radius:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.secondary-btn svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:13px;height:13px}.slim-btn{min-width:34px;padding:6px 10px}.help-btn{border-radius:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.modal-close-btn{justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;display:inline-flex}.icon-btn:hover,.secondary-btn: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:#0000!important}.secondary-btn.is-loading>*,.icon-btn.is-loading>*{opacity:0}.secondary-btn.is-loading:after,.icon-btn.is-loading:after{content:"";border:1.5px solid color-mix(in srgb, var(--text-muted) 30%, transparent);border-top-color:var(--text-muted);border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.secondary-btn.is-loading:after,.icon-btn.is-loading:after{opacity:.4;animation:none}}.top-tabs{background:var(--bg-deep);border:1px solid var(--border);app-region:no-drag;-webkit-app-region:no-drag;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.top-tab{font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.top-tab:hover{color:var(--text)}.top-tab.is-active{background:var(--accent);color:#fff}.top-tab svg{flex-shrink:0;width:13px;height:13px}.tab-panel{flex:1;min-height:0;display:none}.tab-panel.is-active{display:block}.settings-section,.mini-panel{background:var(--surface-raised-overlay), var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-inset), var(--shadow-card);border-radius:0}.settings-section{padding:var(--space-7);gap:var(--space-4);flex-direction:column;display:flex}.mini-panel{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.settings-section h2,.mini-panel h3,.mini-panel h4{font-size:var(--font-size-base);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.section-heading-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.toolbar-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:0;padding:1px 6px;font-weight:600;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{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.status-indicator{font-size:var(--font-size-md);align-items:center;gap:6px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.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);font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-heading);text-align:center;border-radius:0;min-width:28px;padding:3px 8px}.number-input{align-items:stretch;display:inline-flex}.number-input input[type=number]{text-align:center;-moz-appearance:textfield;border-left:none;border-right:none;width:56px;height:26px;padding:0 6px}.number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input .icon-btn-sm{flex-shrink:0}.field{align-items:center;gap:8px;display:flex}.field-block{color:var(--text-muted);font-size:var(--font-size-md);flex-direction:column;gap:6px;display:flex}.field-block label{font-size:var(--font-size-md);color:var(--text-muted)}.inline-field{color:var(--text-muted);align-items:center;gap:8px;padding-left:32px;font-size:13px;display:flex}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.language-field{flex-direction:column;gap:6px;display:flex}.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{flex-direction:column;gap:8px;display:flex}.radio-label,.checkbox-label{cursor:pointer;transition:background var(--duration-fast);border-radius:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.radio-label:hover,.checkbox-label:hover{background:var(--hover-subtle)}.app-toast{z-index:var(--z-toast);border:1px solid var(--toast-success-border);background:var(--toast-bg);max-width:min(360px,100vw - 32px);color:var(--toast-success-text);box-shadow:var(--shadow-toast);font-size:var(--font-size-md);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard);border-radius:0;padding:12px 14px;line-height:1.45;position:fixed;bottom:20px;left:20px;transform:translateY(12px)}.app-toast.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.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{background:var(--modal-backdrop-bg);z-index:var(--z-modal);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal-backdrop.modal-backdrop--none{pointer-events:none;background:0 0}.modal-backdrop.modal-backdrop--none .modal-card{pointer-events:auto}.modal-card{border:1px solid var(--border);background:var(--surface-interactive-overlay), var(--bg-section);width:min(420px,100%);box-shadow:var(--shadow-modal);-webkit-user-select:text;user-select:text;border-radius:0;padding:14px}.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{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.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);margin:0 0 4px;line-height:1.5}.modal-list{color:var(--text);line-height:1.4;font-size:var(--font-size-base);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.modal-btn-accept{background:var(--accent);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:0;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:opacity .15s;display:inline-flex}.modal-btn-accept:hover{opacity:.88}.modal-btn-accept.danger{background:var(--error)}.document-tabs{flex-wrap:wrap;gap:8px;display:flex}.document-tab-wrap{align-items:center;gap:6px;display:inline-flex}.document-tab{background:var(--document-tab-bg);color:var(--text-muted);font-size:var(--font-size-base);border-radius:0;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.document-tab-dirty{background:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #fbbf2485}.document-tab.is-active{background:var(--top-tab-active-bg);color:var(--text-heading);border-color:var(--top-tab-active-border)}.document-tab-close{background:var(--document-tab-close-bg);width:18px;height:18px;color:inherit;cursor:pointer;transition:background var(--duration-fast);border:0;border-radius:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.document-tab-close:hover{background:var(--document-tab-close-bg-hover)}.editor-workspace{grid-template-columns:var(--left-panel-width,220px) 8px minmax(0, 1fr) 8px var(--right-panel-width,260px);flex:1;gap:12px;min-height:0;display:grid}.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{min-width:0;transition:opacity var(--duration-base);flex-direction:column;gap:12px;display:flex;overflow:hidden}.editor-workspace.left-collapsed .editor-tools-pane,.editor-workspace.right-collapsed .editor-sidebar-pane{opacity:0;pointer-events:none}.pane-resizer{background:color-mix(in srgb, var(--border) 18%, transparent);cursor:col-resize;width:5px;transition:background var(--duration-fast);border:none;border-radius:0}.pane-resizer-h{background:color-mix(in srgb, var(--border) 18%, transparent);cursor:ns-resize;width:100%;height:5px;transition:background var(--duration-fast);border:none;border-radius:0}.pane-resizer-h:hover{background:var(--accent)}.editor-workspace.left-collapsed #left-pane-resizer,.editor-workspace.right-collapsed #right-pane-resizer{opacity:.35}.editor-canvas-pane{flex-direction:column;gap:12px;min-width:0;display:flex}.editor-status-bar{background:var(--editor-status-bg);border:1px solid var(--editor-status-border);font-size:var(--font-size-md);color:var(--text-muted);border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.compact-list{color:var(--text);font-size:var(--font-size-base);flex-direction:column;gap:6px;padding-left:18px;display:flex}.stack-actions{flex-wrap:wrap;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-card{background:var(--stat-card-bg);border:1px solid var(--stat-card-border);border-radius:0;flex-direction:column;gap:4px;padding:10px;display:flex}.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{place-items:center;min-height:180px;display:grid}.empty-state[hidden]{display:none}.empty-state-card{text-align:center;background:var(--empty-state-card-bg);border:1px solid var(--empty-state-card-border);width:min(420px,100%);box-shadow:var(--shadow-empty-state);border-radius:0;flex-direction:column;gap:12px;padding:22px;display:flex}.empty-state-card .badge{align-self:center}.wave-panel{border:1px solid var(--wave-panel-border);background:var(--wave-panel-bg);border-radius:0;position:relative;overflow:hidden}.wave-canvas-wrap{background:var(--wave-canvas-bg);width:100%;overflow:hidden}.wave-canvas-wrap canvas{width:100%;display:block}.wave-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.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{background:var(--overlay-pill-bg);border:1px solid var(--overlay-pill-border);box-shadow:none;cursor:move;-webkit-user-select:none;user-select:none;app-region:drag;-webkit-app-region:drag;border-radius:0;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px 10px;display:inline-flex}.overlay-main-row{justify-content:center;align-items:center;gap:10px;min-width:170px;display:flex}.recording-dot{background:var(--error);width:10px;height:10px;box-shadow:0 0 8px var(--error);border-radius:50%;flex-shrink:0;animation:1.2s ease-in-out infinite recording-pulse}.recording-dot.loading{background:var(--warning);animation-duration:1.5s;box-shadow:0 0 10px #fbbf24e6}.recording-dot.listening{background:var(--error);box-shadow:0 0 8px var(--error)}.recording-dot.transcribing{background:var(--kit-blue-400);animation-duration:1.1s;box-shadow:0 0 10px #60a5fae6}.recording-dot.correcting{background:var(--kit-green-300);animation-duration:1.4s;box-shadow:0 0 10px #34d399e6}.recording-dot.done{background:var(--success);animation:none;box-shadow:0 0 8px #4ade80d9}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.overlay-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500}.overlay-timer{font-size:var(--font-size-md);font-family:var(--font-mono);color:var(--text-muted);text-align:right;width:40px}.overlay-wave-wrap{background:0 0;border-radius:0;width:100%;height:28px}.overlay-wave-wrap canvas{width:100%;height:100%;display:block}.overlay-hud{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--overlay-hud-color);letter-spacing:.02em;text-transform:uppercase;justify-content:center;gap:10px;display:flex}.overlay-transcript{font-size:var(--font-size-sm);color:var(--overlay-transcript-color);text-align:center;max-height:0;transition:max-height var(--duration-slow) var(--easing-standard);white-space:nowrap;text-overflow:ellipsis;padding:0 16px;overflow:hidden}.overlay-transcript.visible{max-height:24px}.demo-section{flex-direction:column;gap:20px;display:flex}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.demo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.demo-swatch{border:1px solid var(--demo-swatch-border);border-radius:0;align-items:flex-end;height:52px;padding:6px 8px;display:flex}.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{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.demo-radius-box{background:var(--demo-radius-box-bg);border:1px solid var(--demo-radius-box-border);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.demo-radius-box span{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.demo-type-scale{flex-direction:column;gap:8px;display:flex}.demo-type-row{align-items:baseline;gap:14px;display:flex}.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{z-index:200;align-items:center;gap:2px;display:flex;position:relative}.nav-item{position:relative}.nav-trigger{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);background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:5px;padding:6px 10px;display:flex}.nav-trigger:hover,.nav-trigger.is-open{background:var(--bg-input);border-color:var(--border);color:var(--text-heading)}.nav-trigger svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;width:12px;height:12px;transition:transform var(--duration-fast), opacity var(--duration-fast);flex-shrink:0}.nav-trigger.is-open svg{opacity:1;transform:rotate(180deg)}.nav-dropdown{background:var(--surface-interactive-overlay), var(--bg-section);border:1px solid var(--border);min-width:210px;box-shadow:var(--shadow-modal);z-index:var(--z-dropdown);opacity:0;pointer-events:none;transition:opacity var(--duration-fast), transform var(--duration-fast);transform-origin:0 0;border-radius:0;padding:4px;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(-4px)scale(.98)}.nav-dropdown.is-open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.nav-option{width:100%;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);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:7px 10px;display:flex;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{opacity:.65;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.nav-option-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.nav-option-label{flex:1}.nav-option-shortcut{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;padding-left:20px}.nav-option-arrow{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;margin-left:auto;display:flex}.nav-option-arrow svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.nav-divider{background:var(--border);height:1px;margin:4px 6px}.nav-option--has-sub{position:relative}.nav-submenu{background:var(--surface-interactive-overlay), var(--bg-section);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow-modal);z-index:var(--z-tooltip);opacity:0;pointer-events:none;transition:opacity var(--duration-fast), transform var(--duration-fast);transform-origin:0 0;border-radius:0;padding:4px;position:absolute;top:-4px;left:calc(100% + 4px);transform:translate(-4px)scale(.98)}.nav-option--has-sub:hover>.nav-submenu,.nav-option--has-sub.is-sub-open>.nav-submenu{opacity:1;pointer-events:all;transform:translate(0)scale(1)}.range-slider{--range-track-h:3px;--range-thumb-size:13px;-webkit-user-select:none;user-select:none;padding:6px 0}.range-track{height:var(--range-track-h);background:var(--border);cursor:pointer;position:relative}.range-fill,.range-fill-end{background:var(--accent);pointer-events:none;height:100%;position:absolute;top:0}.range-thumb{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;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-thumb:hover{background:var(--accent-hover)}.range-thumb:focus-visible{box-shadow:0 0 0 3px var(--range-thumb-focus-ring);outline:none}.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{font-size:var(--font-size-xs,11px);color:var(--text-muted);pointer-events:none;justify-content:space-between;margin-top:8px;display:flex}.slider{--slider-track-h:3px;--slider-thumb-size:13px;-webkit-user-select:none;user-select:none;padding:6px 0}.slider-track{height:var(--slider-track-h);background:var(--border);cursor:pointer;position:relative}.slider-fill{background:var(--accent);pointer-events:none;height:100%;position:absolute;top:0;left:0}.slider-thumb{width:var(--slider-thumb-size);height:var(--slider-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;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.slider-thumb:hover{background:var(--accent-hover)}.slider-thumb:focus-visible{box-shadow:0 0 0 3px var(--range-thumb-focus-ring);outline:none}.slider-thumb.is-dragging,.slider-thumb:active{cursor:grabbing;background:var(--accent-hover);box-shadow:0 0 0 4px var(--range-thumb-drag-ring)}.slider--vertical{justify-content:center;height:100%;padding:0 6px;display:inline-flex}.slider--vertical .slider-track{width:var(--slider-track-h);height:100%;min-height:40px}.slider--vertical .slider-fill{width:100%;height:0%;top:auto;bottom:0;left:0}.slider--vertical .slider-thumb{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.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);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);box-shadow:inset 0 1px 0 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;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.radial-control:before{content:"";border:1px solid color-mix(in srgb, var(--radial-control-track-color) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-heading) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:11px}.radial-control:hover{border-color:color-mix(in srgb, var(--radial-control-edge) 58%, var(--radial-control-fill-color));box-shadow:inset 0 1px 0 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{box-shadow:inset 0 1px 0 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);outline:none}.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{letter-spacing:.1em;font-size:10px}.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:8px;opacity:.82}.radial-control-fill{stroke:var(--radial-control-fill-color);stroke-width:5.5px;filter:none}.radial-control-pointer{stroke:var(--radial-control-pointer-color);stroke-width:2.25px;opacity:.92}.radial-control-thumb{fill:var(--radial-control-thumb-fill);stroke:var(--radial-control-thumb-stroke);stroke-width:2px;filter:none}.radial-control-readout{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.radial-control-value{color:var(--radial-control-label-color);font-size:var(--font-size-xl);text-shadow:0 1px 0 color-mix(in srgb, var(--bg) 55%, transparent);font-weight:700;line-height:1}.radial-control-caption{color:var(--radial-control-caption-color);font-size:var(--font-size-xs,11px);text-transform:uppercase;letter-spacing:.12em}.search-field{background:var(--bg-input);border:1px solid var(--border);transition:border-color var(--duration-fast);align-items:center;display:inline-flex;position:relative}.search-field:focus-within{border-color:var(--accent)}.search-field-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:9px}.search-field-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.search-field input{min-width:0;color:var(--text);font-size:var(--font-size-sm);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;width:100%;padding:7px 10px 7px 32px}.search-field input::placeholder{color:var(--text-muted)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-suggestions{background:var(--surface-interactive-overlay), var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-modal);z-index:400;flex-direction:column;max-height:240px;padding:4px;display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.search-suggestions.is-open{display:flex}.search-suggestion{width:100%;color:var(--text);font-size:var(--font-size-sm);font-family:var(--font);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;padding:6px 10px;display:block;overflow:hidden}.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);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow:hidden auto}.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{color:var(--text-muted);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);background:0 0;border:1px solid #0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px;display:flex}.icon-gallery-cell:hover{border-color:var(--border);background:var(--bg-input);color:var(--text-heading)}.icon-gallery-cell svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-gallery-cell span{font-size:9px;font-family:var(--font-mono);text-align:center;word-break:break-all;color:inherit;line-height:1.2}.primary-btn{background:var(--accent);color:#fff;font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;transition:background var(--duration-base), transform var(--duration-fast);border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.primary-btn svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:13px;height:13px}.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);color:#fff;font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;transition:filter var(--duration-base), transform var(--duration-fast);border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.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{color:var(--text-muted);font-size:var(--font-size-md);font-family:var(--font-mono);cursor:pointer;transition:background var(--duration-base), color var(--duration-base), transform var(--duration-fast);background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.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{align-items:stretch;display:inline-flex}.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);box-shadow:var(--shadow-inset), var(--shadow-card);border-radius:0;flex-direction:column;display:flex}.card-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border);display:flex}.card-header h2,.card-header h3,.card-header h4{font-size:var(--font-size-base);color:var(--text-heading);margin:0;font-weight:600}.card-body{padding:var(--space-7);flex:1}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-7);border-top:1px solid var(--border);display:flex}.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;align-items:center;height:0;display:flex}.divider-vertical{border:none;border-left:1px solid var(--border);margin:0 var(--space-5);align-self:stretch;width:0;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{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-section);font-size:var(--font-size-md);border-left:3px solid;line-height:1.45;display:flex}.alert-icon{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.alert-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.alert-message{color:var(--text);flex:1}.alert-dismiss{flex-shrink:0;margin:-2px -4px -2px 0;display:none}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{background:var(--border);width:100%;height:4px;position:relative;overflow:hidden}.progress-fill{height:100%;width:var(--progress,0%);background:var(--accent);transition:width var(--duration-base)}@keyframes progress-indeterminate{0%{width:40%;left:-40%}60%{width:40%;left:100%}to{width:40%;left:100%}}.progress-bar.indeterminate .progress-fill{width:40%;animation:progress-indeterminate 1.6s var(--easing-standard) infinite;position:absolute}@media (prefers-reduced-motion:reduce){.progress-bar.indeterminate .progress-fill{opacity:.35;width:100%;animation:none}}.switch{align-items:center;gap:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch>input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.switch-track{background:var(--bg-input);border:1px solid var(--border);width:36px;height:20px;transition:background var(--duration-base), border-color var(--duration-base);flex-shrink:0;position:relative}.switch-thumb{background:var(--text-muted);width:12px;height:12px;transition:left var(--duration-base), background var(--duration-base);position:absolute;top:3px;left:3px}.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{background:var(--accent);left:19px}.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{font-size:var(--font-size-md);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.breadcrumb-item{color:var(--text-muted);transition:color var(--duration-fast);align-items:center;padding:2px 4px;text-decoration:none;display:inline-flex}a.breadcrumb-item:hover{color:var(--text)}.breadcrumb-item[aria-current=page]{color:var(--text-heading);pointer-events:none;font-weight:600}.breadcrumb-item+.breadcrumb-item:before{content:var(--breadcrumb-separator,"/");color:var(--text-muted);opacity:.45;pointer-events:none;margin:0 2px}.table{border-collapse:collapse;width:100%;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:"";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-position:50%;background-repeat:no-repeat;width:8px;height:8px;margin-left:4px;display:inline-block}.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{z-index:2;background:var(--bg-deep);position:sticky;top:0}.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{cursor:col-resize;z-index:1;background:0 0;width:8px;height:100%;position:absolute;top:0;right:-4px}.table-resizer:after{content:"";background:var(--border);width:1px;height:100%;transition:background var(--duration-fast), width var(--duration-fast);position:absolute;top:0;left:50%;transform:translate(-50%)}.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);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;pointer-events:none;opacity:0;transition:opacity var(--duration-fast), transform var(--duration-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-card);padding:4px 8px;line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)scale(.94)}[data-tooltip]:before{content:"";background:var(--bg-deep);border-left:1px solid var(--border);border-top:1px solid var(--border);opacity:0;pointer-events:none;width:8px;height:8px;z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)rotate(45deg)}[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{top:calc(100% + 6px);bottom:auto}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=bottom]:before,[data-tooltip-side=bottom]:before{top:calc(100% + 1px);bottom:auto;transform:translate(-50%)rotate(225deg)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=left]:after,[data-tooltip-side=left]:after{inset:50% calc(100% + 6px) auto auto;transform:translateY(-50%)scale(.94)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=left]:before,[data-tooltip-side=left]:before{inset:50% calc(100% + 1px) auto auto;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{top:50%;bottom:auto;left:calc(100% + 6px);transform:translateY(-50%)scale(.94)}[data-tooltip]:not([data-tooltip-side])[data-tooltip-placement=right]:before,[data-tooltip-side=right]:before{top:50%;bottom:auto;left:calc(100% + 1px);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)}}[data-tooltip][data-tooltip-bound=true]:before,[data-tooltip][data-tooltip-bound=true]:after{display:none}.tooltip-portal{--tooltip-max-width:280px;z-index:var(--z-tooltip);width:max-content;max-width:min(var(--tooltip-max-width), calc(100vw - var(--space-4)));padding:var(--space-1) var(--space-2);background:var(--bg-deep);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text);font-family:var(--font);font-size:var(--font-size-xs);text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast);line-height:1.4;position:fixed}.tooltip-portal[data-visible=true]{opacity:1;visibility:visible}.tooltip-portal:after{content:"";background:var(--bg-deep);border:1px solid var(--border);width:7px;height:7px;position:absolute;transform:rotate(45deg)}.tooltip-portal[data-side=top]:after,.tooltip-portal[data-side=bottom]:after{left:var(--tooltip-arrow-offset);margin-left:-4px}.tooltip-portal[data-side=top]:after{border-top:0;border-left:0;bottom:-5px}.tooltip-portal[data-side=bottom]:after{border-bottom:0;border-right:0;top:-5px}.tooltip-portal[data-side=left]:after,.tooltip-portal[data-side=right]:after{top:var(--tooltip-arrow-offset);margin-top:-4px}.tooltip-portal[data-side=left]:after{border-bottom:0;border-left:0;right:-5px}.tooltip-portal[data-side=right]:after{border-top:0;border-right:0;left:-5px}@media (prefers-reduced-motion:reduce){.tooltip-portal{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);width:18px;height:18px;color:var(--accent);border-top-color:currentColor;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border-width:1.5px;width:13px;height:13px}.spinner-md{border-width:2px;width:18px;height:18px}.spinner-lg{border-width:2.5px;width:26px;height:26px}.spinner-muted{color:var(--text-muted)}.spinner-inherit{color:inherit}@media (prefers-reduced-motion:reduce){.spinner{opacity:.4;border-color:currentColor;animation:none}}@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:1.4s infinite shimmer}.skeleton{min-height:16px;display:block}.skeleton-text{border-radius:0;height:12px;display:block}.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{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);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.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{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;line-height:1;display:inline-flex}.chip-remove:hover{opacity:1}.chip-remove svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}.list{margin:0;padding:0;list-style:none}.list-item{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);display:flex}.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:#0000}.list-item-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.list-item-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.list-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-item-text>span:first-child{font-size:var(--font-size-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item-secondary{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item-action{flex-shrink:0}.list-divider{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}.stack{flex-direction:column;display:flex}.row{flex-direction:row;align-items:center;display:flex}.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{border:1px solid var(--border);flex-direction:column;display:flex}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-7);background:var(--bg-section);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);border:none;display:flex}.accordion-trigger:hover{background:var(--hover-subtle);color:var(--text-heading)}.accordion-trigger svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform var(--duration-base);flex-shrink:0}.accordion-item.is-open .accordion-trigger{color:var(--text-heading)}.accordion-item.is-open .accordion-trigger svg{transform:rotate(180deg)}.accordion-panel{transition:grid-template-rows var(--duration-base);background:var(--bg-section);grid-template-rows:0fr;display:grid;overflow:hidden}.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{background:var(--modal-backdrop-bg);z-index:var(--z-drawer);pointer-events:none;opacity:0;transition:opacity var(--duration-base);display:flex;position:fixed;inset:0}.drawer-backdrop.is-open{pointer-events:auto;opacity:1}.drawer{width:var(--drawer-width,320px);background:var(--surface-raised-overlay), var(--bg-section);border:1px solid var(--border);box-shadow:var(--shadow-modal);z-index:calc(var(--z-drawer) + 1);transition:transform var(--duration-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;transform:translate(-100%)}.drawer-right{left:auto;right:0;transform:translate(100%)}.drawer-left{left:0}.drawer.is-open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.drawer-header h2,.drawer-header h3{font-size:var(--font-size-base);color:var(--text-heading);margin:0;font-weight:600}.drawer-body{padding:var(--space-7);flex:1;overflow-y:auto}.drawer-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-7);border-top:1px solid var(--border);flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}.pagination{align-items:center;gap:4px;display:flex}.page-btn{background:var(--bg-input);border:1px solid var(--border);min-width:30px;height:28px;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);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.page-btn svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.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{min-width:30px;height:28px;color:var(--text-muted);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.stepper{align-items:flex-start;gap:0;display:flex}.step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step:not(:last-child):after{content:"";background:var(--border);height:1px;transition:background var(--duration-base);position:absolute;top:14px;left:calc(50% + 14px);right:calc(14px - 50%)}.step.step-complete:not(:last-child):after{background:var(--accent)}.step-indicator{width:28px;height:28px;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);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-indicator svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.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;transition:color var(--duration-base);line-height:1.3}.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;flex:unset;align-items:flex-start;width:100%}.stepper.stepper-vertical .step:not(:last-child):after{content:"";width:1px;height:calc(100% - 28px);top:28px;left:13px;right:unset;background:var(--border);transition:background var(--duration-base);position:absolute}.stepper.stepper-vertical .step.step-complete:not(:last-child):after{background:var(--accent)}.stepper.stepper-vertical .step-content{margin-left:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.stepper.stepper-vertical .step-label{text-align:left;margin-top:0}.popover{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;transition:opacity var(--duration-fast), transform var(--duration-fast);position:absolute;transform:translateY(-4px)scale(.98)}.popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.toast-action{margin-left:var(--space-4);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.custom-select{gap:var(--space-3);flex-direction:column;align-self:start;display:flex;position:relative}.custom-select-native{position:static}.custom-select .custom-select-trigger,.custom-select .custom-select-list{display:none}.custom-select.is-enhanced .custom-select-native{opacity:0;pointer-events:none;position:absolute;inset:0}.custom-select-trigger{justify-content:space-between;width:100%}.custom-select-list{z-index:var(--z-dropdown);background:var(--surface-raised-overlay), var(--bg-section);border:1px solid var(--border);max-height:260px;box-shadow:var(--elevation-3);padding:var(--space-3);gap:var(--space-2);display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.custom-select.is-open .custom-select-list{flex-direction:column;display:flex}.custom-select.is-enhanced .custom-select-trigger{display:inline-flex}.custom-select-search{z-index:1;position:sticky;top:0}.custom-select-group{flex-direction:column;gap:2px;display:flex}.custom-select-group-label{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px}.custom-select-option[hidden]{display:none}.custom-select-option{align-items:center;gap:var(--space-3);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;display:flex}.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{color:var(--text-muted);align-items:center;display:inline-flex}.custom-select-option-icon svg{width:14px;height:14px}.transfer-list{gap:var(--space-4);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.transfer-list-column{border:1px solid var(--border);min-height:180px;padding:var(--space-3)}.transfer-list-items{flex-direction:column;gap:4px;display:flex}.transfer-list-item{background:var(--bg-input);border:1px solid var(--border);color:var(--text);text-align:left;padding:8px 10px}.transfer-list-item.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.transfer-list-actions{gap:var(--space-2);flex-direction:column;justify-content:center;display:flex}.rating{align-items:center;gap:4px;display:inline-flex}.rating-star{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0}.rating-star svg{fill:none;stroke:currentColor;width:20px;height:20px}.rating-star.is-active{color:var(--warning)}.avatar{background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:24px;height:24px}.avatar-md{width:32px;height:32px}.avatar-lg{width:48px;height:48px}.tree{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tree-item{flex-direction:column;gap:4px;display:flex}.tree-row{align-items:center;gap:var(--space-2);padding-left:calc(var(--tree-depth,0) * 16px);display:flex}.tree-check,.tree-row .status-indicator{flex-shrink:0}.tree--dot-right .tree-row .status-indicator{margin-left:auto}.tree--dot-left .tree-row{padding-left:calc(var(--space-8) + var(--tree-depth,0) * 16px);position:relative}.tree--dot-left .tree-row .status-indicator{position:absolute;top:50%;left:0;transform:translateY(-50%)}.tree-toggle,.tree-leaf{align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;padding:4px 6px;display:inline-flex}.tree-toggle svg,.tree-leaf svg{width:14px;height:14px}.tree-item>.tree-branch{display:none}.tree-item.is-open>.tree-branch{flex-direction:column;gap:4px;display:flex}.context-menu{min-width:220px;z-index:var(--z-tooltip);position:fixed}.skip-link{background:var(--accent);color:#fff;z-index:var(--z-overlay);padding:8px 12px;text-decoration:none;position:absolute;top:0;left:0;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.token-panel{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.token-panel label{gap:var(--space-2);font-size:var(--font-size-sm);flex-direction:column;display:flex}.elevation-sample{min-height:72px}.hide-above-md,.hide-above-lg{display:none}@media (width<=760px){.hide-below-md{display:none!important}.hide-above-md{display:initial}}@media (width<=1100px){.hide-below-lg{display:none!important}.hide-above-lg{display:initial}}.popover-title{font-size:var(--font-size-sm);color:var(--text-heading);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:600}@media (prefers-reduced-motion:reduce){.popover{transition:none}*,:before,:after{--duration-fast:10ms!important;--duration-base:10ms!important;--duration-slow:10ms!important;transition-duration:10ms!important;animation:none!important}}@media (width<=1100px){.editor-workspace{grid-template-columns:1fr}.pane-resizer,.pane-resizer-h{display:none}.stat-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:0 12px 12px}.window-frame-row{flex-direction:column;align-items:flex-start}.top-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.language-grid{grid-template-columns:1fr}.app-toast{max-width:none;bottom:12px;left:12px;right:12px}.demo-grid{grid-template-columns:1fr}}.link{color:var(--accent);text-underline-offset:3px;cursor:pointer;transition:color var(--duration-fast);text-decoration:underline}.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{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline-item{gap:var(--space-5);display:flex;position:relative}.timeline-item:not(:last-child){padding-bottom:var(--space-8)}.timeline-spine{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.timeline-dot{background:var(--accent);z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;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{background:var(--border);width:2px;margin-top:var(--space-2);flex:1}.timeline-item:last-child .timeline-connector{display:none}.timeline-content{padding-bottom:var(--space-2);flex:1}.timeline-label{font-size:var(--font-size-md);color:var(--text-muted);margin-bottom:var(--space-2)}.timeline-title{color:var(--text-heading);margin-bottom:var(--space-2);font-weight:600}.timeline-body{font-size:var(--font-size-md);color:var(--text);line-height:1.5}.grid{gap:var(--space-4);display:grid}.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 (width<=768px){.md-cols-1{grid-template-columns:repeat(1,1fr)}.md-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.sm-cols-1{grid-template-columns:repeat(1,1fr)}}.input-wrap{align-items:stretch;display:flex;position:relative}.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{width:34px;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.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;cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.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{flex-direction:column;display:flex;position:relative}.text-field input,.text-field textarea{padding:20px 12px 6px}.text-field label{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:0 0;white-space:nowrap;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.text-field textarea~label{top:14px;transform:none}.text-field:has(textarea) label{top:14px;transform:none}.text-field:focus-within label,.text-field.has-value label{color:var(--border-focus);top:6px;transform:translateY(0)scale(.78)}.text-field textarea:focus~label{top:6px;transform:translateY(0)scale(.78)}.text-field.has-value:has(textarea) label{top:6px;transform:translateY(0)scale(.78)}.text-field .field-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4;position:absolute;top:100%;left:0}.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{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:24px;display:flex}.multi-select-chip{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);max-width:120px;line-height:1.4;display:inline-flex}.multi-select-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-chip-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.multi-select-chip-remove:hover{color:var(--error)}.multi-select-placeholder{color:var(--text-muted);font-size:var(--font-size-md)}.multi-select-clear{padding:0 var(--space-2);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:16px;line-height:1}.multi-select-clear:hover{color:var(--text)}.custom-select-option .custom-select-option-check{border:1px solid var(--border);width:14px;height:14px;margin-right:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.custom-select-option.is-selected .custom-select-option-check:after{content:"";background:var(--accent);width:8px;height:8px;display:block}.toast-region{gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;left:20px}.toast-region .app-toast{max-width:none;position:static}.toast-close{padding:0 0 0 var(--space-3);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1}.toast-close:hover{color:var(--text)}.date-picker-popover{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);opacity:0;width:260px;transition:opacity var(--duration-fast), transform var(--duration-fast);pointer-events:none;position:absolute;transform:translateY(4px)}.date-picker-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.date-picker-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.date-picker-title,.date-picker-month-label{font-weight:600;font-size:var(--font-size-md);color:var(--text-heading)}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.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);color:var(--text);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;padding:5px 2px}.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);justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-4);display:flex}.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{justify-content:center;align-items: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;flex-direction:column;display:flex}.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{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:28px;height:28px}.drop-zone p{font-size:var(--font-size-md);margin:0;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 textarea{resize:none;box-sizing:border-box}.textarea-count{font-size:var(--font-size-xs);color:var(--text-muted);-webkit-user-select:none;user-select:none;align-self:flex-end}.textarea-count.is-near-limit{color:var(--warning)}.textarea-count.is-at-limit{color:var(--error)}html,body{height:100%;margin:0;overflow:hidden}:root{--st-track-h:48px}.editor-workspace{--left-panel-width:400px;--right-panel-width:400px;flex:1;min-height:0}.pane{gap:var(--space-3);padding:var(--space-3);overflow-y:auto}#media-pane,.st-sidebar{overflow-x:hidden}#media-pane>*,.st-sidebar>*{box-sizing:border-box;max-width:100%}#media-pane .section-heading-row,#media-pane .toolbar-actions{overflow:visible}.st-pane-content{gap:var(--space-3)}#st-history-content{flex-direction:column;min-height:0;display:flex}#st-history-content[hidden]{display:none}#media-pane.is-dragging-over{outline:1px dashed var(--accent);outline-offset:-4px}.st-media-search input{width:100%}.st-media-filters{flex-wrap:wrap;gap:3px;display:flex}.st-media-filters .secondary-btn{white-space:nowrap;flex:1 0 auto;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:inline-flex}.st-media-filters svg{width:12px;height:12px}.st-media-filters .secondary-btn[aria-pressed=true]{z-index:1;background:var(--accent);border-color:var(--accent);color:#fff;position:relative}.st-media-filters .secondary-btn[aria-pressed=false]{color:var(--text-muted);opacity:.6}.st-media-filters .secondary-btn[aria-pressed=false]:hover{opacity:1}.st-media-search-hint{margin:0;font-size:10px;line-height:1.4}.drop-zone--slim{padding:var(--space-2);gap:var(--space-1);font-size:var(--font-size-xs,11px)}.st-media-tree{flex:1;min-width:0;min-height:0;overflow:hidden auto}.st-media-row{align-items:center;gap:var(--space-2);padding:3px var(--space-1);cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:flex}.st-media-row:hover{background:var(--bg-section)}.st-shared-usage{width:100%;color:inherit;text-align:left;font:inherit;background:0 0}.st-media-row.is-selected{border-color:var(--accent);background:var(--bg-section)}.st-media-row.is-drop-target{border-color:var(--accent);background:var(--bg-input)}.st-media-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.st-media-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.st-media-row-icon{color:var(--text-muted);flex:none;display:inline-flex}.st-media-row-icon svg{width:14px;height:14px}.st-media-thumb{object-fit:cover;background:var(--bg-deep);border:1px solid var(--border);flex:0 0 44px;width:44px;height:26px}.st-media-thumb--placeholder{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.st-media-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.st-media-row-name{font-size:var(--font-size-sm,13px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-media-row-name input{width:100%;font-size:var(--font-size-sm,13px);padding:0 4px}.st-media-note-flag{color:var(--warning);vertical-align:-2px;display:inline-flex}.st-media-note-flag svg{width:11px;height:11px}.st-media-row-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.st-media-fps-warning{color:var(--warning);white-space:nowrap}.st-inspector-source-facts{margin-top:2px}.st-media-progress{flex-direction:column;gap:2px;display:flex}.st-media-progress .progress-bar{height:3px}.st-media-progress-label{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.st-media-row.is-converting .st-media-thumb{opacity:.45}.st-media-row.is-converting .st-media-row-name{color:var(--text-muted)}.st-media-row.is-converting .st-media-row-action{visibility:visible}.st-media-row-tags{flex-wrap:wrap;gap:3px;display:flex}.st-media-tag{border:1px solid var(--border);color:var(--text-subtle);cursor:pointer;padding:0 4px;font-size:9px}.st-media-tag:hover{border-color:var(--accent)}.st-media-row-action{visibility:hidden;flex:none}.st-media-row:hover .st-media-row-action{visibility:visible}.st-media-row-action[aria-pressed=true]{visibility:visible;background:var(--accent);color:var(--bg-deep)}.st-source-window{z-index:1200;border:1px solid var(--accent);background:var(--bg-deep);-webkit-user-select:none;user-select:none;width:min(460px,100vw - 16px);position:fixed;overflow:hidden;box-shadow:12px 12px #00000073}.st-source-window[hidden]{display:none}.st-media-preview-visual{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;max-height:min(52vh,300px);display:block}.st-source-window[data-kind=image] .st-media-preview-visual{aspect-ratio:auto}.st-source-window[data-kind=audio] .st-media-preview-visual{aspect-ratio:4;background:var(--bg-section);max-height:96px}.st-media-preview-info,.st-media-preview-image-label{gap:var(--space-1) var(--space-2);padding:var(--space-2);border-top:1px solid var(--border);font-size:var(--font-size-xs,11px);grid-template-columns:minmax(0,1fr) auto;display:grid}.st-media-preview-name,.st-media-preview-image-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-media-preview-time{color:var(--text-muted);font-family:var(--font-mono)}.st-media-preview-progress{background:var(--bg-section);border:1px solid var(--border);grid-column:1/-1;height:4px}.st-media-preview-progress-fill{background:var(--accent);width:0;height:100%}.st-media-preview-blocked{padding:var(--space-1) var(--space-2);border-top:1px solid var(--border);color:var(--warning);font-size:var(--font-size-xs,11px);cursor:pointer;display:block}.st-media-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--font-size-xs,11px);text-align:center}.st-center{min-width:0;min-height:0;padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.st-preview{background:var(--bg-deep);border:1px solid var(--border);flex:1;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}.st-preview-zoom-control{top:var(--space-2);right:var(--space-2);z-index:5;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--bg-deep) 88%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);grid-template-columns:minmax(76px,108px) 42px auto;display:grid;position:absolute;box-shadow:0 2px 8px #0000004d}.st-preview-zoom-control input{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer;margin:0}.st-preview-zoom-control output{font-family:var(--font-mono);font-size:var(--font-size-xs,11px);color:var(--text-subtle);text-align:right;font-variant-numeric:tabular-nums}#preview-canvas{transform-origin:50%;background:#000;max-width:100%;max-height:100%}.st-preview.is-pannable,.st-preview.is-pannable #preview-canvas{cursor:grab}.st-preview.is-panning,.st-preview.is-panning #preview-canvas,.st-preview.is-panning .st-motion-overlay,.st-preview.is-panning .st-motion-overlay *,.st-preview.is-panning .st-mask-overlay,.st-preview.is-panning .st-track-overlay{cursor:grabbing}.st-preview-zoom-control{cursor:default}.st-preview-note{bottom:var(--space-2);right:var(--space-2);position:absolute}.st-transform-overlay{pointer-events:none;position:absolute;inset:0}.st-transform-overlay.is-motion-editing,.st-transform-overlay.is-mask-editing{display:none}.st-motion-overlay{z-index:3;outline:2px solid var(--accent);outline-offset:-2px;position:absolute;inset:0}.st-motion-overlay[data-mode=draw]{cursor:crosshair}.st-motion-overlay[data-mode=edit]{cursor:default}.st-motion-overlay svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.st-motion-overlay:focus-visible{outline-color:var(--accent)}.st-motion-hitline{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:copy}.st-motion-path{fill:none;stroke:var(--accent);stroke-width:2px;pointer-events:none;paint-order:stroke}.st-motion-arrow{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.75;pointer-events:none}.st-motion-tick{fill:var(--accent);opacity:.55;pointer-events:none}.st-motion-guide{stroke:var(--warning,#e8b339);stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.st-mask-overlay{z-index:5;outline:2px solid var(--accent);outline-offset:-2px;position:absolute;inset:0}.st-mask-overlay[data-mode=draw]{cursor:crosshair}.st-mask-overlay[data-mode=points],.st-mask-overlay[data-mode=box]{cursor:default}.st-mask-overlay svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.st-mask-shade{pointer-events:none;background:0 0;max-width:none;max-height:none;position:absolute}.st-mask-outline{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:2px;pointer-events:none}.st-mask-outline.is-inverted{fill:none;stroke-dasharray:6 4}.st-mask-outline.is-subtract{fill:none;stroke:var(--error);stroke-dasharray:2 4}.st-mask-outline.is-intersect{fill:color-mix(in srgb, var(--warning,#e8b339) 12%, transparent);stroke:var(--warning,#e8b339)}.st-mask-outline.is-drawing{fill:none;stroke-dasharray:5 4}.st-mask-expansion{fill:none;stroke:color-mix(in srgb, var(--accent) 35%, transparent);pointer-events:none}.st-mask-handle,.st-mask-node{fill:var(--bg-deep);stroke:var(--accent);stroke-width:2px;pointer-events:none}.st-mask-node.is-first,.st-mask-node.is-selected{fill:var(--accent)}.st-mask-hitline{fill:none;stroke:#0000;stroke-width:14px;pointer-events:none}.st-mask-tangent{fill:var(--bg-deep);stroke:var(--text-subtle);stroke-width:2px;pointer-events:none}.st-mask-handle-line{stroke:var(--text-subtle);stroke-width:1px;pointer-events:none}.st-mask-guide{stroke:var(--warning,#e8b339);stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.st-mask-grip{fill:var(--bg-deep);stroke:var(--accent);stroke-width:2px;pointer-events:none}.st-mask-grip-line{stroke:var(--accent);stroke-width:1px;pointer-events:none}.st-mask-empty{fill:var(--text);text-anchor:middle;paint-order:stroke;stroke:var(--bg-deep);stroke-width:4px;pointer-events:none;font-size:14px;font-weight:600}.st-mask-bar{gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-deep);border-top:1px solid var(--border);z-index:1;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.st-mask-bar-name{white-space:nowrap;font-weight:600}.st-mask-bar-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-subtle);flex:1;font-size:12px;overflow:hidden}.st-mask-bar [aria-pressed=true]{background:var(--accent);color:var(--bg-deep)}.st-mask-row{gap:var(--space-1);padding:var(--space-1) 0;border-top:1px solid var(--border);align-items:center;display:flex}.st-mask-row:first-child{border-top:none}.st-mask-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.st-mask-row [aria-pressed=true]{background:var(--accent);color:var(--bg-deep)}.st-mask-modes{gap:2px;display:flex}.st-mask-modes [aria-checked=true]{background:var(--accent);color:var(--bg-deep)}.st-mask-add{gap:var(--space-1);padding-top:var(--space-1);display:flex}.st-mask-none{color:var(--text-subtle);padding:var(--space-1) 0;font-size:12px}.st-mask-from-path{flex:auto;min-width:0}.st-trace-overlay{z-index:4;cursor:crosshair;position:absolute;inset:0}.st-trace-overlay[data-recording=false]{outline:2px dashed var(--accent);outline-offset:-2px}.st-trace-overlay[data-recording=true]{outline:3px solid var(--error);outline-offset:-3px}.st-trace-overlay .st-motion-bar-name:before{content:"";background:var(--text-subtle);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.st-trace-overlay[data-recording=true] .st-motion-bar-name:before{background:var(--error);animation:1s ease-in-out infinite st-trace-pulse}@keyframes st-trace-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.st-trace-overlay[data-recording=true] .st-motion-bar-name:before{animation:none}}.st-trace-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.st-trace-line{fill:none;stroke:var(--error);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.st-track-overlay{z-index:4;outline:2px solid var(--warning,#e8b339);outline-offset:-2px;cursor:crosshair;position:absolute;inset:0}.st-track-target{border:2px solid var(--warning,#e8b339);pointer-events:none;position:absolute}.st-track-target.is-ellipse{border-radius:50%}.st-track-target.is-second{border-color:var(--accent)}.st-track-target.is-second .st-track-crosshair:before,.st-track-target.is-second .st-track-crosshair:after{background:var(--accent)}.st-track-target.is-second .st-track-grip{border-color:var(--accent)}.st-track-target.is-active{box-shadow:0 0 0 1px var(--bg-deep), 0 0 0 3px currentColor}.st-track-span{pointer-events:none;position:absolute;inset:0;overflow:visible}.st-track-span line{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.8}.st-track-crosshair{position:absolute;inset:0}.st-track-crosshair:before,.st-track-crosshair:after{content:"";background:var(--warning,#e8b339);position:absolute}.st-track-crosshair:before{width:1px;top:-10px;bottom:-10px;left:50%}.st-track-crosshair:after{height:1px;top:50%;left:-10px;right:-10px}.st-track-target .st-track-grip{background:var(--bg-deep);border:2px solid var(--warning,#e8b339);pointer-events:auto;width:10px;height:10px;position:absolute}.st-track-grip[data-grip=nw]{cursor:nwse-resize;top:-6px;left:-6px}.st-track-grip[data-grip=ne]{cursor:nesw-resize;top:-6px;right:-6px}.st-track-grip[data-grip=se]{cursor:nwse-resize;bottom:-6px;right:-6px}.st-track-grip[data-grip=sw]{cursor:nesw-resize;bottom:-6px;left:-6px}.st-track-overlay.is-running .st-track-grip{display:none}.st-track-film{pointer-events:none;position:absolute;top:0;left:0}.st-track-progress{width:120px;height:6px}.st-track-anchor{border:2px solid var(--success,#4caf50);background:var(--bg-deep);width:16px;height:16px;color:var(--success,#4caf50);text-align:center;pointer-events:auto;cursor:pointer;margin:-8px 0 0 -8px;font-size:9px;line-height:12px;position:absolute}.st-track-anchor:hover,.st-track-anchor.is-here{background:var(--success,#4caf50);color:var(--bg-deep)}.st-track-overlay.is-running .st-track-anchor{pointer-events:none}.st-track-anchor.is-second{border-color:var(--accent);color:var(--accent)}.st-track-anchor.is-second:hover,.st-track-anchor.is-second.is-here{background:var(--accent);color:var(--bg-deep)}.st-motion-cap{fill:var(--bg-deep);stroke:var(--accent);stroke-width:2px;pointer-events:none}.st-motion-cap--start{fill:var(--accent)}.st-motion-rider{fill:var(--success,var(--accent));stroke:var(--bg-deep);stroke-width:2px;pointer-events:auto;cursor:move}.st-motion-rider:hover{stroke:var(--text)}.st-motion-rider-anchor{fill:none;stroke:var(--success,var(--accent));stroke-width:1.5px;pointer-events:none}.st-motion-offset-line{stroke:var(--success,var(--accent));stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.st-motion-run-hot{fill:none;stroke:var(--warning,#e8b339);stroke-width:5px;stroke-linecap:round;opacity:.85;pointer-events:none}.st-motion-arrow.is-hot{fill:var(--warning,#e8b339);stroke:var(--warning,#e8b339)}.st-motion-speed{fill:var(--warning,#e8b339);text-anchor:middle;paint-order:stroke;stroke:var(--bg-deep);stroke-width:3px;pointer-events:none;font-size:11px;font-weight:600}.st-motion-anchor{fill:var(--bg-deep);stroke:var(--accent);stroke-width:2px;pointer-events:auto;cursor:move}.st-motion-anchor.is-selected{fill:var(--accent)}.st-motion-handle{fill:var(--bg-deep);stroke:var(--text-subtle);stroke-width:2px;pointer-events:auto;cursor:move}.st-motion-handle-line{stroke:var(--text-subtle);stroke-width:1px;pointer-events:none}.st-motion-empty{fill:var(--text);text-anchor:middle;paint-order:stroke;stroke:var(--bg-deep);stroke-width:4px;pointer-events:none;font-size:14px;font-weight:600}.st-motion-bar{gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-deep);border-top:1px solid var(--border);z-index:1;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.st-motion-bar-name{white-space:nowrap;font-weight:600}.st-motion-bar-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-subtle);flex:1;font-size:12px;overflow:hidden}.st-motion-tools{gap:2px;display:flex}.st-motion-smooth{align-items:center;gap:2px;display:flex}.st-motion-smooth-value{text-align:center;min-width:84px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-subtle);font-size:11px}.st-motion-controls{gap:var(--space-1);padding:var(--space-1) 0;align-items:end;display:flex}.st-motion-controls label{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.st-motion-controls select,.st-motion-controls input{min-width:0}.st-motion-empty-state{padding:var(--space-1) 0;color:var(--text-subtle);font-size:12px}.st-motion-row{gap:var(--space-1);padding:var(--space-1) 0;align-items:center;display:flex}.st-motion-row label{gap:var(--space-1);align-items:center;display:flex}.st-motion-range{padding:var(--space-1) 0}.st-motion-range-title{color:var(--text-subtle);margin-bottom:var(--space-1);font-size:11px;display:block}.st-motion-range .range-slider{width:100%;height:var(--st-inspector-control-h);padding:0;position:relative}.st-motion-range .range-track{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.st-motion-range .range-fill{height:3px;top:50%;transform:translateY(-50%)}.st-tbox{border:1px solid var(--accent);pointer-events:auto;cursor:move;touch-action:none;position:absolute}.st-tbox-handle{background:var(--accent);border:1px solid var(--bg-deep);touch-action:none;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.st-tbox-handle[data-part=nw]{cursor:nwse-resize;top:0;left:0}.st-tbox-handle[data-part=n]{cursor:ns-resize;top:0;left:50%}.st-tbox-handle[data-part=ne]{cursor:nesw-resize;top:0;left:100%}.st-tbox-handle[data-part=e]{cursor:ew-resize;top:50%;left:100%}.st-tbox-handle[data-part=se]{cursor:nwse-resize;top:100%;left:100%}.st-tbox-handle[data-part=s]{cursor:ns-resize;top:100%;left:50%}.st-tbox-handle[data-part=sw]{cursor:nesw-resize;top:100%;left:0}.st-tbox-handle[data-part=w]{cursor:ew-resize;top:50%;left:0}.st-tbox-crop{z-index:1;background:var(--bg-deep);border:2px solid var(--accent);touch-action:none;position:absolute}.st-tbox-crop--n,.st-tbox-crop--s{cursor:ns-resize;width:24px;height:5px;left:50%;transform:translate(-50%)}.st-tbox-crop--e,.st-tbox-crop--w{cursor:ew-resize;width:5px;height:24px;top:50%;transform:translateY(-50%)}.st-tbox-crop--n{top:8px}.st-tbox-crop--e{right:8px}.st-tbox-crop--s{bottom:8px}.st-tbox-crop--w{left:8px}.st-tbox-rotate{border:1px solid var(--accent);background:var(--bg-deep);cursor:grab;touch-action:none;width:11px;height:11px;position:absolute;top:-22px;left:50%;transform:translate(-50%,-50%)}.st-transport{padding:var(--space-1) 0}.st-timecode{font-family:var(--font-mono);color:var(--text-subtle);font-size:var(--font-size-sm,13px);min-width:96px}.st-timecode-frame{opacity:.7;min-width:56px}.st-transport-rate{align-items:center;gap:var(--space-1);height:26px;display:flex}.st-transport-rate input[type=range]{box-sizing:content-box;cursor:ew-resize;background-clip:content-box;width:96px;height:3px;margin:0;padding:9px 0}.st-transport-rate-value{min-width:42px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-subtle);font-size:12px}.st-transport-rate:not([data-rate="1"]) .st-transport-rate-value{color:var(--warning,#e8b339);font-weight:600}.st-transport-rate:not([data-rate="1"]) input[type=range]{accent-color:var(--warning,#e8b339)}.st-timeline{height:var(--st-timeline-h,240px);border:1px solid var(--border);background:var(--bg-deep);flex-direction:column;min-height:120px;max-height:75vh;display:flex}.st-transport-controls{flex:none}.pane-resizer{background:color-mix(in srgb, var(--border) 18%, transparent);width:5px;transition:background var(--duration-fast);border:none}.pane-resizer:hover{background:var(--accent)}.pane-resizer-h{cursor:ns-resize;touch-action:none;background:color-mix(in srgb, var(--border) 18%, transparent);flex:none;width:100%;height:5px}.pane-resizer-h:hover,.pane-resizer-h.is-active{background:var(--accent)}.st-timeline-toolbar{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border);background:var(--bg-section);row-gap:var(--space-1);flex-wrap:wrap;flex:none}.st-tool-group{border:1px solid var(--border);background:var(--bg-input);margin-right:var(--space-2);align-items:center;display:inline-flex}.st-tool-group>*{border:none;border-right:1px solid var(--border);margin:0}.st-tool-group>:last-child{border-right:none}.st-tool-group>:hover{background:var(--hover-subtle)}.st-tool-group>:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.st-timeline-toolbar .icon-btn.is-active:hover{background:var(--accent-hover)}.st-tool-group .st-snap-select,.st-tool-group .st-marker-select{border:none;border-right:1px solid var(--border);border-radius:0;height:26px}.st-tool-group--text .slim-btn{height:26px;padding:0 var(--space-3)}.st-timeline-toolbar .icon-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.st-timeline-toolbar .icon-btn[aria-pressed=false],.st-timeline-toolbar .icon-btn[aria-checked=false]{color:var(--text-muted);opacity:.6}.st-timeline-toolbar .icon-btn[aria-pressed=false]:hover,.st-timeline-toolbar .icon-btn[aria-checked=false]:hover{opacity:1}.st-tool-group--radio .icon-btn{position:relative}.st-tool-group--radio .icon-btn.is-active{box-shadow:inset 0 -2px 0 0 var(--text-heading)}.st-timeline-toolbar [data-tooltip]{--tooltip-max-width:260px}.tooltip-portal{z-index:1300}.st-marker-select,.st-snap-select{border:1px solid var(--border);width:112px;height:24px;padding:0 var(--space-1);background:var(--bg-input);color:var(--text);font:inherit;font-size:var(--font-size-xs,11px);border-radius:0}.st-snap-select{width:68px}.st-marker-role-label{font-family:var(--font-mono);font-size:11px;font-weight:700}.st-export-card,.st-project-settings-card{flex-direction:column;width:min(680px,94vw);max-height:90vh;display:flex}.st-project-settings-body{overflow-y:auto}.st-project-color-field input[type=color]{flex:0 0 42px;height:32px;padding:2px}.st-project-color-field input[type=text]{min-width:0;font-family:var(--font-mono);flex:1}.st-export-settings{overflow-y:auto}.st-export-section{padding:var(--space-3);border-bottom:1px solid var(--border)}.st-export-section h4{margin:0 0 var(--space-2);color:var(--text-heading);font-family:var(--font-mono);font-size:var(--font-size-sm,13px)}.st-export-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.st-export-dimensions input{width:100%;min-width:0}.st-export-dimensions span{color:var(--text-muted)}.st-export-codec-summary{align-self:end;margin:0 0 7px}.st-export-validation{min-height:18px;margin:var(--space-2) var(--space-3);color:var(--error);font-size:var(--font-size-xs,11px)}.st-export-preset-row{gap:var(--space-2);align-items:center;display:flex}.st-export-preset-row+.st-export-preset-row{margin-top:var(--space-2)}.st-export-preset-row select,.st-export-preset-row input{flex:1;min-width:0}.st-export-preset-row button{white-space:nowrap;flex:none}.st-export-preset-row+p{margin:var(--space-2) 0 0}.st-export-name-preview{margin-top:var(--space-2);color:var(--text-subtle);font-family:var(--font-mono);overflow-wrap:anywhere}.st-export-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.st-export-queue-strip{align-items:center;gap:var(--space-2);margin:0;display:flex}.st-export-queue-card{flex-direction:column;width:min(680px,94vw);max-height:90vh;display:flex}.st-export-queue-body{padding:var(--space-3);overflow-y:auto}.st-export-queue-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.st-export-job{padding:var(--space-3);border:1px solid var(--border);background:var(--bg-section);gap:var(--space-2);flex-direction:column;display:flex}.st-export-job-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.st-export-job-name{font-family:var(--font-mono);color:var(--text-heading);overflow-wrap:anywhere}.st-export-job-status{font-size:var(--font-size-sm,11px);color:var(--text-muted);flex:none}.st-export-job-status[data-status=running]{color:var(--accent)}.st-export-job-status[data-status=done]{color:var(--success)}.st-export-job-status[data-status=failed]{color:var(--error)}.st-export-job-status[data-status=cancelled]{color:var(--warning)}.st-export-job-meta{margin:0}.st-export-job-error{color:var(--error);font-size:var(--font-size-sm,11px)}.st-export-job-error summary{cursor:pointer;overflow-wrap:anywhere}.st-export-job-error pre{margin:var(--space-2) 0 0;padding:var(--space-2);background:var(--bg-deep);max-height:140px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs,10px);white-space:pre-wrap;overflow:auto}.st-export-job-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.st-export-job-btn{align-items:center;gap:var(--space-1);display:inline-flex}.st-export-job-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}@media (width<=640px){.st-export-grid{grid-template-columns:1fr}.st-export-preset-row{flex-wrap:wrap}}.st-marker-select:disabled{color:var(--text-muted);opacity:.6}#tl-scope-back[hidden],#tl-scope-label[hidden]{display:none}.st-timeline-body{flex:1;min-height:0;display:flex}.st-track-headers{flex:0 0 var(--st-track-headers-w,264px);border-right:1px solid var(--border);background:var(--bg-section);flex-direction:column;display:flex;overflow:hidden}.st-track-headers-resizer{cursor:col-resize;touch-action:none;flex:none}.st-track-headers-resizer:hover,.st-track-headers-resizer.is-active{background:var(--accent)}#track-header-list{flex:1;position:relative;overflow-y:hidden}.st-track-headers-spacer{border-bottom:1px solid var(--border);height:22px}.st-track-header{align-items:center;gap:var(--space-1);height:var(--st-track-h);padding:0 var(--space-1) 0 var(--space-2);border-bottom:1px solid var(--border);font-size:var(--font-size-xs,11px);color:var(--text-muted);display:flex}.st-track-grip{color:var(--text-muted);cursor:grab;touch-action:none;transition:color var(--duration-fast), background var(--duration-fast);border-radius:2px;align-items:center;margin:-4px 0 -4px -4px;padding:4px;display:inline-flex}.st-track-grip svg{width:14px;height:14px}.st-track-header:hover .st-track-grip,.st-track-grip:hover{color:var(--text);background:var(--bg-input)}.st-track-headers.is-reordering .st-track-grip{cursor:grabbing}.st-track-header.is-reorder-target{box-shadow:inset 0 -2px 0 var(--accent)}.st-track-header-name{text-overflow:ellipsis;white-space:nowrap;cursor:grab;touch-action:none;flex:1;overflow:hidden}.st-track-header.is-reordering .st-track-header-name{cursor:grabbing}.st-track-header-name input{width:100%;font-size:var(--font-size-sm,13px);padding:0 4px}.st-track-header.is-muted .st-track-header-name{text-decoration:line-through}.st-track-solo-label{font-size:9px;font-weight:700}.st-track-header .icon-btn[data-action=solo].is-active{background:var(--warning);border-color:var(--warning);color:#000}.st-timeline-scroll{flex:1;min-width:0;overflow:auto}.st-audio-meter{border-left:1px solid var(--border);background:var(--bg-section);flex-direction:column;flex:0 0 56px;align-items:center;display:flex}.st-audio-meter-spacer{border-bottom:1px solid var(--border);flex:0 0 22px;width:100%}.st-audio-meter-track{justify-content:center;align-items:stretch;gap:var(--space-2);width:100%;min-height:0;padding:var(--space-2) 0;flex-direction:row;flex:1;display:flex}.st-audio-meter-meter{background:var(--border);width:10px;position:relative;overflow:hidden}.st-audio-meter-fill{pointer-events:none;background:linear-gradient(#e74c3c 0%,#f1c40f 15%,#2ecc71 35% 100%);height:0%;transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.st-audio-meter-readout{font-size:var(--font-size-xs,11px);color:var(--text-muted);padding-bottom:var(--space-1);flex:none}.st-timeline-ruler{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-section);cursor:pointer;height:22px;min-height:22px;position:sticky;top:0}.st-ruler-tick{border-left:1px solid var(--border);color:var(--text-muted);font-size:10px;font-family:var(--font-mono);pointer-events:none;padding-left:3px;position:absolute;top:0;bottom:0}.st-ruler-marker{z-index:3;background:var(--marker-color);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);cursor:ew-resize;touch-action:none;border:0;width:11px;height:14px;padding:0;position:absolute;top:0;transform:translate(-50%)}.st-ruler-marker:hover,.st-ruler-marker:focus-visible{filter:brightness(1.25);outline:1px solid var(--text);outline-offset:1px}.st-ruler-marker--export{color:#fff;width:15px;height:16px;font-family:var(--font-mono);text-align:center;font-size:9px;font-weight:700;line-height:12px}.st-playhead{background:var(--accent);pointer-events:none;z-index:2;width:1px;position:absolute;top:0;bottom:0}.st-timeline-end-handle{cursor:ew-resize;touch-action:none;z-index:4;width:8px;margin-left:-4px;position:absolute;top:0;bottom:0}.st-timeline-end-handle:after{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:3px}.st-timeline-end-handle:hover:after,.st-timeline-end-handle.is-active:after{background:var(--accent)}.st-timeline-tracks{position:relative}.st-track{height:var(--st-track-h);border-bottom:1px solid var(--border);position:relative}.st-track.is-drop-target{background:var(--bg-input)}.st-track-divider{background:var(--accent);pointer-events:none;z-index:1;height:2px;position:absolute;left:0;right:0}.st-track.is-hidden .st-clip{opacity:.45}.st-track-header.is-hidden{opacity:.55}.st-clip{height:calc(var(--st-track-h) - 12px);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs,11px);background:var(--bg-section);border:1px solid var(--accent);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;padding:0 10px;display:flex;position:absolute;top:6px;overflow:hidden}.st-clip.is-selected{background:var(--accent);color:#fff}.st-clip.is-dragging{opacity:.75;cursor:grabbing;z-index:3}.st-clip--audio{border-color:var(--success)}.st-clip--text{border-color:var(--warning,#f59e0b)}.st-clip--text .st-clip-label{font-style:italic}.st-clip-waveform{z-index:0;opacity:.35}.st-clip--audio.is-selected .st-clip-waveform,.st-clip--audio:hover .st-clip-waveform{opacity:.5}.st-clip-thumb-strip{z-index:0;opacity:.55;display:flex;position:absolute;inset:0;overflow:hidden}.st-clip.is-selected .st-clip-thumb-strip{opacity:.3}.st-clip-thumb-section{background-position:50%;background-size:cover;flex:1;min-width:0}.st-clip-label{z-index:1;pointer-events:none;background:#0000002e;border-radius:2px;align-self:flex-start;padding:1px 6px;position:relative}.st-clip-handle{cursor:ew-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0}.st-clip-handle--left{border-left:2px solid #0000;left:0}.st-clip-handle--right{border-right:2px solid #0000;right:0}.st-clip:hover .st-clip-handle--left,.st-clip.is-selected .st-clip-handle--left{border-left-color:var(--accent-hover)}.st-clip:hover .st-clip-handle--right,.st-clip.is-selected .st-clip-handle--right{border-right-color:var(--accent-hover)}.st-timeline[data-trim-mode=ripple] .st-clip-handle--left{cursor:w-resize}.st-timeline[data-trim-mode=ripple] .st-clip-handle--right{cursor:e-resize}.st-timeline[data-trim-mode=roll] .st-clip-handle{cursor:col-resize}.st-timeline[data-trim-mode=slip] .st-clip{cursor:all-scroll}.st-timeline[data-trim-mode=slide] .st-clip{cursor:ew-resize}.st-clip.is-trim-preview{outline:1px dashed var(--accent-hover);outline-offset:-1px;z-index:2}.st-trim-badge{z-index:4;font-size:var(--font-size-xs,11px);white-space:nowrap;pointer-events:none;background:var(--bg-deep);border:1px solid var(--accent);color:var(--text);padding:1px 6px;position:absolute}.st-clip-fade{pointer-events:none;position:absolute;inset:0;overflow:visible}.st-clip-fade-wedge{fill:var(--bg-deep);fill-opacity:.55;pointer-events:none}.st-clip-fade-handle{fill:var(--accent);stroke:var(--bg-deep);stroke-width:1px;pointer-events:all;cursor:ew-resize}.st-clip-fade-handle:hover{fill:var(--accent-hover)}.st-clip-volume{pointer-events:none;position:absolute;inset:0}.st-clip-volume polyline{fill:none;stroke:var(--warning);stroke-width:1.5px;pointer-events:stroke;cursor:ns-resize}.st-clip-volume .st-vol-hit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:ns-resize}.st-clip-volume circle{fill:var(--warning);stroke:var(--bg-deep);stroke-width:1px;pointer-events:all;cursor:move}.st-marker{background:var(--warning);z-index:1;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.drop-zone{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--border);background:var(--bg-input);color:var(--text-muted);text-align:center;cursor:pointer;font-size:var(--font-size-sm,13px);flex-direction:column;display:flex}.drop-zone.is-dragging-over{border-color:var(--accent);color:var(--text)}.drop-zone p{margin:0}.drop-zone .text-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.drop-zone-hint{font-size:var(--font-size-xs,11px)}.textarea-field{gap:var(--space-1);flex-direction:column;display:flex}.textarea-field textarea{box-sizing:border-box;width:100%}.st-sidebar{min-width:0;overflow-y:hidden}.st-sidebar-main{gap:var(--space-3);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.st-effects-list{gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.st-effects-group{margin:var(--space-2) 0 var(--space-1);font-size:var(--font-size-xs,11px);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.st-effect-card{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);background:var(--bg-section);cursor:grab;-webkit-user-select:none;user-select:none;display:flex}.st-effect-card:hover{border-color:var(--accent)}.st-effect-card-icon{color:var(--text-muted);display:inline-flex}.st-effect-card-icon svg{width:15px;height:15px}.st-effect-card-text{flex-direction:column;min-width:0;display:flex}.st-effect-card-name{font-size:var(--font-size-sm,13px)}.st-effect-card-desc{color:var(--text-muted);font-size:10px}.st-inspector{gap:var(--space-3);flex-direction:column;min-width:0;display:flex;overflow:hidden visible}.st-inspector-collapsible-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.st-inspector-collapsible-body[hidden]{display:none}.st-inspector-collapsible.is-collapsed{gap:0}.st-inspector-collapse-toggle{margin-left:auto}.st-inspector-effect{border:1px solid var(--border);background:var(--bg-section);padding:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.st-inspector-effect.is-disabled{opacity:.55}.st-inspector-denoise{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.st-inspector-denoise .hint{margin:0}.st-inspector-effect-head{align-items:center;gap:var(--space-2);display:flex}.st-inspector-effect-head .st-effect-card-name{flex:1}.st-inspector-param{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs,11px);color:var(--text-subtle);grid-template-columns:minmax(72px,1fr) minmax(0,2fr) minmax(44px,52px);display:grid}.st-inspector-param select{width:100%;min-width:0}.st-clip-options{border:1px solid var(--border);background:var(--bg-deep);flex-direction:column;flex:none;min-width:0;min-height:0;display:flex}.st-clip-options.is-open{flex:1 1 0}.st-clip-options-toggle{width:100%;min-height:32px;padding:var(--space-2);background:var(--bg-section);color:var(--text);font:inherit;cursor:pointer;border:0;border-bottom:1px solid #0000;flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.st-clip-options.is-open .st-clip-options-toggle{border-bottom-color:var(--border)}.st-clip-options-toggle svg{width:14px;height:14px}.st-clip-options-content{min-width:0;min-height:0;padding:var(--space-2);flex:1;overflow:hidden auto}.st-inspector-param input[type=range]{width:100%;min-width:0}.st-inspector-param .st-param-value{text-align:right;font-family:var(--font-mono)}.st-inspector{--st-inspector-control-h:28px}.st-inspector input[type=text],.st-inspector input[type=number],.st-inspector input[type=password],.st-inspector input[type=color],.st-inspector select,.st-inspector .secondary-btn,.st-inspector .radio-label,.st-inspector .checkbox-label{height:var(--st-inspector-control-h);box-sizing:border-box}.st-inspector select{font-family:var(--font-mono);font-size:var(--font-size-md)}.st-inspector input[type=text],.st-inspector input[type=number],.st-inspector input[type=password],.st-inspector select{padding-block:6px}.st-inspector textarea{min-height:var(--st-inspector-control-h)}.st-inspector .icon-btn-sm{width:var(--st-inspector-control-h);height:var(--st-inspector-control-h);padding:0}.st-curve-editor{border-left:2px solid var(--border);padding-left:var(--space-2);min-width:0}.st-curve-heading,.st-curve-toolbar,.st-curve-fields{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.st-curve-heading{justify-content:flex-end}.st-curve-expand{font-family:var(--font-mono)}.st-curve-toolbar,.st-curve-fields{margin-top:var(--space-2);font-size:var(--font-size-xs,11px)}.st-curve-toolbar label,.st-curve-fields label{align-items:center;gap:var(--space-1);color:var(--text-muted);display:flex}.st-curve-toolbar select{width:auto;min-width:82px}.st-curve-fields input{width:84px}.st-curve-svg{width:100%;min-height:128px;margin-top:var(--space-2);border:1px solid var(--border);background:var(--bg-deep);touch-action:none;outline:none;display:block}.st-curve-svg:focus{border-color:var(--border-focus)}.st-curve-grid{fill:none;stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.st-curve-path{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.st-curve-playhead{stroke:var(--warning);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.st-curve-handle-line{stroke:var(--text-muted);stroke-width:1px;vector-effect:non-scaling-stroke}.st-curve-point{fill:var(--bg-input);stroke:var(--text-subtle);stroke-width:2px;cursor:move;vector-effect:non-scaling-stroke}.st-curve-point.is-selected{fill:var(--accent);stroke:var(--text-heading)}.st-curve-point:focus,.st-curve-handle:focus{stroke:var(--warning);stroke-width:3px;outline:none}.st-curve-handle{fill:var(--warning);stroke:var(--bg-deep);stroke-width:2px;cursor:crosshair;vector-effect:non-scaling-stroke}.st-curve-current{color:var(--text-subtle);font-family:var(--font-mono);margin-left:auto}@media (width<=700px){.st-curve-toolbar,.st-curve-fields{flex-direction:column;align-items:stretch}.st-curve-toolbar label,.st-curve-fields label{justify-content:space-between;width:100%}.st-curve-toolbar select,.st-curve-fields input{width:min(55%,150px)}.st-curve-current{margin-left:0}}.st-clip.is-effect-drop{border-color:var(--warning);background:var(--bg-input)}.st-clip.is-transition-drop-in{box-shadow:inset 18px 0 0 -2px var(--warning)}.st-clip.is-transition-drop-out{box-shadow:inset -18px 0 0 -2px var(--warning)}.st-clip-transition{pointer-events:none;background:color-mix(in srgb, var(--accent) 35%, transparent);position:absolute;top:0;bottom:0}.st-clip-transition--in{clip-path:polygon(0 100%,100% 0,100% 100%);left:0}.st-clip-transition--out{clip-path:polygon(0 0,100% 100%,0 100%);right:0}.st-clip-freeze{pointer-events:none;background:repeating-linear-gradient(-45deg,#00000061 0 3px,#0000 3px 8px);border-left:1px solid #ffffff8c;position:absolute;top:0;bottom:0}.st-provider-select .custom-select-trigger{justify-content:space-between;width:100%}.st-provider-select .custom-select-trigger:after{content:"▾";color:var(--text-muted);margin-left:auto}.st-chat{gap:var(--space-3);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative}.st-chat-session-panel{z-index:20;inset:42px var(--space-2) auto var(--space-2);max-height:min(420px,70%);padding:var(--space-2);border:1px solid var(--border);background:var(--bg-section);box-shadow:var(--shadow-modal);position:absolute;overflow:hidden}.st-chat-session-panel[hidden]{display:none}.st-chat-session-list{max-height:340px;margin-top:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.st-chat-session-row{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid #0000;border-bottom-color:var(--border);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.st-chat-session-row.is-active{border-color:var(--accent)}.st-chat-session-open{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.st-chat-session-title,.st-chat-session-date{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.st-chat-session-date{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);margin-top:2px}.st-chat-session-empty{padding:var(--space-3);color:var(--text-muted);text-align:center}.st-msg--turn-undo{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-xs,11px);padding:var(--space-1) var(--space-2);display:flex}.st-msg--turn-undo button[disabled]{opacity:.6}.st-chat-status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border);background:var(--bg-section);font-size:var(--font-size-xs,11px);color:var(--text-subtle);border-top:none;display:flex}.st-chat-status[hidden]{display:none}.st-chat-status-meta{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto}.st-chat-session-cost{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);text-align:right}.field-hint{margin-top:var(--space-1);font-size:var(--font-size-xs,11px);color:var(--text-muted);line-height:1.4}.st-inspector-note{margin:0 var(--space-2) var(--space-2);font-size:var(--font-size-xs,11px);color:var(--text-muted);font-style:italic;line-height:1.4}.st-auth-reason{font-size:var(--font-size-sm,13px);color:var(--text);margin:0;line-height:1.5}.st-auth-btn{justify-content:center;width:100%}.st-auth-error{font-size:var(--font-size-xs,11px);color:var(--error);margin:0;line-height:1.4}.st-auth-note{padding-top:var(--space-3);border-top:1px solid var(--border);margin:0;line-height:1.5}.st-model-select{width:100%}.st-model-custom{margin-top:var(--space-2);width:100%;font-family:var(--font-mono);font-size:var(--font-size-xs,11px)}.st-drive-list{border:1px solid var(--border);background:var(--bg-input);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.st-drive-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-bottom:1px solid var(--border);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.st-drive-row:last-child{border-bottom:0}.st-drive-row:hover{background:var(--hover-subtle)}.st-drive-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm,13px);overflow:hidden}.st-drive-row-meta{color:var(--text-muted);font-size:var(--font-size-xs,11px);font-family:var(--font-mono);flex:none}body:has(.st-legal){background:var(--bg);overflow:auto}.st-legal{max-width:760px;padding:var(--space-8) var(--space-4) var(--space-10);color:var(--text);font-family:var(--font);font-size:var(--font-size-base,13px);margin:0 auto;line-height:1.65}.st-legal-head{padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.st-legal-back{margin-bottom:var(--space-4);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);text-decoration:none;display:inline-block}.st-legal-back:hover{color:var(--accent)}.st-legal h1{margin:0 0 var(--space-2);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-heading);font-size:24px}.st-legal h2{margin:var(--space-8) 0 var(--space-3);color:var(--text-heading);font-size:15px}.st-legal h3{margin:var(--space-5) 0 var(--space-2);color:var(--text-subtle);font-size:13px}.st-legal p,.st-legal li{margin:0 0 var(--space-3);color:var(--text)}.st-legal ul{margin:0 0 var(--space-3);padding-left:var(--space-7)}.st-legal a{color:var(--accent)}.st-legal code{background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);word-break:break-all;padding:1px 4px}.st-legal-foot{gap:var(--space-5);margin-top:var(--space-9);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--font-size-sm,13px);display:flex}.st-options-modal .modal-card{--st-options-control-h:32px}.st-options-modal .modal-card input[type=text],.st-options-modal .modal-card input[type=password],.st-options-modal .modal-card input[type=number],.st-options-modal .modal-card input[type=color],.st-options-modal .modal-card select,.st-options-modal .modal-card .secondary-btn,.st-options-modal .modal-card .primary-btn,.st-options-modal .modal-card .custom-select-trigger,.st-options-modal .modal-card .modal-btn-accept,.st-options-modal .modal-card .icon-btn,.st-options-modal .modal-card .radio-label{height:var(--st-options-control-h);box-sizing:border-box}.st-options-modal .modal-card .icon-btn{width:var(--st-options-control-h);padding:0}.st-content-views{gap:0;display:flex}.st-content-views .secondary-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.st-transcript-toolbar{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.st-transcript-toolbar .secondary-btn.is-active{border-color:var(--accent);color:var(--accent)}.st-transcript{gap:var(--space-2);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow-y:auto}.st-transcript-line{gap:var(--space-2);grid-template-columns:52px 1fr;align-items:baseline;padding:2px 0;display:grid}.st-transcript-line.is-partial .st-transcript-time{color:var(--warning)}.st-transcript-time{font-family:var(--font-mono);font-size:var(--font-size-xs,11px);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.st-transcript-time:hover{color:var(--accent)}.st-transcript-text{margin:0;line-height:1.6}.st-transcript-speaker{margin-right:var(--space-2);color:var(--accent);font-weight:600}.st-word{cursor:text;padding:1px 2px}.st-word:hover{background:var(--bg-input)}.st-word.is-selected{background:var(--accent);color:var(--bg-deep)}.st-word.is-playing{box-shadow:inset 0 -2px 0 var(--accent)}.st-word.is-filler{background:color-mix(in srgb, var(--warning) 30%, transparent)}.st-word.is-estimated{border-bottom:1px dotted var(--text-muted)}.st-empty-state{padding:var(--space-5) var(--space-3);text-align:center;color:var(--text-muted)}.st-scenes{gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.st-scene-group-head{justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border);align-items:baseline;display:flex}.st-scene{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:62px 1fr;display:grid}.st-scene-time{font-family:var(--font-mono);font-size:var(--font-size-xs,11px);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.st-scene-time:disabled{cursor:default;opacity:.5}.st-scene-time:not(:disabled):hover{color:var(--accent)}.st-scene-summary{margin:0 0 var(--space-1);line-height:1.4}.st-scene-chips{gap:var(--space-1);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.st-scene-text{margin:0;font-style:italic}.st-chip{padding:1px var(--space-2);border:1px solid var(--border);background:var(--bg-section);font-size:var(--font-size-xs,11px);line-height:1.6}.st-chip-quiet{color:var(--text-muted)}.st-chip-action{cursor:pointer;color:var(--text)}.st-chip-action:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.st-chip-action:disabled{cursor:default;opacity:.45}.st-index-card{width:min(560px,92vw)}.st-index-count{gap:var(--space-3);grid-template-columns:1fr 72px;align-items:center;display:grid}.st-index-preview{gap:var(--space-1);max-height:108px;padding:var(--space-2);border:1px solid var(--border);background:var(--bg-section);flex-wrap:wrap;display:flex;overflow-y:auto}.st-index-preview .st-chip{font-family:var(--font-mono)}.st-index-cost{color:var(--accent);margin:0}.st-index-card .btn-group .secondary-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.st-index-card .btn-group .secondary-btn:disabled{opacity:.45;cursor:default}.st-track-patch{opacity:.4}.st-track-header:hover .st-track-patch,.st-track-patch.is-active{opacity:1}.st-track-patch.is-active{color:var(--accent)}.st-track-header.is-targeted{border-left:2px solid var(--accent)}.st-source-window:focus{outline:2px solid var(--accent)}.st-preview-source{padding:var(--space-2);border-top:1px solid var(--border);background:var(--bg-section)}.st-preview-scrub{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;height:22px;position:relative}.st-preview-range{background:color-mix(in srgb, var(--accent) 26%, transparent);border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;position:absolute;top:0;bottom:0}.st-preview-mark{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.st-preview-playhead{background:var(--text-heading);pointer-events:none;width:1px;position:absolute;top:-2px;bottom:-2px}.st-preview-transport{align-items:center;gap:var(--space-1);margin-top:var(--space-2);display:flex}.st-preview-transport .icon-btn{min-width:24px;font-family:var(--font-mono);line-height:1}.st-preview-timecode{font-family:var(--font-mono);font-size:var(--font-size-xs,11px);margin-left:auto}.st-preview-edits{gap:var(--space-1);margin-top:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.st-preview-edits .secondary-btn{padding-inline:var(--space-1)}.st-preview-hint{margin:var(--space-2) 0 0;min-height:1em;color:var(--text-muted);font-size:var(--font-size-xs,11px)}.st-media-preview-placeholder{aspect-ratio:16/9;padding:var(--space-4);color:var(--text-heading);text-align:center;background:#000;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.st-source-window .st-media-preview-info,.st-source-window .st-media-preview-image-label{cursor:grab}.st-source-window .st-media-preview-info:active{cursor:grabbing}.st-media-row-action[data-action=preview].is-active{visibility:visible;color:var(--accent);border-color:var(--accent)}.st-context-card{width:min(760px,92vw);max-height:86vh;overflow-y:auto}.st-context-add{gap:var(--space-2);align-items:center;display:flex}.st-context-add input{flex:1;min-width:0}.st-context-section{border-top:1px solid var(--border);padding-top:var(--space-2)}.st-context-section h4{font-size:var(--font-size-sm,13px);margin:0}.st-context-list{gap:var(--space-1);flex-direction:column;display:flex}.st-context-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);background:var(--bg-section);display:flex}.st-context-row.is-off{opacity:.55}.st-context-row.is-off .st-context-text{text-decoration:line-through}.st-context-kind{padding:2px var(--space-1);border:1px solid var(--border);color:var(--text-muted);font-size:var(--font-size-xs,11px);text-transform:uppercase;letter-spacing:.04em;flex:none}.st-context-kind--rule{border-color:var(--accent);color:var(--accent)}.st-context-body{flex:1;min-width:0}.st-context-text{font-size:var(--font-size-sm,13px);outline:none;line-height:1.4}.st-context-text:focus{outline:1px solid var(--accent);outline-offset:2px}.st-context-meta{color:var(--text-muted);font-size:var(--font-size-xs,11px);margin-top:2px}.st-context-actions{gap:2px;display:flex}.st-context-violations{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--warning,#e8b339);flex-direction:column;display:flex}.st-context-violations-head{color:var(--warning,#e8b339);font-size:var(--font-size-sm,13px);font-weight:600}.st-context-violation{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.st-context-violation-go{text-align:left;color:var(--text);font-family:inherit;font-size:var(--font-size-xs,11px);cursor:pointer;background:0 0;border:none;flex:1;padding:0}.st-context-violation-go:hover{color:var(--accent)}.st-context-btn{position:relative}.st-context-btn.has-violations{color:var(--warning,#e8b339)}.st-context-badge{background:var(--warning,#e8b339);min-width:14px;height:14px;color:var(--bg-deep,#000);text-align:center;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:0;right:0}