: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:hover{background:var(--accent)}.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{gap:var(--space-2);flex-direction:column;display:flex}.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)}body{color:var(--text);font-family:var(--font);font-size:var(--font-size-base,13px);background:#05070e;margin:0;line-height:1.65}.st-landing{max-width:1040px;padding:var(--space-7) var(--space-4) var(--space-10);margin:0 auto}.js [data-reveal]{opacity:0;transition:opacity .55s var(--easing-standard), transform .55s var(--easing-standard);will-change:opacity, transform;transform:translateY(18px)}.js [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transition:none;transform:none}}.st-hero{text-align:center;padding:var(--space-9) 0 var(--space-7)}.st-hero-logo{width:88px;height:88px;margin:0 auto var(--space-5);border:1px solid var(--border);display:block}.st-hero h1{margin:0 0 var(--space-4);font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-heading);font-size:clamp(34px,7vw,56px);font-weight:700}.st-hero-lede{max-width:560px;margin:0 auto var(--space-7);color:var(--text-subtle);font-size:clamp(15px,2.4vw,19px);line-height:1.5}.st-hero-lede strong{color:var(--text-heading);font-weight:600}.st-hero-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.st-hero-note{margin:var(--space-5) 0 0;font-size:var(--font-size-xs,11px);color:var(--text-muted);font-family:var(--font-mono)}.st-btn{padding:var(--space-3) var(--space-7);border:1px solid var(--border);background:var(--bg-section);color:var(--text);font-size:var(--font-size-sm,13px);transition:border-color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard);text-decoration:none;display:inline-block}.st-btn:hover{border-color:var(--accent);background:var(--hover-subtle)}.st-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.st-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.st-btn--lg{padding:var(--space-4) var(--space-9);font-size:var(--font-size-lg,14px)}.st-stage{margin:0 0 var(--space-8);border:1px solid var(--border);background:#05070e;overflow:hidden}.st-canvas{width:100%;display:block}.st-canvas--hero{height:clamp(240px,34vw,340px)}.st-canvas--agent{height:210px}.st-canvas--photo{height:clamp(260px,36vw,360px)}.st-stage--photo{margin-top:var(--space-6)}.st-stage-cap{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);color:var(--text-muted)}.st-panel{border:1px solid var(--border);background:var(--bg-deep);padding:var(--space-2)}.st-section{padding:var(--space-9) 0;border-top:1px solid var(--border)}.st-eyebrow{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.st-h2{margin:0 0 var(--space-4);color:var(--text-heading);font-size:clamp(21px,3.4vw,30px);font-weight:700;line-height:1.2}.st-prose{max-width:560px;margin:0 0 var(--space-4);color:var(--text-subtle)}.st-about .st-h2{margin-bottom:var(--space-5)}.st-prose--wide{max-width:720px;font-size:var(--font-size-lg,14px)}.st-prose--center{text-align:center;margin-left:auto;margin-right:auto}.st-split{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=760px){.st-split{grid-template-columns:1fr}}.st-ticks{color:var(--text-subtle);margin:0;padding:0;list-style:none}.st-ticks li{padding-left:var(--space-6);margin-bottom:var(--space-3);position:relative}.st-ticks li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:.62em;left:0}.st-landing code{background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size-xs,11px);padding:1px 5px}.st-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.st-grid--four{margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.st-card{padding:var(--space-5);background:var(--bg-section);border:1px solid var(--border);transition:border-color var(--duration-base) var(--easing-standard)}.st-card:hover{border-color:var(--accent)}.st-card--tight{padding:var(--space-4)}.st-grid--two{margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.st-card--editor{gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.st-card--editor h3{font-size:var(--font-size-xl,18px);margin:0}.st-card--editor .st-btn{align-self:flex-start;margin-top:auto}.st-card h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg,14px);color:var(--text-heading)}.st-card p{color:var(--text-muted);font-size:var(--font-size-sm,13px);margin:0}.st-stats{gap:var(--space-6);margin-bottom:var(--space-7);text-align:center;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.st-stat-value{font-family:var(--font-mono);color:var(--accent);font-size:clamp(30px,5vw,42px);font-weight:700;line-height:1.1;display:block}.st-stat-label{margin-top:var(--space-2);font-size:var(--font-size-xs,11px);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:block}.st-cta{padding:var(--space-10) 0;border-top:1px solid var(--border);text-align:center}.st-landing-foot{gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--font-size-xs,11px);color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;display:flex}.st-landing-foot a{color:var(--text-muted);text-decoration:none}.st-landing-foot a:hover{color:var(--accent)}