:root{--color-gray-0:#fff;--color-gray-25:#fcfcfc;--color-gray-50:#f9f9f9;--color-gray-75:#f3f3f3;--color-gray-100:#ececec;--color-gray-200:#e3e3e3;--color-gray-300:#cdcdcd;--color-gray-400:#b4b4b4;--color-gray-500:#9b9b9b;--color-gray-600:#676767;--color-gray-700:#424242;--color-gray-800:#212121;--color-gray-900:#171717;--color-gray-950:#0d0d0d;--color-orange-25:#f0fafd;--color-orange-50:#d9f2f9;--color-orange-100:#a3e2f2;--color-orange-200:#00acdb;--color-orange-300:#0096be;--color-orange-400:#007da1;--color-orange-500:#006585;--color-orange-600:#004e66;--color-orange-700:#003649;--color-red-500:#e02e2a;--color-green-500:#04b84c;--color-blue-500:#0285ff;--background:var(--color-gray-0);--foreground:var(--color-gray-950);--surface:var(--color-gray-0);--surface-alt:var(--color-gray-50);--surface-hover:#0000000a;--bg-tertiary:var(--color-gray-75);--bg-secondary:var(--color-gray-100);--bg-elevated:var(--color-gray-50);--bg-scrim:#0d0d0d80;--bg-media:#000;--text-primary:var(--color-gray-950);--text-secondary:#5d5d5d;--text-tertiary:#8f8f8f;--text-inverted:var(--color-gray-0);--text-muted:#0000008c;--text-faint:#00000059;--border:#0d0d0d1a;--border-heavy:#0d0d0d26;--border-light:#0d0d0d0a;--border-strong:#0000002e;--border-hover:#00000047;--divider:#0d0d0d0a;--divider-heavy:#0d0d0d14;--icon-primary:var(--color-gray-950);--icon-secondary:#5d5d5d;--icon-tertiary:#8f8f8f;--accent:var(--color-orange-200);--accent-rgb:0, 172, 219;--accent-hover:var(--color-orange-300);--accent-dark:var(--color-orange-400);--accent-subtle:#00acdb14;--accent-light:#00acdb29;--accent-border:#00acdba6;--accent-on:var(--foreground);--error:var(--color-red-500);--success:var(--color-green-500);--warning:var(--color-orange-500);--info:var(--color-blue-500);--toast-success-bg:#edfaf2;--toast-success-border:#d9f4e4;--toast-success-text:#00692a;--toast-error-bg:#fff0f0;--toast-error-border:#ffe1e0;--toast-error-text:#911e1b;--toast-warning-bg:#f0f5ff;--toast-warning-border:#d9e7ff;--toast-warning-text:#003649;--toast-info-bg:#fffaf5;--toast-info-border:#fff3e5;--toast-info-text:#7a3f00;--overlay:#0d0d0d40;--overlay-modal:#0d0d0d66;--radius-xs:2px;--radius-sm:4px;--radius-md:7px;--radius-lg:8px;--radius-btn:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-card:0 2px 8px #0000000f;--shadow-card-hover:0 4px 16px #0000001a;--shadow-popover:0 8px 30px #00000014;--shadow-elevated:0 8px 24px #0000001a;--shadow-toolbar:0 4px 16px #0000001a;--shadow-modal:0 20px 60px #0000001f;--shadow-toggle-active:0 1px 3px #0000000f;--font-sans:ui-sans-serif, -apple-system, system-ui, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-2xs:10px;--text-xs:11px;--text-caption:12px;--text-sm:12px;--text-footnote:13px;--text-base:13px;--text-body-sm:14px;--text-md:14px;--text-body:16px;--text-lg:18px;--text-xl:24px;--text-2xl:28px;--leading-caption:16px;--leading-footnote:18px;--leading-body-sm:20px;--leading-body:26px;--leading-heading:26px;--leading-tight:1.15;--leading-normal:1.4;--leading-relaxed:1.5;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--z-local:1;--z-local-raised:2;--z-local-overlay:5;--z-sidebar:10;--z-panel:20;--z-panel-overlay:30;--z-resizer:40;--z-dropdown:100;--z-modal:200;--z-toast:300;--scrollbar-size:5px;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--ease:.15s ease;--ease-slow:.2s ease}:root[data-theme=dark]{--background:#1a1a1a;--foreground:#f0f0f0;--surface:#1a1a1a;--surface-alt:#212121;--surface-hover:#ffffff0f;--bg-tertiary:#2a2a2a;--bg-secondary:#2e2e2e;--bg-elevated:#242424;--bg-scrim:#0009;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#707070;--text-inverted:#0d0d0d;--text-muted:#ffffff8c;--text-faint:#ffffff4d;--border:#ffffff1a;--border-heavy:#ffffff26;--border-light:#ffffff0f;--border-strong:#fff3;--border-hover:#ffffff4d;--divider:#ffffff0f;--divider-heavy:#ffffff1a;--icon-primary:#f0f0f0;--icon-secondary:#a0a0a0;--icon-tertiary:#707070;--accent-hover:var(--color-orange-100);--accent-dark:var(--color-orange-300);--accent-subtle:#00acdb1f;--accent-light:#00acdb38;--accent-border:#00acdb8c;--accent-on:#0d0d0d;--error:#f45452;--success:#34c759;--warning:#428cff;--info:#ffa63e;--toast-success-bg:#1a2e22;--toast-success-border:#243d2e;--toast-success-text:#6ee09a;--toast-error-bg:#2e1a1a;--toast-error-border:#3d2424;--toast-error-text:#f09090;--toast-warning-bg:#18222e;--toast-warning-border:#202e3d;--toast-warning-text:#70b0f0;--toast-info-bg:#302218;--toast-info-border:#422e1e;--toast-info-text:#f0c080;--overlay:#0006;--overlay-modal:#0009;--shadow-xs:0 1px 2px #00000029;--shadow-sm:0 1px 3px #0000003d;--shadow-card:0 2px 8px #0000003d;--shadow-card-hover:0 4px 16px #00000052;--shadow-popover:0 8px 30px #00000052;--shadow-elevated:0 8px 24px #00000052;--shadow-toolbar:0 4px 16px #00000052;--shadow-modal:0 20px 60px #00000080;--shadow-toggle-active:0 1px 3px #0000003d;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff47}html,body{width:100%;max-width:100vw;height:100%;overflow:hidden}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--text-body-sm);line-height:var(--leading-body-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-light);outline:none}.btn{height:34px;font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-btn);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--ease), border-color var(--ease), color var(--ease), opacity var(--ease), box-shadow var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px 2px;line-height:1;display:inline-flex}.btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--foreground);border-color:var(--foreground);color:var(--text-inverted)}.btn-primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--foreground)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-hover);color:var(--foreground)}.btn-danger{border-color:var(--error);color:var(--error);background:0 0}.btn-danger:hover{background:var(--error);color:var(--text-inverted)}.btn-danger-fill{background:var(--error);border-color:var(--error);color:var(--text-inverted)}.btn-danger-fill:hover{opacity:.9}.btn-sm{height:26px;font-size:var(--text-xs);border-radius:var(--radius-sm);padding:0 10px 2px}.btn-lg{border-radius:var(--radius-xl);height:42px;padding:0 22px 2px;font-size:15px}.section-title{font-size:var(--text-caption);font-weight:var(--font-semibold);line-height:var(--leading-caption);color:var(--text-secondary)}.icon-btn{background:var(--bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;width:34px;height:34px;color:var(--icon-secondary);transition:background var(--ease), color var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-secondary);color:var(--icon-primary)}.icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--range-pct,50%), var(--border) var(--range-pct,50%));cursor:pointer;border:none;border-radius:9999px;outline:none;height:4px}input[type=range]:focus,input[type=range]:focus-visible{box-shadow:none;outline:none}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:9999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;outline:none;width:12px;height:12px;margin-top:-4px}input[type=range]::-moz-range-track{background:0 0;border:none;border-radius:9999px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:9999px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}input[type=range]::-moz-focus-outer{border:0}