:root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#0f172a;--surface-muted:#eef2f7;--text:#334155;--text-strong:#111827;--text-muted:#5f6b7a;--line:#d9e0ea;--line-strong:#c0cad8;--accent:#c2410c;--accent-strong:#9a3412;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 80px #0f172a1f;--shadow-strong:0 16px 46px #0f172a14;--radius:8px;--radius-sm:6px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--bt-bg:var(--bg);--bt-fg:var(--text-strong);--bt-text:var(--text);--bt-muted-fg:var(--text-muted);--bt-surface:var(--surface);--bt-surface-muted:var(--surface-muted);--bt-surface-strong:var(--surface-strong);--bt-border:var(--line);--bt-border-strong:var(--line-strong);--bt-primary:var(--accent);--bt-primary-hover:var(--accent-strong);--bt-primary-fg:var(--theme-primary-foreground,#fff);--bt-secondary:var(--teal);--bt-secondary-fg:var(--theme-teal-foreground,#fff);--bt-info:var(--blue);--bt-success:var(--green);--bt-danger:var(--theme-danger,#dc2626);--bt-danger-fg:var(--theme-danger-foreground,#fff);--bt-ring:var(--theme-focus,color-mix(in srgb, var(--accent), transparent 62%));--bt-radius:var(--radius);--bt-radius-sm:var(--radius-sm);--bt-font-sans:var(--font-sans);--bt-font-mono:var(--font-mono);--bt-shadow:var(--shadow);--bt-shadow-strong:var(--shadow-strong);--bt-button-bg:var(--surface-strong);--bt-button-fg:var(--bg);--bt-button-border:var(--line);--bt-input-bg:var(--surface);--bt-input-fg:var(--text-strong);--bt-input-border:var(--line-strong);--bt-select-popup-bg:var(--theme-popup-bg,var(--surface));--bt-select-popup-fg:var(--theme-popup-text,var(--text-strong));--bt-tabs-active-bg:var(--surface);--bt-tabs-active-fg:var(--text-strong);--bt-border-width:var(--theme-border-width);--bt-font-weight:var(--theme-font-weight);--bt-duration:var(--theme-transition-duration);--bt-letter-spacing:var(--theme-letter-spacing);--bt-control-height:var(--theme-control-height);--topbar-bg:#ffffffc7;--topbar-border:#d9e0ead1;--card-bg:#ffffffe0;--chip-bg:#fff;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#111827;--backdrop:#0f172a7a;--code-bg:var(--surface-strong);--code-text:#dbeafe;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:var(--accent-strong);--selection-text:#fff;--theme-border-width:1px;--theme-font-weight:720;--theme-transition-duration:.16s;--theme-letter-spacing:0;--theme-control-height:40px}[data-theme=dark]{--bg:#0b1120;--surface:#111827;--surface-strong:#e2e8f0;--surface-muted:#1e293b;--text:#cbd5e1;--text-strong:#f1f5f9;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#334155;--accent:#fb923c;--accent-strong:#f97316;--teal:#2dd4bf;--blue:#60a5fa;--green:#4ade80;--shadow:0 24px 80px #0006;--shadow-strong:0 16px 46px #0000004d;--topbar-bg:#111827d1;--topbar-border:#33415599;--card-bg:#111827e0;--chip-bg:#1e293b;--group-bg:#1e293b;--nav-bg:#1e293b;--track-bg:#334155;--switch-off-bg:#334155;--hero-text:#f1f5f9;--backdrop:#0009;--code-bg:#1e293b;--code-text:#cbd5e1;--code-keyword:#d8b4fe;--code-string:#bbf7d0;--code-component:#bfdbfe;--code-tag:#fecaca;--code-number:#fed7aa;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--selection-bg:var(--accent-strong);--selection-text:#111827}[data-style=shadcn]{--bg:#fff;--surface:#fff;--surface-strong:#09090b;--surface-muted:#f4f4f5;--text:#27272a;--text-strong:#09090b;--text-muted:#52525b;--line:#e4e4e7;--line-strong:#d4d4d8;--accent:#18181b;--accent-strong:#09090b;--teal:#18181b;--blue:#2563eb;--green:#16a34a;--shadow:0 10px 30px #18181b14;--shadow-strong:0 8px 24px #18181b14;--radius:8px;--radius-sm:6px;--topbar-bg:#ffffffe6;--topbar-border:#e4e4e7db;--card-bg:#fff;--chip-bg:#fafafa;--group-bg:#f4f4f5;--nav-bg:#f4f4f5;--track-bg:#e4e4e7;--switch-off-bg:#e4e4e7;--hero-text:#09090b;--backdrop:#18181bb8;--code-bg:#09090b;--code-text:#fafafa;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#a1a1aa;--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;--selection-bg:#18181b;--selection-text:#fafafa}[data-style=shadcn][data-theme=dark]{--bg:#09090b;--surface:#09090b;--surface-strong:#fafafa;--surface-muted:#18181b;--text:#e4e4e7;--text-strong:#fafafa;--text-muted:#a1a1aa;--line:#27272a;--line-strong:#3f3f46;--accent:#fafafa;--accent-strong:#fff;--teal:#fafafa;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 48px #0000006b;--shadow-strong:0 14px 38px #00000057;--topbar-bg:#09090be6;--topbar-border:#27272adb;--card-bg:#09090b;--chip-bg:#18181b;--group-bg:#18181b;--nav-bg:#18181b;--track-bg:#27272a;--switch-off-bg:#27272a;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#18181b;--code-text:#e4e4e7;--code-comment:#a1a1aa;--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#71717a;--selection-bg:#fafafa;--selection-text:#09090b}[data-style=neo-brutalism]{--bg:#fff7d6;--surface:#fff;--surface-strong:#111;--surface-muted:#ffe66d;--text:#111;--text-strong:#000;--text-muted:#3f3f46;--line:#111;--line-strong:#000;--accent:#ff4d6d;--accent-strong:#ff2f57;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #111;--shadow-strong:8px 8px 0 #111;--radius:4px;--radius-sm:3px;--topbar-bg:#fff7d6;--topbar-border:#111;--card-bg:#fff;--chip-bg:#ffe66d;--group-bg:#fff;--nav-bg:#fff;--track-bg:#fff;--switch-off-bg:#fff;--hero-text:#000;--backdrop:#0000006b;--code-bg:#111;--code-text:#fff7d6;--code-keyword:#ff99c8;--code-string:#a9def9;--code-component:#fdffb6;--code-tag:#caffbf;--code-number:#ffd6a5;--code-comment:#bdbdbd;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#111;--selection-text:#fff7d6}[data-style=neo-brutalism][data-theme=dark]{--bg:#161616;--surface:#242424;--surface-strong:#fff7d6;--surface-muted:#3a3a3a;--text:#f5f5f5;--text-strong:#fff;--text-muted:#d4d4d8;--line:#fff7d6;--line-strong:#fff;--accent:#ff4d6d;--accent-strong:#ff7a90;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #fff7d6;--shadow-strong:8px 8px 0 #fff7d6;--topbar-bg:#161616;--topbar-border:#fff7d6;--card-bg:#242424;--chip-bg:#3a3a3a;--group-bg:#242424;--nav-bg:#242424;--track-bg:#3a3a3a;--switch-off-bg:#3a3a3a;--hero-text:#fff;--backdrop:#000000b8;--code-bg:#000;--code-text:#fff7d6;--scrollbar-thumb:#fff7d6;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#fff7d6;--selection-text:#111}[data-style=minimal]{--bg:#f8fafc;--surface:#fff;--surface-strong:#111827;--surface-muted:#f1f5f9;--text:#334155;--text-strong:#0f172a;--text-muted:#52637a;--line:#e2e8f0;--line-strong:#94a3b8;--accent:#0f172a;--accent-strong:#020617;--teal:#334155;--blue:#2563eb;--green:#15803d;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#f8fafceb;--topbar-border:#e2e8f0eb;--card-bg:#fff;--chip-bg:#f8fafc;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#0f172a;--backdrop:#0f172a8f;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:#0f172a;--selection-text:#fff}[data-style=minimal][data-theme=dark]{--bg:#020617;--surface:#020617;--surface-strong:#f8fafc;--surface-muted:#0f172a;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#475569;--accent:#f8fafc;--accent-strong:#fff;--teal:#cbd5e1;--blue:#60a5fa;--green:#4ade80;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#020617eb;--topbar-border:#1e293beb;--card-bg:#020617;--chip-bg:#0f172a;--group-bg:#0f172a;--nav-bg:#0f172a;--track-bg:#1e293b;--switch-off-bg:#1e293b;--hero-text:#f8fafc;--backdrop:#000000b8;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#334155;--scrollbar-thumb-hover:#64748b;--selection-bg:#f8fafc;--selection-text:#020617}[data-style=enterprise]{--bg:#f3f6fb;--surface:#fff;--surface-strong:#0b1f44;--surface-muted:#e8eef8;--text:#27364b;--text-strong:#10213d;--text-muted:#52647c;--line:#cfd9e8;--line-strong:#9fb0c8;--accent:#1d4ed8;--accent-strong:#1e40af;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 14px 34px #10213d1a;--shadow-strong:0 10px 26px #10213d1f;--radius:6px;--radius-sm:4px;--topbar-bg:#ffffffeb;--topbar-border:#cfd9e8f0;--card-bg:#fff;--chip-bg:#eef4ff;--group-bg:#eef4ff;--nav-bg:#e8eef8;--track-bg:#d9e3f2;--switch-off-bg:#d9e3f2;--hero-text:#10213d;--backdrop:#0b1f448f;--code-bg:#0b1f44;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#b6c5da;--scrollbar-track:transparent;--scrollbar-thumb:#b6c5da;--scrollbar-thumb-hover:#7f91ad;--selection-bg:#1d4ed8;--selection-text:#fff}[data-style=enterprise][data-theme=dark]{--bg:#071426;--surface:#0d1b31;--surface-strong:#e5eefc;--surface-muted:#13233c;--text:#c6d3e6;--text-strong:#f1f7ff;--text-muted:#8da0bb;--line:#1d3353;--line-strong:#355174;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 50px #00000061;--shadow-strong:0 12px 34px #00000052;--topbar-bg:#071426eb;--topbar-border:#1d3353eb;--card-bg:#0d1b31;--chip-bg:#13233c;--group-bg:#13233c;--nav-bg:#13233c;--track-bg:#1d3353;--switch-off-bg:#1d3353;--hero-text:#f1f7ff;--backdrop:#000000ad;--code-bg:#020b16;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8da0bb;--scrollbar-track:transparent;--scrollbar-thumb:#355174;--scrollbar-thumb-hover:#536f94;--selection-bg:#93c5fd;--selection-text:#071426}[data-style=linear]{--bg:#f7f8fb;--surface:#fff;--surface-strong:#17171c;--surface-muted:#f0f1f5;--text:#3f3f46;--text-strong:#18181b;--text-muted:#52525b;--line:#e4e7ee;--line-strong:#c9ced8;--accent:#5b5bd6;--accent-strong:#4848c7;--teal:#047857;--blue:#4f46e5;--green:#22c55e;--shadow:0 18px 48px #26263a1a;--shadow-strong:0 12px 34px #26263a1f;--radius:10px;--radius-sm:7px;--topbar-bg:#ffffffdb;--topbar-border:#e4e7eee6;--card-bg:#ffffffeb;--chip-bg:#f6f6fa;--group-bg:#f0f1f5;--nav-bg:#f0f1f5;--track-bg:#dfe2ea;--switch-off-bg:#dfe2ea;--hero-text:#18181b;--backdrop:#18181b9e;--code-bg:#17171c;--code-text:#e4e4e7;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#c9ced8;--scrollbar-thumb-hover:#8f98aa;--selection-bg:#5b5bd6;--selection-text:#fff}[data-style=linear][data-theme=dark]{--bg:#09090d;--surface:#111116;--surface-strong:#f7f7fb;--surface-muted:#191922;--text:#d4d4dc;--text-strong:#fafafa;--text-muted:#9494a3;--line:#262633;--line-strong:#3a3a4a;--accent:#8b8cff;--accent-strong:#a7a7ff;--teal:#34d399;--blue:#8b8cff;--green:#4ade80;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #8b8cff29;--topbar-bg:#09090ddb;--topbar-border:#262633e6;--card-bg:#111116f0;--chip-bg:#191922;--group-bg:#191922;--nav-bg:#191922;--track-bg:#262633;--switch-off-bg:#262633;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#050507;--code-text:#e4e4e7;--code-keyword:#a7a7ff;--code-string:#34d399;--code-component:#8b8cff;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#9494a3;--scrollbar-thumb:#3a3a4a;--scrollbar-thumb-hover:#67677a;--selection-bg:#a7a7ff;--selection-text:#09090d}[data-style=glass]{--bg:#eaf4ff;--surface:#ffffffad;--surface-strong:#17304f;--surface-muted:#ffffff75;--text:#334155;--text-strong:#10233d;--text-muted:#334155;--line:#3b82f64d;--line-strong:#2563eb75;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 70px #2563eb2e;--shadow-strong:0 16px 50px #2563eb33;--radius:18px;--radius-sm:12px;--topbar-bg:#ffffff8f;--topbar-border:#ffffffb8;--card-bg:#ffffff94;--chip-bg:#ffffff7a;--group-bg:#ffffff6b;--nav-bg:#ffffff70;--track-bg:#ffffff85;--switch-off-bg:#ffffff85;--hero-text:#10233d;--backdrop:#0f172a7a;--code-bg:#0f172aeb;--code-text:#e0f2fe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#2563eb61;--scrollbar-thumb-hover:#2563eb94;--selection-bg:#2563eb;--selection-text:#fff}[data-style=glass][data-theme=dark]{--bg:#08111f;--surface:#0f172a9e;--surface-strong:#f0f9ff;--surface-muted:#1e293b8f;--text:#cbd5e1;--text-strong:#f0f9ff;--text-muted:#94a3b8;--line:#94a3b842;--line-strong:#7dd3fc5c;--accent:#38bdf8;--accent-strong:#7dd3fc;--teal:#22d3ee;--blue:#60a5fa;--green:#4ade80;--topbar-bg:#08111f94;--topbar-border:#94a3b83d;--card-bg:#0f172a94;--chip-bg:#1e293b85;--group-bg:#1e293b7a;--nav-bg:#1e293b7a;--track-bg:#334155b8;--switch-off-bg:#334155b8;--hero-text:#f0f9ff;--backdrop:#000000a8;--code-bg:#020617f0;--code-text:#e0f2fe;--code-keyword:#c084fc;--code-string:#67e8f9;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#94a3b8;--scrollbar-thumb:#7dd3fc57;--scrollbar-thumb-hover:#7dd3fc8f;--selection-bg:#7dd3fc;--selection-text:#08111f}[data-style=terminal]{--bg:#07130f;--surface:#0b1d17;--surface-strong:#d1fae5;--surface-muted:#10281f;--text:#a7f3d0;--text-strong:#ecfdf5;--text-muted:#6ee7b7;--line:#1f4d3d;--line-strong:#34d399;--accent:#22c55e;--accent-strong:#86efac;--teal:#2dd4bf;--blue:#38bdf8;--green:#22c55e;--shadow:0 0 0 1px #34d39947, 0 0 28px #22c55e1a;--shadow-strong:0 0 0 1px #34d39961, 0 0 38px #22c55e29;--radius:2px;--radius-sm:2px;--font-sans:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--topbar-bg:#07130ff0;--topbar-border:#34d39957;--card-bg:#0b1d17;--chip-bg:#10281f;--group-bg:#10281f;--nav-bg:#10281f;--track-bg:#1f4d3d;--switch-off-bg:#1f4d3d;--hero-text:#ecfdf5;--backdrop:#000000c2;--code-bg:#020806;--code-text:#a7f3d0;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#65a30d;--scrollbar-track:transparent;--scrollbar-thumb:#1f4d3d;--scrollbar-thumb-hover:#34d399;--selection-bg:#22c55e;--selection-text:#07130f}[data-style=terminal][data-theme=light]{--bg:#edfdf5;--surface:#f8fffb;--surface-strong:#064e3b;--surface-muted:#dcfce7;--text:#14532d;--text-strong:#052e16;--text-muted:#15803d;--line:#86efac;--line-strong:#16a34a;--accent:#15803d;--accent-strong:#166534;--teal:#0f766e;--blue:#0369a1;--green:#15803d;--topbar-bg:#edfdf5f0;--topbar-border:#16a34a57;--card-bg:#f8fffb;--chip-bg:#dcfce7;--group-bg:#dcfce7;--nav-bg:#dcfce7;--track-bg:#bbf7d0;--switch-off-bg:#bbf7d0;--hero-text:#052e16;--shadow:0 0 0 1px #16a34a38, 0 12px 28px #14532d1a;--shadow-strong:0 0 0 1px #16a34a57, 0 16px 36px #14532d24;--backdrop:#052e1670;--code-bg:#052e16;--code-text:#dcfce7;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#a7f3d0;--scrollbar-track:transparent;--scrollbar-thumb:#86efac;--scrollbar-thumb-hover:#16a34a;--selection-bg:#064e3b;--selection-text:#fff}[data-style=material]{--bg:#f8fafd;--surface:#fff;--surface-strong:#1f1f1f;--surface-muted:#edf2fb;--text:#3c4043;--text-strong:#202124;--text-muted:#5f6368;--line:#dadce0;--line-strong:#bdc1c6;--accent:#1a73e8;--accent-strong:#1558b0;--teal:#00796b;--blue:#1a73e8;--green:#188038;--shadow:0 3px 10px #3c404329, 0 1px 3px #3c40431f;--shadow-strong:0 8px 24px #3c40432e;--radius:12px;--radius-sm:8px;--topbar-bg:#ffffffeb;--topbar-border:#dadce0e6;--card-bg:#fff;--chip-bg:#edf2fb;--group-bg:#edf2fb;--nav-bg:#edf2fb;--track-bg:#dfe5f2;--switch-off-bg:#dfe5f2;--hero-text:#202124;--backdrop:#2021248f;--code-bg:#202124;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#bdc1c6;--scrollbar-thumb:#bdc1c6;--scrollbar-thumb-hover:#80868b;--selection-bg:#1a73e8;--selection-text:#fff}[data-style=material][data-theme=dark]{--bg:#101418;--surface:#1b1f23;--surface-strong:#e8eaed;--surface-muted:#242a30;--text:#c4c7c5;--text-strong:#f1f3f4;--text-muted:#9aa0a6;--line:#30363d;--line-strong:#5f6368;--accent:#8ab4f8;--accent-strong:#aecbfa;--teal:#80cbc4;--blue:#8ab4f8;--green:#81c995;--topbar-bg:#101418eb;--topbar-border:#30363de6;--card-bg:#1b1f23;--chip-bg:#242a30;--group-bg:#242a30;--nav-bg:#242a30;--track-bg:#30363d;--switch-off-bg:#30363d;--hero-text:#f1f3f4;--backdrop:#000000b8;--code-bg:#101418;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#9aa0a6;--scrollbar-thumb:#5f6368;--scrollbar-thumb-hover:#9aa0a6;--selection-bg:#aecbfa;--selection-text:#101418}[data-style=fluent]{--bg:#f5f7fb;--surface:#ffffffdb;--surface-strong:#1b1a19;--surface-muted:#eef3f8;--text:#323130;--text-strong:#201f1e;--text-muted:#605e5c;--line:#e1dfdd;--line-strong:#c8c6c4;--accent:#0078d4;--accent-strong:#106ebe;--teal:#038387;--blue:#0078d4;--green:#107c10;--shadow:0 16px 40px #0078d41a;--shadow-strong:0 10px 30px #0000001f;--radius:8px;--radius-sm:4px;--topbar-bg:#ffffffb8;--topbar-border:#e1dfdddb;--card-bg:#ffffffd1;--chip-bg:#f3f2f1;--group-bg:#f3f2f1;--nav-bg:#f3f2f1;--track-bg:#edebe9;--switch-off-bg:#edebe9;--hero-text:#201f1e;--backdrop:#201f1e85;--code-bg:#201f1e;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#92c353;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#c8c6c4;--scrollbar-track:transparent;--scrollbar-thumb:#c8c6c4;--scrollbar-thumb-hover:#8a8886;--selection-bg:#0078d4;--selection-text:#fff}[data-style=fluent][data-theme=dark]{--bg:#11100f;--surface:#201f1edb;--surface-strong:#faf9f8;--surface-muted:#292827;--text:#edebe9;--text-strong:#faf9f8;--text-muted:#a19f9d;--line:#3b3a39;--line-strong:#605e5c;--accent:#60cdff;--accent-strong:#9cdcfe;--teal:#38d4c7;--blue:#60cdff;--green:#6bb700;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #00000057;--topbar-bg:#11100fb8;--topbar-border:#3b3a39db;--card-bg:#201f1edb;--chip-bg:#292827;--group-bg:#292827;--nav-bg:#292827;--track-bg:#3b3a39;--switch-off-bg:#3b3a39;--hero-text:#faf9f8;--backdrop:#000000ad;--code-bg:#11100f;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#6bb700;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#a19f9d;--scrollbar-track:transparent;--scrollbar-thumb:#605e5c;--scrollbar-thumb-hover:#a19f9d;--selection-bg:#9cdcfe;--selection-text:#11100f}[data-style=retro]{--bg:#d7d0bd;--surface:#eee9d8;--surface-strong:#1f2933;--surface-muted:#c9c1aa;--text:#28313b;--text-strong:#111827;--text-muted:#414b56;--line:#8d8473;--line-strong:#2f3742;--accent:#0f6f8f;--accent-strong:#0b536b;--teal:#147a6f;--blue:#1d4ed8;--green:#3f7d20;--shadow:4px 4px 0 #1f293361;--shadow-strong:6px 6px 0 #1f29337a;--radius:2px;--radius-sm:2px;--topbar-bg:#eee9d8;--topbar-border:#8d8473;--card-bg:#eee9d8;--chip-bg:#c9c1aa;--group-bg:#ded7c5;--nav-bg:#ded7c5;--track-bg:#c9c1aa;--switch-off-bg:#c9c1aa;--hero-text:#111827;--code-bg:#1f2933;--code-text:#f7f0d6;--code-keyword:#f59e0b;--code-string:#84cc16;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fbbf24;--code-comment:#c9c1aa;--scrollbar-thumb:#8d8473;--scrollbar-thumb-hover:#2f3742;--backdrop:#1f29338a;--selection-bg:#1f2933;--selection-text:#eee9d8}[data-style=retro][data-theme=dark]{--bg:#1f2933;--surface:#29323d;--surface-strong:#f7f0d6;--surface-muted:#384554;--text:#e7dfc8;--text-strong:#fff7d6;--text-muted:#c9c1aa;--line:#596575;--line-strong:#d7d0bd;--accent:#f59e0b;--accent-strong:#fbbf24;--teal:#2dd4bf;--blue:#60a5fa;--green:#84cc16;--topbar-bg:#1f2933;--topbar-border:#596575;--card-bg:#29323d;--chip-bg:#384554;--group-bg:#384554;--nav-bg:#384554;--track-bg:#596575;--switch-off-bg:#596575;--hero-text:#fff7d6;--code-bg:#151d25;--code-text:#f7f0d6;--code-keyword:#fbbf24;--code-string:#bef264;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c9c1aa;--scrollbar-thumb:#596575;--scrollbar-thumb-hover:#d7d0bd;--backdrop:#000000b3;--selection-bg:#fbbf24;--selection-text:#1f2933}[data-style=cyberpunk]{--bg:#090014;--surface:#16002c;--surface-strong:#fdf4ff;--surface-muted:#240046;--text:#e9d5ff;--text-strong:#fff;--text-muted:#c084fc;--line:#4c1d95;--line-strong:#f0abfc;--accent:#ff2bd6;--accent-strong:#ff7bf0;--teal:#00f5d4;--blue:#00bbf9;--green:#a3ff12;--shadow:0 0 0 1px #f0abfc52, 0 0 30px #ff2bd633;--shadow-strong:0 0 0 1px #00f5d466, 0 0 44px #00f5d43d;--radius:6px;--radius-sm:3px;--topbar-bg:#090014eb;--topbar-border:#f0abfc52;--card-bg:#16002c;--chip-bg:#240046;--group-bg:#240046;--nav-bg:#240046;--track-bg:#4c1d95;--switch-off-bg:#4c1d95;--hero-text:#fff;--backdrop:#090014c2;--code-bg:#05000b;--code-text:#f5d0fe;--code-keyword:#f0abfc;--code-string:#00f5d4;--code-component:#00bbf9;--code-tag:#ff2bd6;--code-number:#a3ff12;--code-comment:#c084fc;--scrollbar-thumb:#4c1d95;--scrollbar-thumb-hover:#f0abfc;--selection-bg:#00f5d4;--selection-text:#090014}[data-style=cyberpunk][data-theme=light]{--bg:#fff1ff;--surface:#fff;--surface-strong:#2e0249;--surface-muted:#ffe4ff;--text:#4a044e;--text-strong:#2e0249;--text-muted:#86198f;--line:#f0abfc;--line-strong:#c026d3;--accent:#be185d;--accent-strong:#86198f;--teal:#0f766e;--blue:#1d4ed8;--green:#3f7d20;--shadow:0 0 0 1px #be185d38, 0 18px 44px #be185d1f;--shadow-strong:0 0 0 1px #0f766e47, 0 14px 36px #0f766e29;--topbar-bg:#fff1ffeb;--topbar-border:#c026d347;--card-bg:#fff;--chip-bg:#ffe4ff;--group-bg:#ffe4ff;--nav-bg:#ffe4ff;--track-bg:#f5d0fe;--switch-off-bg:#f5d0fe;--hero-text:#2e0249;--code-bg:#2e0249;--code-text:#fff1ff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fcd34d;--code-comment:#e9d5ff;--scrollbar-thumb:#f0abfc;--scrollbar-thumb-hover:#c026d3;--backdrop:#2e02497a;--selection-bg:#c026d3;--selection-text:#fff}[data-style=editorial]{--bg:#f7f1e8;--surface:#fffaf2;--surface-strong:#211a14;--surface-muted:#eee3d3;--text:#4d4036;--text-strong:#211a14;--text-muted:#66574c;--line:#d8cbb9;--line-strong:#a89680;--accent:#9f1239;--accent-strong:#881337;--teal:#0f766e;--blue:#1d4ed8;--green:#3f6212;--shadow:0 20px 50px #211a141a;--shadow-strong:0 12px 34px #211a141f;--radius:3px;--radius-sm:2px;--topbar-bg:#f7f1e8eb;--topbar-border:#d8cbb9e6;--card-bg:#fffaf2;--chip-bg:#eee3d3;--group-bg:#eee3d3;--nav-bg:#eee3d3;--track-bg:#ded0bd;--switch-off-bg:#ded0bd;--hero-text:#211a14;--backdrop:#211a147a;--code-bg:#211a14;--code-text:#fffaf2;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#d8cbb9;--scrollbar-thumb-hover:#a89680;--selection-bg:#211a14;--selection-text:#fffaf2}[data-style=editorial][data-theme=dark]{--bg:#19130f;--surface:#231a15;--surface-strong:#fff7ed;--surface-muted:#2f241d;--text:#eadfd2;--text-strong:#fff7ed;--text-muted:#c8b9a8;--line:#49372c;--line-strong:#796455;--accent:#fb7185;--accent-strong:#fda4af;--teal:#5eead4;--blue:#93c5fd;--green:#bef264;--topbar-bg:#19130feb;--topbar-border:#49372ce6;--card-bg:#231a15;--chip-bg:#2f241d;--group-bg:#2f241d;--nav-bg:#2f241d;--track-bg:#49372c;--switch-off-bg:#49372c;--hero-text:#fff7ed;--shadow:0 20px 50px #0000006b;--shadow-strong:0 12px 34px #0000005c;--backdrop:#000000b3;--code-bg:#100c09;--code-text:#fff7ed;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#49372c;--scrollbar-thumb-hover:#796455;--selection-bg:#fda4af;--selection-text:#19130f}[data-style=calm]{--bg:#f4f8f4;--surface:#fff;--surface-strong:#1f3a35;--surface-muted:#e8f0ea;--text:#40524d;--text-strong:#1f3a35;--text-muted:#52635d;--line:#d6e2dc;--line-strong:#a9beb5;--accent:#3d7063;--accent-strong:#3d7063;--teal:#1f6f64;--blue:#5f8dd3;--green:#5a8f62;--shadow:0 18px 50px #1f3a3514;--shadow-strong:0 12px 32px #1f3a351a;--radius:14px;--radius-sm:10px;--topbar-bg:#f4f8f4e0;--topbar-border:#d6e2dce6;--card-bg:#fff;--chip-bg:#e8f0ea;--group-bg:#e8f0ea;--nav-bg:#e8f0ea;--track-bg:#d6e2dc;--switch-off-bg:#d6e2dc;--hero-text:#1f3a35;--backdrop:#1f3a3570;--code-bg:#1f3a35;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cfddd7;--scrollbar-thumb:#a9beb5;--scrollbar-thumb-hover:#4f8a7b;--selection-bg:#3d7063;--selection-text:#fff}[data-style=calm][data-theme=dark]{--bg:#101b19;--surface:#172522;--surface-strong:#eef8f3;--surface-muted:#20332f;--text:#cfddd7;--text-strong:#eef8f3;--text-muted:#9eb1aa;--line:#2d4741;--line-strong:#567069;--accent:#8dd6c4;--accent-strong:#afe9db;--teal:#5eead4;--blue:#93c5fd;--green:#86efac;--shadow:0 18px 50px #00000057;--shadow-strong:0 12px 32px #00000047;--topbar-bg:#101b19e0;--topbar-border:#2d4741e6;--card-bg:#172522;--chip-bg:#20332f;--group-bg:#20332f;--nav-bg:#20332f;--track-bg:#2d4741;--switch-off-bg:#2d4741;--hero-text:#eef8f3;--backdrop:#000000ad;--code-bg:#0a1210;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#9eb1aa;--scrollbar-thumb:#2d4741;--scrollbar-thumb-hover:#567069;--selection-bg:#afe9db;--selection-text:#101b19}[data-style=data-dense]{--bg:#f4f6f9;--surface:#fff;--surface-strong:#172033;--surface-muted:#edf1f6;--text:#334155;--text-strong:#172033;--text-muted:#536175;--line:#d7dee8;--line-strong:#aab7c8;--accent:#0f5cc0;--accent-strong:#0b4aa0;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 8px 22px #17203314;--shadow-strong:0 6px 18px #1720331a;--radius:4px;--radius-sm:3px;--topbar-bg:#fffffff0;--topbar-border:#d7dee8f0;--card-bg:#fff;--chip-bg:#edf1f6;--group-bg:#edf1f6;--nav-bg:#edf1f6;--track-bg:#d7dee8;--switch-off-bg:#d7dee8;--hero-text:#172033;--backdrop:#1720338a;--code-bg:#172033;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#aab7c8;--scrollbar-track:transparent;--scrollbar-thumb:#aab7c8;--scrollbar-thumb-hover:#65758c;--selection-bg:#0f5cc0;--selection-text:#fff}[data-style=data-dense][data-theme=dark]{--bg:#09111f;--surface:#0f1a2b;--surface-strong:#eef4ff;--surface-muted:#16243a;--text:#cbd7e8;--text-strong:#f5f9ff;--text-muted:#8ea1bb;--line:#233653;--line-strong:#3a5478;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 46px #0006;--shadow-strong:0 12px 32px #00000057;--topbar-bg:#09111ff0;--topbar-border:#233653f0;--card-bg:#0f1a2b;--chip-bg:#16243a;--group-bg:#16243a;--nav-bg:#16243a;--track-bg:#233653;--switch-off-bg:#233653;--hero-text:#f5f9ff;--backdrop:#000000b3;--code-bg:#050b14;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8ea1bb;--scrollbar-track:transparent;--scrollbar-thumb:#3a5478;--scrollbar-thumb-hover:#6f88ad;--selection-bg:#93c5fd;--selection-text:#09111f}[data-style=playful]{--bg:#fff8ec;--surface:#fff;--surface-strong:#2d1b69;--surface-muted:#fff0c8;--text:#4b3b5b;--text-strong:#2d1b69;--text-muted:#66537d;--line:#ead7ff;--line-strong:#c4a6ff;--accent:#7c3aed;--accent-strong:#6d28d9;--teal:#0f766e;--blue:#3b82f6;--green:#22c55e;--shadow:0 18px 42px #8b5cf624;--shadow-strong:0 12px 30px #8b5cf62e;--radius:18px;--radius-sm:12px;--topbar-bg:#fff8ece6;--topbar-border:#ead7ffeb;--card-bg:#fff;--chip-bg:#fff0c8;--group-bg:#f5ecff;--nav-bg:#f5ecff;--track-bg:#ead7ff;--switch-off-bg:#ead7ff;--hero-text:#2d1b69;--backdrop:#2d1b697a;--code-bg:#2d1b69;--code-text:#fff8ec;--code-keyword:#c084fc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#e9d5ff;--scrollbar-thumb:#c4a6ff;--scrollbar-thumb-hover:#7c3aed;--selection-bg:#7c3aed;--selection-text:#fff}[data-style=playful][data-theme=dark]{--bg:#211331;--surface:#2d1b46;--surface-strong:#fff7ed;--surface-muted:#3a245c;--text:#eadcff;--text-strong:#fff;--text-muted:#c4a6ff;--line:#513478;--line-strong:#8b5cf6;--accent:#f0abfc;--accent-strong:#f5d0fe;--teal:#2dd4bf;--blue:#93c5fd;--green:#86efac;--shadow:0 22px 56px #0000006b;--shadow-strong:0 14px 38px #f0abfc2e;--topbar-bg:#211331e6;--topbar-border:#513478eb;--card-bg:#2d1b46;--chip-bg:#3a245c;--group-bg:#3a245c;--nav-bg:#3a245c;--track-bg:#513478;--switch-off-bg:#513478;--hero-text:#fff;--backdrop:#000000b3;--code-bg:#160b24;--code-text:#f5ecff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#c4a6ff;--scrollbar-thumb:#513478;--scrollbar-thumb-hover:#c4a6ff;--selection-bg:#f5d0fe;--selection-text:#211331}[data-style=luxury]{--bg:#0d0b09;--surface:#17130f;--surface-strong:#f7ecd0;--surface-muted:#231d17;--text:#d8c8aa;--text-strong:#fff6df;--text-muted:#a89572;--line:#3a2f24;--line-strong:#9f7a36;--accent:#d4af37;--accent-strong:#f2d675;--teal:#77c5b4;--blue:#93b4ff;--green:#a7c957;--shadow:0 24px 70px #0000007a;--shadow-strong:0 16px 50px #d4af371f;--radius:6px;--radius-sm:3px;--topbar-bg:#0d0b09eb;--topbar-border:#9f7a364d;--card-bg:#17130f;--chip-bg:#231d17;--group-bg:#231d17;--nav-bg:#231d17;--track-bg:#3a2f24;--switch-off-bg:#3a2f24;--hero-text:#fff6df;--backdrop:#000000b8;--code-bg:#050403;--code-text:#f7ecd0;--code-keyword:#f2d675;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#d4af37;--code-comment:#a89572;--scrollbar-thumb:#3a2f24;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#f2d675;--selection-text:#0d0b09}[data-style=luxury][data-theme=light]{--bg:#fbf7ef;--surface:#fffdf8;--surface-strong:#2a2118;--surface-muted:#f0e6d4;--text:#5b4a35;--text-strong:#2a2118;--text-muted:#75613f;--line:#dfd0b6;--line-strong:#a88945;--accent:#9f7a36;--accent-strong:#b78a34;--teal:#4fa79a;--blue:#4f6fae;--green:#667a2f;--shadow:0 20px 54px #2a21181f;--shadow-strong:0 14px 36px #9f7a3624;--topbar-bg:#fbf7efeb;--topbar-border:#a8894542;--card-bg:#fffdf8;--chip-bg:#f0e6d4;--group-bg:#f0e6d4;--nav-bg:#f0e6d4;--track-bg:#dfd0b6;--switch-off-bg:#dfd0b6;--hero-text:#2a2118;--backdrop:#2a211875;--code-bg:#2a2118;--code-text:#fffdf8;--code-keyword:#d4af37;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#f2d675;--code-comment:#c7b38b;--scrollbar-thumb:#cbb78f;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#2a2118;--selection-text:#fffdf8}[data-style=soft-ui]{--bg:#e9eef5;--surface:#e9eef5;--surface-strong:#2f3a4a;--surface-muted:#dfe6ef;--text:#536071;--text-strong:#2f3a4a;--text-muted:#536071;--line:#d8e0ea;--line-strong:#b7c2d1;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#227a71;--blue:#2563eb;--green:#3f9b58;--soft-ui-control-border:#b7c2d1;--shadow:8px 8px 18px #a3b1c68c, -8px -8px 18px #ffffffc7;--shadow-strong:inset 4px 4px 10px #a3b1c66b, inset -4px -4px 10px #ffffffb8;--radius:18px;--radius-sm:12px;--topbar-bg:#e9eef5eb;--topbar-border:#d8e0eab8;--card-bg:#e9eef5;--chip-bg:#e9eef5;--group-bg:#e9eef5;--nav-bg:#e9eef5;--track-bg:#d8e0ea;--switch-off-bg:#d8e0ea;--hero-text:#2f3a4a;--backdrop:#2f3a4a6b;--code-bg:#2f3a4a;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c4cfdd;--scrollbar-thumb:#b7c2d1;--scrollbar-thumb-hover:#8796aa;--selection-bg:#2563eb;--selection-text:#fff}[data-style=soft-ui][data-theme=dark]{--bg:#151b24;--surface:#151b24;--surface-strong:#eef4ff;--surface-muted:#202938;--text:#c4cfdd;--text-strong:#eef4ff;--text-muted:#93a3b8;--line:#202938;--line-strong:#3a485d;--accent:#8fb4ff;--accent-strong:#bfd4ff;--teal:#67e8f9;--blue:#8fb4ff;--green:#86efac;--soft-ui-control-border:#3a485d;--shadow:8px 8px 18px #00000052, -8px -8px 18px #ffffff0a;--shadow-strong:inset 4px 4px 10px #00000052, inset -4px -4px 10px #ffffff0a;--topbar-bg:#151b24eb;--topbar-border:#3a485d61;--card-bg:#151b24;--chip-bg:#202938;--group-bg:#202938;--nav-bg:#202938;--track-bg:#2a3546;--switch-off-bg:#2a3546;--hero-text:#eef4ff;--backdrop:#000000a8;--code-bg:#0f141c;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#93a3b8;--scrollbar-thumb:#3a485d;--scrollbar-thumb-hover:#64748b;--selection-bg:#bfd4ff;--selection-text:#151b24}[data-style=bauhaus]{--bg:#f4ead7;--surface:#fffaf0;--surface-strong:#111;--surface-muted:#f7d23e;--text:#232323;--text-strong:#000;--text-muted:#585858;--line:#111;--line-strong:#000;--accent:#ef4444;--accent-strong:#f87171;--teal:#00a6a6;--blue:#0057b8;--green:#2f7d32;--shadow:5px 5px 0 #111;--shadow-strong:7px 7px 0 #111;--radius:0px;--radius-sm:0px;--topbar-bg:#f4ead7;--topbar-border:#111;--card-bg:#fffaf0;--chip-bg:#f7d23e;--group-bg:#fffaf0;--nav-bg:#fffaf0;--track-bg:#fffaf0;--switch-off-bg:#fffaf0;--hero-text:#000;--backdrop:#11111185;--code-bg:#111;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00d1b2;--code-component:#60a5fa;--code-tag:#f87171;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ef4444;--selection-bg:#0057b8;--selection-text:#fff}[data-style=bauhaus][data-theme=dark]{--bg:#111;--surface:#1d1d1d;--surface-strong:#f4ead7;--surface-muted:#2b2b2b;--text:#e8e0cf;--text-strong:#fffaf0;--text-muted:#c8bfae;--line:#f4ead7;--line-strong:#fffaf0;--accent:#f34;--accent-strong:#ff6673;--teal:#00b4d8;--blue:#4ea8de;--green:#7bd88f;--shadow:5px 5px 0 #f4ead7;--shadow-strong:7px 7px 0 #f4ead7;--radius:0px;--radius-sm:0px;--topbar-bg:#111;--topbar-border:#f4ead7;--card-bg:#1d1d1d;--chip-bg:#2b2b2b;--group-bg:#1d1d1d;--nav-bg:#1d1d1d;--track-bg:#2b2b2b;--switch-off-bg:#2b2b2b;--hero-text:#fffaf0;--backdrop:#000000b8;--code-bg:#000;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00b4d8;--code-component:#4ea8de;--code-tag:#f34;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#f4ead7;--scrollbar-thumb-hover:#f34;--selection-bg:#f4ead7;--selection-text:#111}[data-style=mono]{--bg:#fff;--surface:#fff;--surface-strong:#000;--surface-muted:#f2f2f2;--text:#222;--text-strong:#000;--text-muted:#666;--line:#d8d8d8;--line-strong:#000;--accent:#000;--accent-strong:#111;--teal:#000;--blue:#000;--green:#000;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#fffffff5;--topbar-border:#d8d8d8;--card-bg:#fff;--chip-bg:#f2f2f2;--group-bg:#f2f2f2;--nav-bg:#f2f2f2;--track-bg:#d8d8d8;--switch-off-bg:#d8d8d8;--hero-text:#000;--backdrop:#0000008a;--code-bg:#000;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#d8d8d8;--scrollbar-thumb-hover:#666;--selection-bg:#000;--selection-text:#fff}[data-style=mono][data-theme=dark]{--bg:#000;--surface:#000;--surface-strong:#fff;--surface-muted:#111;--text:#ddd;--text-strong:#fff;--text-muted:#999;--line:#333;--line-strong:#fff;--accent:#fff;--accent-strong:#e5e5e5;--teal:#fff;--blue:#fff;--green:#fff;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#000000f5;--topbar-border:#333;--card-bg:#000;--chip-bg:#111;--group-bg:#111;--nav-bg:#111;--track-bg:#333;--switch-off-bg:#333;--hero-text:#fff;--backdrop:#ffffff38;--code-bg:#111;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#999;--selection-bg:#fff;--selection-text:#000}[data-style=neo-brutalism],[data-style=bauhaus]{--theme-border-width:2px}[data-style=neo-brutalism],[data-style=bauhaus],[data-style=terminal],[data-style=playful]{--theme-font-weight:700}[data-style=shadcn],[data-style=material],[data-style=fluent],[data-style=linear],[data-style=data-dense]{--theme-font-weight:650}[data-style=minimal]{--theme-font-weight:600}[data-style=editorial],[data-style=luxury],[data-style=retro],[data-style=soft-ui],[data-style=mono]{--theme-font-weight:680}[data-style=material],[data-style=glass]{--theme-transition-duration:.2s}[data-style=calm]{--theme-transition-duration:.22s}[data-style=cyberpunk]{--theme-transition-duration:.18s}[data-style=terminal]{--theme-transition-duration:.1s}[data-style=terminal],[data-style=luxury]{--theme-letter-spacing:.02em}[data-style=material],[data-style=editorial]{--theme-letter-spacing:.01em}[data-style=enterprise],[data-style=linear],[data-style=data-dense],[data-style=mono]{--theme-letter-spacing:-.01em}:root{--theme-primary:var(--accent);--theme-primary-hover:var(--accent-strong);--theme-primary-foreground:#fff;--theme-teal-foreground:#fff;--theme-control-bg:var(--surface);--theme-control-hover:var(--surface-muted);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 86%);--theme-control-active-text:var(--text-strong);--theme-popup-bg:var(--surface);--theme-popup-text:var(--text-strong);--theme-focus:color-mix(in srgb, var(--accent), transparent 62%);--theme-danger:#dc2626;--theme-danger-foreground:#fff}[data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 78%);--theme-danger:#f87171;--theme-danger-foreground:var(--bg)}[data-style=terminal],[data-style=cyberpunk],[data-style=luxury],[data-style=fluent][data-theme=dark],[data-style=mono][data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg)}[data-style=neo-brutalism],[data-style=bauhaus]{--theme-primary-foreground:#000;--theme-teal-foreground:#000;--theme-control-active:var(--surface-muted)}[data-style=bento]{--theme-primary:var(--teal);--theme-primary-hover:#0b5f58;--theme-focus:color-mix(in srgb, var(--teal), transparent 62%);--theme-control-active:color-mix(in srgb, var(--teal), var(--surface) 84%)}[data-style=bento][data-theme=dark]{--theme-primary-hover:color-mix(in srgb, var(--teal), #000 18%)}[data-style=luxury][data-theme=light]{--accent:#77551d;--accent-strong:#5d4319;--teal:#27675f;--theme-primary-foreground:#fffdf8;--theme-teal-foreground:#fffdf8}[data-style=retro][data-theme=light]{--theme-primary-foreground:#fff;--theme-teal-foreground:#fff}[data-style=retro][data-theme=dark]{--theme-primary-foreground:#000;--theme-teal-foreground:#000}[data-style=shadcn] .topbar-brand-mark{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=mono]{--theme-danger:var(--text-strong);--theme-primary-foreground:var(--bg);--theme-control-active:var(--surface-strong);--theme-control-active-text:var(--bg)}[data-style=glass] .topbar,[data-style=glass] .sidebar,[data-style=glass] .bento-menu-popup,[data-style=glass] .bento-select-popup,[data-style=glass] .bento-combobox-popup,[data-style=glass] .bento-nav-menu-popup,[data-style=glass] .bento-popover-popup,[data-style=glass] .bento-preview-card,[data-style=glass] .bento-tooltip-popup,[data-style=glass] .bento-toast,[data-style=glass] .bento-dialog-popup,[data-style=glass] .bento-alert-popup,[data-style=glass] .bento-drawer-popup,[data-style=fluent] .topbar,[data-style=fluent] .sidebar,[data-style=fluent] .bento-menu-popup,[data-style=fluent] .bento-select-popup,[data-style=fluent] .bento-combobox-popup,[data-style=fluent] .bento-nav-menu-popup,[data-style=fluent] .bento-popover-popup,[data-style=fluent] .bento-preview-card,[data-style=fluent] .bento-tooltip-popup,[data-style=fluent] .bento-toast,[data-style=fluent] .bento-dialog-popup,[data-style=fluent] .bento-alert-popup,[data-style=fluent] .bento-drawer-popup{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25)}[data-style=terminal] body,[data-style=terminal] .bento-button,[data-style=terminal] .bento-input,[data-style=terminal] .bento-textarea,[data-style=terminal] .bento-select-trigger,[data-style=terminal] .bento-combobox-input,[data-style=terminal] .topbar-icon-btn,[data-style=terminal] .topbar-nav a,[data-style=terminal] code,[data-style=data-dense] .bento-button,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-textarea,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-combobox-input{font-family:var(--font-mono)}[data-style=editorial] h1,[data-style=editorial] h2,[data-style=editorial] h3,[data-style=luxury] h1,[data-style=luxury] h2,[data-style=luxury] h3{font-family:Georgia,Times New Roman,serif}[data-style=data-dense]{--topbar-h:52px;--sidebar-w:240px;--content-max:920px}[data-style=enterprise]{--topbar-h:52px;--sidebar-w:248px}[data-style=data-dense] .component-page,[data-style=data-dense] .doc-section,[data-style=data-dense] .bento-tabs,[data-style=data-dense] .bento-field,[data-style=data-dense] .bento-fieldset{gap:12px}[data-style=data-dense] .bento-button,[data-style=data-dense] .topbar-icon-btn,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-combobox-input{min-height:34px;font-size:13px}[data-style=data-dense] .bento-button{padding-inline:12px}[data-style=data-dense] .bento-menu-item,[data-style=data-dense] .bento-select-item,[data-style=data-dense] .bento-combobox-item,[data-style=data-dense] .bento-tabs-tab{min-height:30px;font-size:13px}[data-style=data-dense] .bento-tabs-panel{padding:14px}[data-style=data-dense] .bento-switch{width:38px;height:22px;padding:2px}[data-style=data-dense] .bento-switch-thumb{width:16px;height:16px}[data-style=data-dense] .bento-switch[data-checked] .bento-switch-thumb{transform:translate(16px)}[data-style=enterprise] .bento-button,[data-style=enterprise] .topbar-icon-btn,[data-style=enterprise] .bento-select-trigger,[data-style=enterprise] .bento-input,[data-style=enterprise] .bento-combobox-input{min-height:36px}[data-style=enterprise] .bento-checkbox,[data-style=enterprise] .bento-radio{width:18px;height:18px}[data-style=enterprise] .bento-radio-indicator{width:10px;height:10px}[data-style=enterprise] .bento-switch{width:38px;height:22px;padding:2px}[data-style=enterprise] .bento-switch-thumb{width:16px;height:16px}[data-style=enterprise] .bento-switch[data-checked] .bento-switch-thumb{transform:translate(16px)}[data-style=enterprise] .bento-menu-item,[data-style=enterprise] .bento-select-item,[data-style=enterprise] .bento-combobox-item,[data-style=enterprise] .bento-tabs-tab{min-height:32px}[data-style=enterprise] .bento-dialog-popup,[data-style=enterprise] .bento-popover-popup,[data-style=enterprise] .bento-toast{border-color:var(--line-strong)}[data-style=enterprise] .bento-dialog-popup,[data-style=enterprise] .bento-popover-popup{padding:14px}[data-style=enterprise] .bento-toast{gap:10px;padding:12px 40px 12px 12px}[data-style=data-dense] .bento-toolbar{gap:6px;padding:6px}[data-style=data-dense] .bento-toolbar-button{width:28px;height:28px}[data-style=data-dense] .bento-toolbar-search{height:28px;padding-inline:8px}[data-style=data-dense] .bento-number-field-group{grid-template-columns:32px 1fr 32px;height:34px}[data-style=data-dense] .bento-slider-track{height:6px}[data-style=data-dense] .bento-slider-thumb{width:18px;height:18px}[data-style=data-dense] .bento-progress-track{height:7px}[data-style=playful] .topbar-brand-mark,[data-style=playful] .bento-avatar,[data-style=calm] .topbar-brand-mark,[data-style=glass] .topbar-brand-mark,[data-style=soft-ui] .topbar-brand-mark{border-radius:999px}[data-style=bauhaus] .topbar-brand-mark,[data-style=retro] .topbar-brand-mark,[data-style=mono] .topbar-brand-mark,[data-style=terminal] .topbar-brand-mark{border-radius:var(--radius-sm)}[data-style] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style] [data-base-ui-trigger]:focus-visible,[data-style] [data-base-ui-item]:focus-visible,[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{outline-color:var(--theme-focus)}[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%)}[data-style] .bento-button{border-width:var(--theme-border-width,1px);color:var(--theme-primary-foreground);background:var(--theme-primary)}[data-style] .bento-button:hover{color:var(--theme-primary-foreground);background:var(--theme-primary-hover)}[data-style] .bento-button.outline,[data-style] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--theme-control-bg)}[data-style] .bento-button.outline:hover,[data-style] .bento-button.icon:hover,[data-style] .bento-button.ghost:hover{border-color:var(--line-strong);color:var(--text-strong);background:var(--theme-control-hover)}[data-style] .bento-button.ghost{color:var(--text-strong);background:0 0}[data-style] .bento-button.accent{color:var(--theme-primary-foreground);background:var(--accent)}[data-style] .bento-button.accent:hover{color:var(--theme-primary-foreground);background:var(--accent-strong)}[data-style] .bento-button.teal{color:var(--theme-teal-foreground);background:var(--teal)}[data-style] .bento-button.teal:hover{color:var(--theme-teal-foreground);background:color-mix(in srgb, var(--teal), var(--text-strong) 16%)}[data-style] .bento-button:disabled,[data-style] .bento-button[data-disabled],[data-style] .bento-button[aria-disabled=true],[data-style] .bento-menu-item[data-disabled],[data-style] .bento-menu-item[aria-disabled=true],[data-style] .bento-select-item[data-disabled],[data-style] .bento-select-item[aria-disabled=true],[data-style] .bento-combobox-item[data-disabled],[data-style] .bento-combobox-item[aria-disabled=true],[data-style] .bento-nav-menu-item[data-disabled],[data-style] .bento-nav-menu-item[aria-disabled=true],[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled],[data-style] .bento-select-trigger[aria-disabled=true],[data-style] .bento-checkbox[data-disabled],[data-style] .bento-checkbox[aria-disabled=true],[data-style] .bento-radio[data-disabled],[data-style] .bento-radio[aria-disabled=true],[data-style] .bento-switch[data-disabled],[data-style] .bento-switch[aria-disabled=true],[data-style] .bento-toggle[data-disabled],[data-style] .bento-toggle[aria-disabled=true],[data-style] .bento-tabs-tab[data-disabled],[data-style] .bento-tabs-tab[aria-disabled=true],[data-style] .bento-slider-thumb[data-disabled],[data-style] .bento-slider-thumb[aria-disabled=true],[data-style] .bento-number-field-button:disabled,[data-style] .bento-number-field-button[data-disabled],[data-style] .bento-toolbar-button[data-disabled]{cursor:not-allowed;opacity:.52}[data-style] .bento-button:disabled:hover,[data-style] .bento-button[data-disabled]:hover,[data-style] .bento-button[aria-disabled=true]:hover,[data-style] .bento-toggle[data-disabled]:hover,[data-style] .bento-toolbar-button[data-disabled]:hover{box-shadow:none;transform:none}[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled],[data-style] .bento-select-trigger[aria-disabled=true]{color:var(--text-muted);border-color:var(--line);background:var(--surface-muted)}[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio[data-checked],[data-style] .bento-switch[data-checked]{border-color:var(--accent);background:var(--accent)}[data-style] .bento-checkbox,[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio-indicator{color:var(--theme-primary-foreground)}[data-style] .bento-radio-indicator,[data-style] .bento-slider-indicator,[data-style] .bento-slider-thumb,[data-style] .bento-meter-indicator,[data-style] .bento-meter-mid,[data-style] .bento-progress-indicator{background:var(--accent)}[data-style=bento] .bento-checkbox[data-checked],[data-style=bento] .bento-radio[data-checked],[data-style=bento] .bento-switch[data-checked],[data-style=bento] .bento-radio-indicator,[data-style=bento] .bento-slider-indicator,[data-style=bento] .bento-slider-thumb,[data-style=bento] .bento-meter-indicator,[data-style=bento] .bento-meter-mid,[data-style=bento] .bento-progress-indicator{border-color:var(--teal);background:var(--teal)}[data-style=bento] .bento-select-item[data-selected],[data-style=bento] .bento-combobox-item[data-selected]{color:var(--teal)}[data-style] .bento-slider-thumb{border-color:var(--surface)}[data-style] .bento-menu-popup,[data-style] .bento-select-popup,[data-style] .bento-combobox-popup,[data-style] .bento-nav-menu-popup,[data-style] .bento-popover-popup,[data-style] .bento-preview-card,[data-style] .bento-tooltip-popup,[data-style] .bento-toast,[data-style] .bento-dialog-popup,[data-style] .bento-alert-popup,[data-style] .bento-drawer-popup{border-color:var(--line);color:var(--theme-popup-text);background:var(--theme-popup-bg);box-shadow:var(--shadow)}[data-theme=dark] .bento-menu-popup,[data-theme=dark] .bento-select-popup,[data-theme=dark] .bento-combobox-popup{background:var(--theme-popup-bg)}[data-style] .bento-popover-arrow,[data-style] .bento-preview-card-arrow,[data-style] .bento-tooltip-arrow{fill:var(--theme-popup-bg)}[data-style] .bento-menu-item[data-highlighted],[data-style] .bento-combobox-item[data-highlighted],[data-style] .bento-select-item[data-highlighted],[data-style] .bento-nav-menu-item[data-highlighted],[data-style] .bento-toolbar-button:hover,[data-style] .bento-number-field-button:hover,[data-style] .bento-toast-close:hover,[data-style] .topbar-nav a:hover,[data-style] .topbar-nav a.active,[data-style] .sidebar-link:hover,[data-style] .sidebar-link.active{color:var(--theme-control-active-text);background:var(--theme-control-hover)}[data-style] .bento-select-item[data-selected],[data-style] .bento-combobox-item[data-selected]{color:var(--accent);font-weight:760}[data-style] .bento-select-item[data-selected][data-highlighted],[data-style] .bento-combobox-item[data-selected][data-highlighted]{color:var(--theme-control-active-text);background:var(--theme-control-active)}[data-style] .bento-tabs-tab[data-selected],[data-style] .bento-tabs-tab[data-active],[data-style] .bento-tabs-tab[aria-selected=true],[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active,[data-style] .style-switcher a.active{color:var(--theme-control-active-text)}[data-style] .bento-tabs-indicator,[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active,[data-style] .style-switcher a.active{background:var(--theme-control-active);box-shadow:var(--shadow-strong)}[data-style] .bento-field-error,[data-style] .bento-input+.bento-field-error,[data-style] .bento-meter-low{color:var(--theme-danger)}[data-style] .bento-meter-low{background:var(--theme-danger)}[data-style] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=soft-ui] .bento-button,[data-style=soft-ui] .bento-tabs-list,[data-style=soft-ui] .bento-toggle-group,[data-style=soft-ui] .bento-toolbar,[data-style=soft-ui] .demo-card,[data-style=soft-ui] .base-block,[data-style=soft-ui] .block-preview,[data-style=soft-ui] .theme-swatch{border-color:var(--soft-ui-control-border,var(--line-strong));box-shadow:var(--shadow)}[data-style=soft-ui] .bento-select-trigger,[data-style=soft-ui] .bento-combobox-input,[data-style=soft-ui] .bento-input,[data-style=soft-ui] .bento-textarea,[data-style=soft-ui] .bento-number-field-group,[data-style=soft-ui] .bento-checkbox,[data-style=soft-ui] .bento-radio,[data-style=soft-ui] .bento-switch{border-color:var(--soft-ui-control-border,var(--line-strong));background:var(--surface);box-shadow:var(--shadow-strong)}[data-style=soft-ui] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){color:var(--text-strong);background:var(--surface)}[data-style=soft-ui] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{color:var(--text-strong);background:var(--surface-muted)}[data-style=soft-ui] .bento-button:active,[data-style=soft-ui] .bento-checkbox[data-checked],[data-style=soft-ui] .bento-radio[data-checked],[data-style=soft-ui] .bento-switch[data-checked],[data-style=soft-ui] .bento-select-trigger[data-open],[data-style=soft-ui] .bento-combobox-input[data-open],[data-style=soft-ui] .bento-toggle[data-pressed],[data-style=soft-ui] .bento-toolbar-button[data-pressed],[data-style=soft-ui] .bento-menubar-trigger[data-open],[data-style=soft-ui] .bento-tabs-indicator,[data-style=soft-ui] .style-switcher button.active,[data-style=soft-ui] .style-switcher a.active{box-shadow:var(--shadow-strong)}[data-style=mono] .bento-menu-item[data-highlighted],[data-style=mono] .bento-combobox-item[data-highlighted],[data-style=mono] .bento-select-item[data-highlighted],[data-style=mono] .bento-nav-menu-item[data-highlighted],[data-style=mono] .bento-toolbar-button:hover,[data-style=mono] .bento-number-field-button:hover,[data-style=mono] .bento-toast-close:hover,[data-style=mono] .topbar-nav a:hover,[data-style=mono] .sidebar-link:hover{color:var(--text-strong);background:var(--surface-muted)}[data-style=mono] .topbar-nav a.active,[data-style=mono] .sidebar-link.active,[data-style=mono] .style-switcher button.active,[data-style=mono] .style-switcher a.active{color:var(--bg);background:var(--surface-strong)}[data-style=mono] .bento-card.interactive:hover{box-shadow:none}[data-style=mono] .bento-card.dark{color:var(--bg);border-color:var(--line-strong);background:var(--surface-strong)}[data-style=mono] .bento-card.dark .bento-card-title,[data-style=mono] .bento-card.dark .bento-card-subtitle{color:var(--bg)}[data-style=mono] .bento-select-item[data-selected],[data-style=mono] .bento-combobox-item[data-selected],[data-style=mono] .bento-menu-item[data-selected],[data-style=mono] .bento-menu-item[aria-checked=true]{border-left:3px solid var(--text-strong);color:var(--text-strong);text-underline-offset:3px;padding-left:7px;text-decoration:underline}[data-style=mono] .bento-meter-high{background:repeating-linear-gradient(45deg, var(--surface-strong) 0 6px, color-mix(in srgb, var(--surface-strong), var(--bg) 35%) 6px 12px)}[data-style=mono] .bento-meter-mid{background:var(--surface-strong)}[data-style=mono] .bento-meter-low{outline:2px solid var(--text-strong);outline-offset:-2px;background:repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--surface-strong), transparent 72%) 8px 10px), var(--bg)}[data-style=mono] .bento-field-error{color:var(--text-strong);text-underline-offset:3px;font-weight:760;text-decoration:underline}[data-style=mono] .bento-field[data-invalid] .bento-input,[data-style=mono] .bento-field[data-invalid] .bento-textarea,[data-style=mono] .bento-field[data-invalid] .bento-combobox-input,[data-style=mono] .bento-field[data-invalid] .bento-select-trigger,[data-style=mono] .bento-input[aria-invalid=true],[data-style=mono] .bento-textarea[aria-invalid=true],[data-style=mono] .bento-combobox-input[aria-invalid=true]{border-color:var(--text-strong);box-shadow:none;border-left-width:4px}[data-style=mono] .bento-checkbox,[data-style=mono] .bento-switch,[data-style=mono] .bento-switch-thumb,[data-style=mono] .bento-slider-track,[data-style=mono] .bento-slider-indicator,[data-style=mono] .bento-slider-thumb,[data-style=mono] .bento-progress-track,[data-style=mono] .bento-progress-indicator,[data-style=mono] .bento-meter-track,[data-style=mono] .bento-meter-indicator{border-radius:0}[data-style=minimal] .bento-button,[data-style=mono] .bento-button,[data-style=data-dense] .bento-button,[data-style=minimal] .bento-button.outline:hover,[data-style=mono] .bento-button.outline:hover,[data-style=data-dense] .bento-button.outline:hover,[data-style=minimal] .bento-button.icon:hover,[data-style=mono] .bento-button.icon:hover,[data-style=data-dense] .bento-button.icon:hover{box-shadow:none}[data-style=retro] .bento-button{letter-spacing:.03em;text-transform:uppercase;border-radius:2px;font-weight:780}[data-style=retro] .bento-select-trigger,[data-style=retro] .bento-input,[data-style=retro] .bento-textarea,[data-style=retro] .bento-combobox-input,[data-style=retro] .bento-menu-popup,[data-style=retro] .bento-select-popup,[data-style=retro] .bento-combobox-popup,[data-style=retro] .bento-dialog-popup,[data-style=retro] .bento-alert-popup{border-radius:2px}[data-style=retro] .bento-menu-item[data-highlighted],[data-style=retro] .bento-combobox-item[data-highlighted],[data-style=retro] .bento-select-item[data-highlighted],[data-style=retro] .bento-select-item[data-selected][data-highlighted]{color:var(--bg);background:var(--surface-strong)}[data-style=playful] .bento-button{box-shadow:0 4px 14px color-mix(in srgb, var(--accent), transparent 70%);border-radius:999px;font-weight:750}[data-style=playful] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):not(:disabled):not([data-disabled]):hover{box-shadow:0 6px 22px color-mix(in srgb, var(--accent), transparent 60%);transform:scale(1.04)}[data-style=playful] .bento-button.outline,[data-style=playful] .bento-button.icon,[data-style=playful] .bento-button.ghost{border-radius:999px}[data-style=playful] .bento-input,[data-style=playful] .bento-textarea,[data-style=playful] .bento-combobox-input,[data-style=playful] .bento-select-trigger,[data-style=playful] .bento-menu-popup,[data-style=playful] .bento-select-popup,[data-style=playful] .bento-combobox-popup,[data-style=playful] .bento-nav-menu-popup,[data-style=playful] .bento-popover-popup,[data-style=playful] .bento-preview-card,[data-style=playful] .bento-toast,[data-style=playful] .bento-dialog-popup,[data-style=playful] .bento-alert-popup,[data-style=playful] .bento-drawer-popup,[data-style=playful] .bento-tooltip-popup{border-radius:18px}[data-style=playful] .bento-tabs-tab,[data-style=playful] .bento-tabs-indicator{border-radius:999px}[data-style=playful] .bento-checkbox,[data-style=playful] .bento-radio{border-radius:6px}[data-style=playful] .bento-radio{border-radius:999px}[data-style=bauhaus] .bento-button{letter-spacing:.04em;text-transform:uppercase;border-radius:0;font-weight:780}[data-style=bauhaus] .bento-select-trigger,[data-style=bauhaus] .bento-input,[data-style=bauhaus] .bento-textarea,[data-style=bauhaus] .bento-combobox-input,[data-style=bauhaus] .bento-menu-popup,[data-style=bauhaus] .bento-select-popup,[data-style=bauhaus] .bento-combobox-popup,[data-style=bauhaus] .bento-nav-menu-popup,[data-style=bauhaus] .bento-popover-popup,[data-style=bauhaus] .bento-preview-card,[data-style=bauhaus] .bento-tooltip-popup,[data-style=bauhaus] .bento-toast,[data-style=bauhaus] .bento-dialog-popup,[data-style=bauhaus] .bento-alert-popup,[data-style=bauhaus] .bento-drawer-popup{border-width:2px;border-radius:0}[data-style=bauhaus] .bento-menu-item[data-highlighted],[data-style=bauhaus] .bento-combobox-item[data-highlighted],[data-style=bauhaus] .bento-select-item[data-highlighted],[data-style=bauhaus] .bento-select-item[data-selected][data-highlighted]{background:var(--surface-muted);color:var(--text-strong)}[data-style=bauhaus] .bento-slider-thumb,[data-style=bauhaus] .bento-slider-track,[data-style=bauhaus] .bento-slider-indicator,[data-style=bauhaus] .bento-progress-track,[data-style=bauhaus] .bento-progress-indicator,[data-style=bauhaus] .bento-meter-track,[data-style=bauhaus] .bento-meter-indicator,[data-style=bauhaus] .bento-switch,[data-style=bauhaus] .bento-switch-thumb,[data-style=bauhaus] .bento-radio-indicator,[data-style=bauhaus] .bento-checkbox,[data-style=bauhaus] .bento-radio{border-radius:0}[data-style=bauhaus] .bento-slider-track,[data-style=bauhaus] .bento-progress-track,[data-style=bauhaus] .bento-meter-track{border:2px solid var(--line-strong);background:var(--surface)}[data-style=minimal] .bento-menu-popup,[data-style=minimal] .bento-select-popup,[data-style=minimal] .bento-combobox-popup,[data-style=minimal] .bento-dialog-popup,[data-style=minimal] .bento-alert-popup,[data-style=minimal] .bento-tooltip-popup{border-color:var(--line)}[data-style=minimal] .bento-menu-item[data-highlighted],[data-style=minimal] .bento-combobox-item[data-highlighted],[data-style=minimal] .bento-select-item[data-highlighted]{background:var(--surface-muted)}[data-style=minimal] .bento-tabs-indicator,[data-style=minimal] .bento-toggle[data-pressed],[data-style=minimal] .bento-toolbar-button[data-pressed],[data-style=minimal] .style-switcher button.active,[data-style=minimal] .style-switcher a.active{box-shadow:none}[data-style=calm] .bento-button{transition:background .28s,box-shadow .28s,transform .28s}[data-style=calm] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{transform:scale(1.02)}[data-style=calm] .bento-input,[data-style=calm] .bento-textarea,[data-style=calm] .bento-combobox-input{transition:border-color .28s,box-shadow .28s,background .28s}[data-style=calm] .bento-menu-item[data-highlighted],[data-style=calm] .bento-combobox-item[data-highlighted],[data-style=calm] .bento-select-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 90%)}[data-style=luxury] .bento-button.accent,[data-style=luxury] .bento-button.teal{letter-spacing:.03em;font-weight:700}[data-style=luxury] .bento-menu-item[data-highlighted],[data-style=luxury] .bento-combobox-item[data-highlighted],[data-style=luxury] .bento-select-item[data-highlighted],[data-style=luxury] .bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 86%)}[data-style=luxury] .bento-tabs-tab[data-selected],[data-style=luxury] .bento-tabs-tab[data-active],[data-style=luxury] .bento-tabs-tab[aria-selected=true]{color:var(--accent)}[data-style=neo-brutalism] .bento-button.accent{color:#000}[data-style=linear] .bento-button{letter-spacing:-.01em;border-radius:8px}[data-style=linear] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){background-color:var(--accent);background-image:linear-gradient(180deg, color-mix(in srgb, var(--accent), #fff 10%), var(--accent))}[data-style=linear] .demo-card,[data-style=linear] .block-preview,[data-style=linear] .base-block,[data-style=linear] .bento-tabs-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface), #fff 4%), var(--surface))}[data-style=linear] .bento-input,[data-style=linear] .bento-textarea,[data-style=linear] .bento-combobox-input,[data-style=linear] .bento-select-trigger{border-radius:8px}[data-style=linear] .bento-menu-popup,[data-style=linear] .bento-select-popup,[data-style=linear] .bento-combobox-popup,[data-style=linear] .bento-nav-menu-popup,[data-style=linear] .bento-popover-popup,[data-style=linear] .bento-preview-card,[data-style=linear] .bento-tooltip-popup,[data-style=linear] .bento-toast,[data-style=linear] .bento-dialog-popup,[data-style=linear] .bento-alert-popup,[data-style=linear] .bento-drawer-popup{border-radius:10px}[data-style=linear][data-theme=dark] .bento-menu-item[data-highlighted],[data-style=linear][data-theme=dark] .bento-combobox-item[data-highlighted],[data-style=linear][data-theme=dark] .bento-select-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 84%)}[data-style=fluent] .bento-button{border-radius:4px;font-weight:620}[data-style=fluent] .bento-input,[data-style=fluent] .bento-textarea,[data-style=fluent] .bento-combobox-input,[data-style=fluent] .bento-select-trigger{border-radius:4px}[data-style=fluent] .bento-menu-popup,[data-style=fluent] .bento-select-popup,[data-style=fluent] .bento-combobox-popup,[data-style=fluent] .bento-nav-menu-popup,[data-style=fluent] .bento-popover-popup,[data-style=fluent] .bento-preview-card,[data-style=fluent] .bento-tooltip-popup,[data-style=fluent] .bento-toast,[data-style=fluent] .bento-dialog-popup,[data-style=fluent] .bento-alert-popup,[data-style=fluent] .bento-drawer-popup{border-radius:6px}[data-style=fluent] .bento-menu-item[data-highlighted],[data-style=fluent] .bento-combobox-item[data-highlighted],[data-style=fluent] .bento-select-item[data-highlighted],[data-style=fluent] .bento-nav-menu-item[data-highlighted],[data-style=fluent] .bento-tabs-tab:hover,[data-style=fluent] .bento-toggle:hover,[data-style=fluent] .bento-toolbar-button:hover{background:color-mix(in srgb, var(--accent), transparent 90%)}[data-style=fluent] .bento-tabs-indicator,[data-style=fluent] .bento-toggle[data-pressed],[data-style=fluent] .bento-toolbar-button[data-pressed],[data-style=fluent] .bento-menubar-trigger[data-open],[data-style=fluent] .bento-switch[data-checked]{background:color-mix(in srgb, var(--accent), transparent 82%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent), transparent 62%)}[data-style=editorial] .bento-button{border-radius:2px;font-weight:680}[data-style=editorial] .bento-input,[data-style=editorial] .bento-textarea,[data-style=editorial] .bento-combobox-input{background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;padding-left:0}[data-style=editorial] .bento-input:focus,[data-style=editorial] .bento-textarea:focus,[data-style=editorial] .bento-combobox-input:focus{box-shadow:none;border-bottom-width:2px;border-bottom-color:var(--accent)}[data-style=editorial] .bento-select-trigger{background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;padding-left:0}[data-style=editorial] .bento-select-trigger:focus-visible{box-shadow:none;border-bottom-width:2px;border-bottom-color:var(--accent)}[data-style=editorial] .bento-input:disabled,[data-style=editorial] .bento-textarea:disabled,[data-style=editorial] .bento-combobox-input:disabled,[data-style=editorial] .bento-select-trigger[data-disabled],[data-style=editorial] .bento-select-trigger[aria-disabled=true]{color:var(--text-muted);background:0 0;border-top:none;border-left:none;border-right:none}[data-style=editorial] .bento-menu-item[data-highlighted],[data-style=editorial] .bento-combobox-item[data-highlighted],[data-style=editorial] .bento-select-item[data-highlighted]{background:var(--surface-muted)}[data-style=shadcn]{--shadcn-primary:#18181b;--shadcn-primary-foreground:#fafafa;--shadcn-secondary:#f4f4f5;--shadcn-secondary-foreground:#18181b;--shadcn-muted:#f4f4f5;--shadcn-muted-foreground:#71717a;--shadcn-accent:#f4f4f5;--shadcn-accent-foreground:#18181b;--shadcn-destructive:#dc2626;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#18181b;--shadcn-popover:#fff;--shadcn-popover-foreground:#09090b}[data-style=shadcn][data-theme=dark]{--shadcn-primary:#fafafa;--shadcn-primary-foreground:#09090b;--shadcn-secondary:#27272a;--shadcn-secondary-foreground:#fafafa;--shadcn-muted:#27272a;--shadcn-muted-foreground:#a1a1aa;--shadcn-accent:#27272a;--shadcn-accent-foreground:#fafafa;--shadcn-destructive:#ef4444;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#d4d4d8;--shadcn-popover:#09090b;--shadcn-popover-foreground:#fafafa}[data-style=shadcn] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=shadcn] [data-base-ui-trigger]:focus-visible,[data-style=shadcn] [data-base-ui-item]:focus-visible{outline-color:color-mix(in srgb, var(--shadcn-ring), transparent 58%)}[data-style=shadcn] .bento-button{box-shadow:none;font-weight:650}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal),[data-style=shadcn] .bento-button.accent,[data-style=shadcn] .bento-button.teal{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover,[data-style=shadcn] .bento-button.accent:hover,[data-style=shadcn] .bento-button.teal:hover{background:color-mix(in srgb, var(--shadcn-primary), transparent 10%)}[data-style=shadcn] .bento-button.outline,[data-style=shadcn] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--surface)}[data-style=shadcn] .bento-button.outline:hover,[data-style=shadcn] .bento-button.icon:hover,[data-style=shadcn] .bento-button.ghost:hover{border-color:var(--line-strong);background:var(--shadcn-accent);color:var(--shadcn-accent-foreground);box-shadow:none}[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-checkbox,[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio-indicator{color:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-radio-indicator{background:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-switch[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-indicator,[data-style=shadcn] .bento-slider-thumb,[data-style=shadcn] .bento-meter-indicator,[data-style=shadcn] .bento-meter-mid,[data-style=shadcn] .bento-progress-indicator{background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-thumb{border-color:var(--surface);box-shadow:0 1px 2px #18181b29}[data-style=shadcn] .bento-field-error,[data-style=shadcn] .bento-input+.bento-field-error{color:var(--shadcn-destructive)}[data-style=shadcn] .bento-input:focus,[data-style=shadcn] .bento-textarea:focus,[data-style=shadcn] .bento-combobox-input:focus{border-color:var(--shadcn-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ring), transparent 84%)}[data-style=shadcn] .bento-select-item[data-selected],[data-style=shadcn] .bento-combobox-item[data-selected]{color:var(--text-strong)}[data-style=shadcn] .bento-select-item[data-selected][data-highlighted],[data-style=shadcn] .bento-combobox-item[data-selected][data-highlighted]{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-field[data-invalid] .bento-input,[data-style=shadcn] .bento-field[data-invalid] .bento-textarea,[data-style=shadcn] .bento-field[data-invalid] .bento-combobox-input,[data-style=shadcn] .bento-field[data-invalid] .bento-select-trigger,[data-style=shadcn] .bento-input[aria-invalid=true],[data-style=shadcn] .bento-textarea[aria-invalid=true],[data-style=shadcn] .bento-combobox-input[aria-invalid=true]{border-color:var(--shadcn-destructive);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-destructive), transparent 84%)}[data-style=shadcn] .bento-tabs-tab[data-selected],[data-style=shadcn] .bento-tabs-tab[data-active],[data-style=shadcn] .bento-tabs-tab[aria-selected=true],[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .bento-toolbar-button[data-pressed],[data-style=shadcn] .bento-menubar-trigger[data-open]{color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-tabs-indicator,[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .style-switcher button.active{background:var(--surface);box-shadow:0 1px 2px #18181b14}[data-style=shadcn] .bento-menu-popup,[data-style=shadcn] .bento-select-popup,[data-style=shadcn] .bento-combobox-popup,[data-style=shadcn] .bento-nav-menu-popup,[data-style=shadcn] .bento-popover-popup,[data-style=shadcn] .bento-preview-card,[data-style=shadcn] .bento-tooltip-popup,[data-style=shadcn] .bento-toast,[data-style=shadcn] .bento-dialog-popup,[data-style=shadcn] .bento-alert-popup,[data-style=shadcn] .bento-drawer-popup{border-color:var(--line);color:var(--shadcn-popover-foreground);background:var(--shadcn-popover);box-shadow:0 10px 30px #18181b1a}[data-style=shadcn][data-theme=dark] .bento-menu-popup,[data-style=shadcn][data-theme=dark] .bento-select-popup,[data-style=shadcn][data-theme=dark] .bento-combobox-popup,[data-style=shadcn][data-theme=dark] .bento-nav-menu-popup,[data-style=shadcn][data-theme=dark] .bento-popover-popup,[data-style=shadcn][data-theme=dark] .bento-preview-card,[data-style=shadcn][data-theme=dark] .bento-tooltip-popup,[data-style=shadcn][data-theme=dark] .bento-toast,[data-style=shadcn][data-theme=dark] .bento-dialog-popup,[data-style=shadcn][data-theme=dark] .bento-alert-popup,[data-style=shadcn][data-theme=dark] .bento-drawer-popup{box-shadow:0 18px 48px #00000057,0 0 0 1px #ffffff05}[data-style=shadcn] .bento-popover-arrow,[data-style=shadcn] .bento-preview-card-arrow,[data-style=shadcn] .bento-tooltip-arrow{fill:var(--shadcn-popover)}[data-style=shadcn] .bento-menu-item[data-highlighted],[data-style=shadcn] .bento-combobox-item[data-highlighted],[data-style=shadcn] .bento-select-item[data-highlighted],[data-style=shadcn] .bento-nav-menu-item[data-highlighted],[data-style=shadcn] .bento-toolbar-button:hover,[data-style=shadcn] .bento-number-field-button:hover,[data-style=shadcn] .bento-toast-close:hover{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=shadcn] .bento-meter-low{background:var(--shadcn-destructive)}[data-style=neo-brutalism]{--neo-shadow:5px 5px 0 var(--line-strong);--neo-shadow-sm:3px 3px 0 var(--line-strong);--neo-active-offset:translate(2px, 2px)}[data-style=neo-brutalism] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=neo-brutalism] [data-base-ui-trigger]:focus-visible,[data-style=neo-brutalism] [data-base-ui-item]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[data-style=neo-brutalism] .bento-button,[data-style=neo-brutalism] .bento-select-trigger,[data-style=neo-brutalism] .bento-combobox-input,[data-style=neo-brutalism] .bento-input,[data-style=neo-brutalism] .bento-textarea,[data-style=neo-brutalism] .bento-number-field-group,[data-style=neo-brutalism] .bento-otp-input,[data-style=neo-brutalism] .bento-checkbox,[data-style=neo-brutalism] .bento-radio,[data-style=neo-brutalism] .bento-switch,[data-style=neo-brutalism] .bento-toggle-group,[data-style=neo-brutalism] .bento-tabs-list,[data-style=neo-brutalism] .bento-toolbar,[data-style=neo-brutalism] .bento-menubar,[data-style=neo-brutalism] .bento-fieldset,[data-style=neo-brutalism] .bento-context-menu-trigger,[data-style=neo-brutalism] .demo-card,[data-style=neo-brutalism] .api-table-wrap,[data-style=neo-brutalism] .interaction-list li,[data-style=neo-brutalism] .block-preview,[data-style=neo-brutalism] .theme-swatch{border-width:2px;border-color:var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-button{color:#000;background:var(--surface-muted);text-transform:uppercase;font-weight:850}[data-style=neo-brutalism][data-theme=dark] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-button:hover,[data-style=neo-brutalism] .bento-button:active{transform:var(--neo-active-offset);box-shadow:2px 2px 0 var(--line-strong)}[data-style=neo-brutalism] .bento-button.accent{background:var(--accent)}[data-style=neo-brutalism] .bento-button.teal,[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{background:var(--teal)}[data-style=neo-brutalism] .bento-button.outline,[data-style=neo-brutalism] .bento-button.ghost,[data-style=neo-brutalism] .bento-button.icon{color:var(--text-strong);background:var(--surface)}[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{border-color:var(--line-strong)}[data-style=neo-brutalism] .bento-radio-indicator,[data-style=neo-brutalism] .bento-slider-indicator,[data-style=neo-brutalism] .bento-slider-thumb,[data-style=neo-brutalism] .bento-meter-indicator,[data-style=neo-brutalism] .bento-meter-mid,[data-style=neo-brutalism] .bento-progress-indicator{background:var(--accent)}[data-style=neo-brutalism] .bento-slider-thumb{border:2px solid var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-menu-popup,[data-style=neo-brutalism] .bento-select-popup,[data-style=neo-brutalism] .bento-combobox-popup,[data-style=neo-brutalism] .bento-nav-menu-popup,[data-style=neo-brutalism] .bento-popover-popup,[data-style=neo-brutalism] .bento-preview-card,[data-style=neo-brutalism] .bento-tooltip-popup,[data-style=neo-brutalism] .bento-toast,[data-style=neo-brutalism] .bento-dialog-popup,[data-style=neo-brutalism] .bento-alert-popup,[data-style=neo-brutalism] .bento-drawer-popup{border:2px solid var(--line-strong);background:var(--surface);box-shadow:var(--neo-shadow)}[data-style=neo-brutalism] .bento-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-toolbar-button:hover,[data-style=neo-brutalism] .bento-number-field-button:hover,[data-style=neo-brutalism] .bento-toast-close:hover,[data-style=neo-brutalism] .bento-tabs-tab[data-selected],[data-style=neo-brutalism] .bento-tabs-tab[data-active],[data-style=neo-brutalism] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism] .bento-tabs-indicator,[data-style=neo-brutalism] .bento-toggle[data-pressed],[data-style=neo-brutalism] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism] .bento-menubar-trigger[data-open],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism] .style-switcher button.active{color:#000;background:var(--surface-muted)}[data-style=neo-brutalism][data-theme=dark] .bento-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-number-field-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-toast-close:hover,[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-selected],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-active],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-indicator,[data-style=neo-brutalism][data-theme=dark] .bento-toggle[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-menubar-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .style-switcher button.active{color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-select-item[data-selected]{color:var(--text-strong)}[data-style=neo-brutalism] .bento-popover-arrow,[data-style=neo-brutalism] .bento-preview-card-arrow,[data-style=neo-brutalism] .bento-tooltip-arrow{fill:var(--surface)}[data-style=neo-brutalism] .topbar,[data-style=neo-brutalism] .sidebar{border-color:var(--line-strong);border-width:2px}[data-style=neo-brutalism] .topbar-brand-mark,[data-style=neo-brutalism] .component-status-dot.ready{background:var(--accent)}[data-style=neo-brutalism] .demo-code-block{border-top-width:2px}[data-style=cyberpunk]{--cyber-glow:0 0 12px var(--accent), 0 0 32px color-mix(in srgb, var(--accent), transparent 50%);--cyber-glow-strong:0 0 18px var(--accent), 0 0 48px color-mix(in srgb, var(--accent), transparent 40%);--cyber-border-glow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 60%), 0 0 18px color-mix(in srgb, var(--accent), transparent 55%);--cyber-highlight-bg:color-mix(in srgb, var(--accent), var(--bg) 70%);--cyber-highlight-fg:#fff}[data-style=cyberpunk][data-theme=light]{--cyber-glow:0 0 8px var(--accent), 0 0 22px color-mix(in srgb, var(--accent), transparent 55%);--cyber-glow-strong:0 0 12px var(--accent), 0 0 36px color-mix(in srgb, var(--accent), transparent 45%);--cyber-border-glow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 68%), 0 0 12px color-mix(in srgb, var(--accent), transparent 60%);--cyber-highlight-bg:color-mix(in srgb, var(--accent), #fff 76%);--cyber-highlight-fg:var(--text-strong)}[data-style=cyberpunk] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=cyberpunk] [data-base-ui-trigger]:focus-visible,[data-style=cyberpunk] [data-base-ui-item]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-input:focus,[data-style=cyberpunk] .bento-textarea:focus,[data-style=cyberpunk] .bento-combobox-input:focus{border-color:var(--accent);box-shadow:var(--cyber-border-glow)}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon){border:1px solid color-mix(in srgb, var(--accent), transparent 70%);box-shadow:0 0 6px color-mix(in srgb, var(--accent), transparent 60%);transition:border-color .16s,background .16s,box-shadow .18s,transform .12s}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):hover{box-shadow:var(--cyber-glow);transform:translateY(-1px)}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):active{box-shadow:0 0 4px color-mix(in srgb, var(--accent), transparent 60%);transform:translateY(1px)}[data-style=cyberpunk] .bento-button.outline,[data-style=cyberpunk] .bento-button.icon{border-color:color-mix(in srgb, var(--accent), transparent 50%);box-shadow:0 0 4px color-mix(in srgb, var(--accent), transparent 50%)}[data-style=cyberpunk] .bento-button.outline:hover,[data-style=cyberpunk] .bento-button.icon:hover{border-color:var(--accent);box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-button.accent{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-button.accent:hover{box-shadow:var(--cyber-glow-strong)}[data-style=cyberpunk] .bento-menu-popup,[data-style=cyberpunk] .bento-select-popup,[data-style=cyberpunk] .bento-combobox-popup,[data-style=cyberpunk] .bento-nav-menu-popup,[data-style=cyberpunk] .bento-popover-popup,[data-style=cyberpunk] .bento-preview-card,[data-style=cyberpunk] .bento-tooltip-popup,[data-style=cyberpunk] .bento-toast,[data-style=cyberpunk] .bento-dialog-popup,[data-style=cyberpunk] .bento-alert-popup,[data-style=cyberpunk] .bento-drawer-popup{border-color:color-mix(in srgb, var(--accent), transparent 60%);box-shadow:var(--cyber-border-glow), var(--shadow)}[data-style=cyberpunk] .bento-menu-item[data-highlighted],[data-style=cyberpunk] .bento-combobox-item[data-highlighted],[data-style=cyberpunk] .bento-select-item[data-highlighted],[data-style=cyberpunk] .bento-nav-menu-item[data-highlighted]{color:var(--cyber-highlight-fg);background:var(--cyber-highlight-bg);text-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-tabs-tab[data-selected],[data-style=cyberpunk] .bento-tabs-tab[data-active],[data-style=cyberpunk] .bento-tabs-tab[aria-selected=true]{text-shadow:0 0 6px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-tabs-indicator,[data-style=cyberpunk] .bento-toggle[data-pressed],[data-style=cyberpunk] .bento-toolbar-button[data-pressed],[data-style=cyberpunk] .bento-menubar-trigger[data-open],[data-style=cyberpunk] .style-switcher button.active{box-shadow:0 0 10px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=cyberpunk] .demo-card,[data-style=cyberpunk] .block-preview,[data-style=cyberpunk] .theme-swatch{border-color:color-mix(in srgb, var(--accent), transparent 50%);box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 40%)}[data-style=cyberpunk] .bento-slider-indicator,[data-style=cyberpunk] .bento-slider-thumb,[data-style=cyberpunk] .bento-progress-indicator,[data-style=cyberpunk] .bento-meter-indicator,[data-style=cyberpunk] .bento-meter-mid{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-slider-thumb{border-color:var(--bg)}[data-style=cyberpunk] .bento-checkbox[data-checked],[data-style=cyberpunk] .bento-radio[data-checked],[data-style=cyberpunk] .bento-switch[data-checked]{box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 55%)}[data-style=cyberpunk] .topbar,[data-style=cyberpunk] .sidebar{border-color:color-mix(in srgb, var(--accent), transparent 50%)}[data-style=cyberpunk] .topbar-brand-mark{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-menu-separator{background:color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-field-error,[data-style=cyberpunk] .bento-meter-low{text-shadow:0 0 6px color-mix(in srgb, var(--theme-danger,#ff2bd6), transparent 60%)}@media (prefers-reduced-motion:reduce){[data-style=cyberpunk] .bento-button,[data-style=cyberpunk] .bento-slider-thumb,[data-style=cyberpunk] .bento-tabs-indicator,[data-style=cyberpunk] .bento-toggle,[data-style=cyberpunk] .bento-toolbar-button{transition-duration:1ms}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):hover,[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):active{transform:none}[data-style=cyberpunk] :where(.bento-button,.bento-slider-thumb,.bento-progress-indicator,.bento-meter-indicator){box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 58%)}}[data-style=terminal]{--term-accent:var(--green);--term-amber:#fbbf24;--term-glow:0 0 0 1px color-mix(in srgb, var(--green), transparent 64%), 0 0 12px color-mix(in srgb, var(--green), transparent 60%);--term-block:color-mix(in srgb, var(--green), transparent 88%);--term-highlight:color-mix(in srgb, var(--green), transparent 84%)}[data-style=terminal][data-theme=light]{--term-glow:0 0 0 1px color-mix(in srgb, var(--green), transparent 58%), 0 0 10px color-mix(in srgb, var(--green), transparent 50%)}[data-style=terminal] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=terminal] [data-base-ui-trigger]:focus-visible,[data-style=terminal] [data-base-ui-item]:focus-visible{outline:1px solid var(--green);outline-offset:1px;box-shadow:var(--term-glow)}[data-style=terminal] .bento-input:focus,[data-style=terminal] .bento-textarea:focus,[data-style=terminal] .bento-combobox-input:focus{border-color:var(--green);box-shadow:var(--term-glow);caret-color:var(--green)}[data-style=terminal] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 0 4px color-mix(in srgb, var(--green), transparent 70%);background:0 0;font-weight:700}[data-style=terminal] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{color:var(--bg);background:var(--green);box-shadow:var(--term-glow)}[data-style=terminal] .bento-button.outline,[data-style=terminal] .bento-button.icon{border-color:var(--green);color:var(--green);box-shadow:none;background:0 0}[data-style=terminal] .bento-button.outline:hover,[data-style=terminal] .bento-button.icon:hover{color:var(--bg);background:var(--green);border-color:var(--green);box-shadow:var(--term-glow)}[data-style=terminal] .bento-button.ghost{color:var(--text-strong)}[data-style=terminal] .bento-button.ghost:hover{background:var(--term-block)}[data-style=terminal] .bento-button.accent,[data-style=terminal] .bento-button.teal{border-color:var(--green)}[data-style=terminal] .bento-select-trigger,[data-style=terminal] .bento-combobox-input{border-color:var(--green);font-family:var(--font-mono)}[data-style=terminal] .bento-select-trigger:focus-visible{box-shadow:var(--term-glow)}[data-style=terminal] .bento-menu-popup,[data-style=terminal] .bento-select-popup,[data-style=terminal] .bento-combobox-popup,[data-style=terminal] .bento-nav-menu-popup,[data-style=terminal] .bento-popover-popup,[data-style=terminal] .bento-preview-card,[data-style=terminal] .bento-tooltip-popup,[data-style=terminal] .bento-toast,[data-style=terminal] .bento-dialog-popup,[data-style=terminal] .bento-alert-popup,[data-style=terminal] .bento-drawer-popup{border-color:var(--green);box-shadow:var(--term-glow), var(--shadow)}[data-style=terminal] .bento-menu-item[data-highlighted],[data-style=terminal] .bento-combobox-item[data-highlighted],[data-style=terminal] .bento-select-item[data-highlighted],[data-style=terminal] .bento-nav-menu-item[data-highlighted],[data-style=terminal] .bento-select-item[data-selected][data-highlighted]{color:var(--green);background:var(--term-block)}[data-style=terminal] .bento-select-item[data-selected]{color:var(--green);border-left:2px solid var(--term-amber);padding-left:8px}[data-style=terminal] .bento-menu-item[data-highlighted],[data-style=terminal] .bento-combobox-item[data-highlighted],[data-style=terminal] .bento-select-item[data-highlighted]{box-shadow:inset 2px 0 0 var(--term-amber)}[data-style=terminal] .bento-tabs-tab[data-selected],[data-style=terminal] .bento-tabs-tab[data-active],[data-style=terminal] .bento-tabs-tab[aria-selected=true]{color:var(--green)}[data-style=terminal] .bento-tabs-indicator,[data-style=terminal] .bento-toggle[data-pressed],[data-style=terminal] .bento-toolbar-button[data-pressed],[data-style=terminal] .bento-menubar-trigger[data-open],[data-style=terminal] .style-switcher button.active{background:var(--term-block);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green), transparent 60%)}[data-style=terminal] .bento-checkbox[data-checked],[data-style=terminal] .bento-radio[data-checked],[data-style=terminal] .bento-switch[data-checked]{border-color:var(--green);background:var(--green)}[data-style=terminal] .bento-checkbox,[data-style=terminal] .bento-checkbox[data-checked],[data-style=terminal] .bento-radio-indicator{color:var(--bg)}[data-style=terminal] .bento-slider-indicator,[data-style=terminal] .bento-slider-thumb,[data-style=terminal] .bento-meter-indicator,[data-style=terminal] .bento-meter-mid,[data-style=terminal] .bento-progress-indicator{background:var(--green)}[data-style=terminal] .bento-slider-thumb{border-color:var(--bg);box-shadow:var(--term-glow)}[data-style=terminal] .topbar,[data-style=terminal] .sidebar{border-color:color-mix(in srgb, var(--green), transparent 60%)}[data-style=terminal] .topbar-brand-mark{color:var(--bg);background:var(--green)}[data-style=terminal] .bento-menu-separator{background:color-mix(in srgb, var(--green), transparent 70%)}[data-style=terminal] .bento-tooltip-popup{border-color:var(--green);font-family:var(--font-mono)}[data-style=material]{--md-elevation-1:0 1px 2px #3c40431f, 0 1px 3px #3c404314;--md-elevation-2:0 1px 2px #3c404324, 0 2px 6px #3c40431a;--md-elevation-3:0 4px 8px #3c404324, 0 1px 3px #3c40431a;--md-elevation-4:0 6px 10px #3c404329, 0 2px 6px #3c40431a;--md-elevation-8:0 12px 17px #3c40432e, 0 5px 22px #3c40431f;--md-state-hover:color-mix(in srgb, var(--text-strong), transparent 92%);--md-state-pressed:color-mix(in srgb, var(--text-strong), transparent 86%);--md-transition:.2s cubic-bezier(.4, 0, .2, 1)}[data-style=material][data-theme=dark]{--md-elevation-1:0 1px 2px #0000003d, 0 1px 3px #00000029;--md-elevation-2:0 1px 2px #00000047, 0 2px 6px #0000002e;--md-elevation-3:0 4px 8px #0000004d, 0 1px 3px #0003;--md-elevation-4:0 6px 10px #00000057, 0 2px 6px #0003;--md-elevation-8:0 12px 17px #00000061, 0 5px 22px #00000042;--md-state-hover:color-mix(in srgb, var(--text-strong), transparent 90%);--md-state-pressed:color-mix(in srgb, var(--text-strong), transparent 82%)}[data-style=material] .bento-button,[data-style=material] .bento-select-trigger,[data-style=material] .bento-input,[data-style=material] .bento-textarea,[data-style=material] .bento-combobox-input,[data-style=material] .bento-checkbox,[data-style=material] .bento-radio,[data-style=material] .bento-switch{transition:background var(--md-transition), border-color var(--md-transition), box-shadow var(--md-transition), transform var(--md-transition)}[data-style=material] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=material] [data-base-ui-trigger]:focus-visible,[data-style=material] [data-base-ui-item]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-style=material] .bento-button{letter-spacing:.01em;text-transform:none;box-shadow:none;border-radius:20px;font-weight:650}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){background:var(--blue);color:var(--theme-primary-foreground);box-shadow:var(--md-elevation-1)}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{background:var(--blue);box-shadow:var(--md-elevation-3);transform:translateY(-1px)}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):active{box-shadow:var(--md-elevation-1);transform:translateY(0)}[data-style=material] .bento-button.accent{box-shadow:var(--md-elevation-2)}[data-style=material] .bento-button.accent:hover{box-shadow:var(--md-elevation-4);transform:translateY(-1px)}[data-style=material] .bento-button.outline,[data-style=material] .bento-button.icon,[data-style=material] .bento-button.ghost{border-radius:20px}[data-style=material] .demo-card,[data-style=material] .block-preview{box-shadow:var(--md-elevation-2);transition:box-shadow var(--md-transition);border-radius:12px}[data-style=material] .demo-card:hover,[data-style=material] .block-preview:hover{box-shadow:var(--md-elevation-4)}[data-style=material] .bento-menu-popup,[data-style=material] .bento-select-popup,[data-style=material] .bento-combobox-popup,[data-style=material] .bento-nav-menu-popup,[data-style=material] .bento-popover-popup,[data-style=material] .bento-preview-card,[data-style=material] .bento-tooltip-popup,[data-style=material] .bento-toast,[data-style=material] .bento-dialog-popup,[data-style=material] .bento-alert-popup,[data-style=material] .bento-drawer-popup{box-shadow:var(--md-elevation-8);border-color:#0000;border-radius:8px}[data-style=material] .bento-dialog-popup{border-radius:16px}[data-style=material] .bento-menu-item[data-highlighted],[data-style=material] .bento-combobox-item[data-highlighted],[data-style=material] .bento-select-item[data-highlighted],[data-style=material] .bento-nav-menu-item[data-highlighted]{background:var(--md-state-hover)}[data-style=material] .bento-menu-item:active,[data-style=material] .bento-combobox-item:active,[data-style=material] .bento-select-item:active{background:var(--md-state-pressed)}[data-style=material] .bento-tabs-list{box-shadow:inset 0 -1px 0 var(--line);background:0 0;border-color:#0000}[data-style=material] .bento-tabs-tab{border-radius:8px 8px 0 0}[data-style=material] .bento-tabs-indicator{box-shadow:none;border-radius:4px 4px 0 0}[data-style=material] .bento-toggle[data-pressed],[data-style=material] .bento-toolbar-button[data-pressed],[data-style=material] .bento-menubar-trigger[data-open],[data-style=material] .style-switcher button.active{background:var(--md-state-pressed);box-shadow:none}[data-style=material] .bento-input,[data-style=material] .bento-textarea,[data-style=material] .bento-combobox-input,[data-style=material] .bento-select-trigger{background:var(--surface-muted);border-top-color:#0000;border-bottom-width:1px;border-left-color:#0000;border-right-color:#0000;border-radius:8px 8px 0 0}[data-style=material] .bento-input:focus,[data-style=material] .bento-textarea:focus,[data-style=material] .bento-combobox-input:focus{border-bottom-color:var(--blue);box-shadow:none;background:color-mix(in srgb, var(--blue), transparent 94%);border-bottom-width:2px}[data-style=material] .bento-checkbox[data-checked],[data-style=material] .bento-radio[data-checked],[data-style=material] .bento-switch[data-checked]{border-color:var(--blue);background:var(--blue)}[data-style=material] .bento-slider-indicator,[data-style=material] .bento-slider-thumb,[data-style=material] .bento-progress-indicator,[data-style=material] .bento-meter-indicator,[data-style=material] .bento-meter-mid{background:var(--blue)}[data-style=material] .bento-slider-thumb{border-color:var(--surface);box-shadow:var(--md-elevation-2)}[data-style=material] .bento-button.icon{box-shadow:var(--md-elevation-2);border-radius:50%}[data-style=material] .bento-button.icon:hover{box-shadow:var(--md-elevation-4);transform:translateY(-1px)}[data-style=material] .topbar{box-shadow:var(--md-elevation-2)}[data-style=material] .topbar-brand-mark{border-radius:8px}[data-style=material] .bento-avatar{box-shadow:var(--md-elevation-1)}[data-style=glass]{--glass-blur:blur(18px) saturate(1.3);--glass-blur-strong:blur(28px) saturate(1.4);--glass-border:color-mix(in srgb, var(--accent), transparent 80%);--glass-highlight:inset 0 1px 0 #ffffff38;--glass-highlight-strong:inset 0 1px 0 #ffffff4d;--glass-bg-hover:#ffffff24}[data-style=glass][data-theme=dark]{--glass-highlight:inset 0 1px 0 #ffffff14;--glass-highlight-strong:inset 0 1px 0 #ffffff1f;--glass-bg-hover:#ffffff0f}[data-style=glass] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=glass] [data-base-ui-trigger]:focus-visible,[data-style=glass] [data-base-ui-item]:focus-visible{outline:2px solid color-mix(in srgb, var(--accent), transparent 40%);outline-offset:2px;box-shadow:0 0 14px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=glass] .bento-input,[data-style=glass] .bento-textarea,[data-style=glass] .bento-combobox-input,[data-style=glass] .bento-select-trigger{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight);transition:border-color .2s,box-shadow .22s,background .18s}[data-style=glass] .bento-input:focus,[data-style=glass] .bento-textarea:focus,[data-style=glass] .bento-combobox-input:focus,[data-style=glass] .bento-select-trigger:focus-visible,[data-style=glass] .bento-number-field-group:focus-within,[data-style=glass] .bento-number-field-input:focus-visible,[data-style=glass] .bento-otp-input:focus-visible{border-color:var(--accent);box-shadow:var(--glass-highlight-strong), 0 0 14px color-mix(in srgb, var(--accent), transparent 62%)}[data-style=glass] .bento-button:not(.outline):not(.ghost):not(.icon){-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), 0 4px 12px color-mix(in srgb, var(--accent), transparent 85%);transition:transform .18s,box-shadow .2s,background .18s}[data-style=glass] .bento-button:not(.outline):not(.ghost):not(.icon):hover{box-shadow:var(--glass-highlight-strong), 0 6px 20px color-mix(in srgb, var(--accent), transparent 72%);transform:translateY(-1px)}[data-style=glass] .bento-button:not(.outline):not(.ghost):not(.icon):active{box-shadow:var(--glass-highlight), 0 2px 10px color-mix(in srgb, var(--accent), transparent 78%);transform:translateY(0)}[data-style=glass] .bento-button.outline,[data-style=glass] .bento-button.icon,[data-style=glass] .bento-button.ghost{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-style=glass] .bento-button.outline:hover,[data-style=glass] .bento-button.icon:hover,[data-style=glass] .bento-button.ghost:hover{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong)}[data-style=glass] .bento-button.accent{box-shadow:var(--glass-highlight), 0 4px 16px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=glass] .bento-menu-popup,[data-style=glass] .bento-select-popup,[data-style=glass] .bento-combobox-popup,[data-style=glass] .bento-nav-menu-popup,[data-style=glass] .bento-popover-popup,[data-style=glass] .bento-preview-card,[data-style=glass] .bento-tooltip-popup,[data-style=glass] .bento-toast,[data-style=glass] .bento-dialog-popup,[data-style=glass] .bento-alert-popup,[data-style=glass] .bento-drawer-popup{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}[data-style=glass] .bento-menu-item[data-highlighted],[data-style=glass] .bento-combobox-item[data-highlighted],[data-style=glass] .bento-select-item[data-highlighted],[data-style=glass] .bento-nav-menu-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 88%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-style=glass] .demo-card,[data-style=glass] .block-preview,[data-style=glass] .theme-swatch,[data-style=glass] .bento-accordion-item,[data-style=glass] .bento-collapsible,[data-style=glass] .bento-tabs-panel,[data-style=glass] .bento-toggle-group,[data-style=glass] .bento-menubar,[data-style=glass] .bento-scroll-area,[data-style=glass] .bento-context-menu-trigger,[data-style=glass] .bento-otp-input,[data-style=glass] .base-block,[data-style=glass] .base-block-table,[data-style=glass] .base-block-pill{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}[data-style=glass] .base-block-stat,[data-style=glass] .base-block-panel,[data-style=glass] .base-block-list-item{background:var(--surface-muted);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .demo-card:hover,[data-style=glass] .block-preview:hover{box-shadow:var(--glass-highlight-strong), var(--shadow-strong)}[data-style=glass] .bento-tabs-list{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-tabs-indicator,[data-style=glass] .bento-toggle[data-pressed],[data-style=glass] .bento-toolbar-button[data-pressed],[data-style=glass] .bento-menubar-trigger[data-open],[data-style=glass] .style-switcher button.active{background:color-mix(in srgb, var(--accent), transparent 84%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-checkbox[data-checked],[data-style=glass] .bento-radio[data-checked],[data-style=glass] .bento-switch[data-checked]{box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 55%)}[data-style=glass] .bento-slider-thumb{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), 0 2px 8px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=glass] .bento-toolbar,[data-style=glass] .bento-number-field-group{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-menu-separator{background:var(--glass-border)}[data-style=glass] .bento-fieldset{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-tooltip-popup{-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong)}[data-style=glass] .topbar-brand-mark{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}[data-style=glass] .topbar,[data-style=glass] .sidebar{border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-popover-arrow,[data-style=glass] .bento-preview-card-arrow,[data-style=glass] .bento-tooltip-arrow{fill:var(--surface)}:root{color:var(--bt-text);background:var(--bt-bg);font-family:var(--bt-font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}body{min-width:320px;min-height:100vh;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}#root{min-height:100vh}::selection{color:var(--selection-text);background:var(--selection-bg)}:where(button,a,[role=button],[tabindex]):focus-visible,[data-base-ui-trigger]:focus-visible,[data-base-ui-item]:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-button{border:var(--bt-border-width,1px) solid transparent;border-radius:var(--bt-radius-sm);min-height:40px;color:var(--bt-bg);background:var(--bt-surface-strong);cursor:pointer;font-weight:var(--bt-font-weight,720);transition:background var(--bt-duration,.16s) ease, box-shadow var(--bt-duration,.16s) ease;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.bento-button:hover{color:var(--bt-bg);background:var(--bt-fg)}.bento-button:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-button.outline{color:var(--bt-fg);border-color:var(--bt-border);background:var(--bt-surface)}.bento-button.outline:hover{border-color:var(--bt-border-strong);box-shadow:var(--bt-shadow)}.bento-button.ghost{color:var(--bt-fg);background:0 0}.bento-button.ghost:hover{background:var(--bt-surface-muted)}.bento-button.icon{width:40px;color:var(--bt-fg);border-color:var(--bt-border);background:var(--bt-surface);padding:0}.bento-button.icon:hover{border-color:var(--bt-border-strong);box-shadow:var(--bt-shadow)}.bento-button.accent{color:var(--bt-primary-fg);background:var(--bt-primary)}.bento-button.accent:hover{color:var(--bt-primary-fg);background:var(--bt-primary-hover)}.bento-button.teal{color:var(--bt-secondary-fg);background:var(--bt-secondary)}.bento-button.teal:hover{color:var(--bt-secondary-fg);background:color-mix(in srgb, var(--bt-secondary), var(--bt-fg) 16%)}.bento-combobox{width:min(100%,330px)}.bento-combobox-input{border:var(--bt-border-width,1px) solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:100%;min-height:44px;color:var(--bt-fg);background:var(--bt-surface);outline:none;align-items:center;padding:0 12px;font-size:14px;transition:border-color .14s;display:flex}.bento-combobox-input:focus{border-color:var(--bt-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bt-secondary), transparent 84%)}:is([dir=rtl] .bento-combobox-input,.bento-combobox-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.bento-combobox-popup{border:var(--bt-border-width,1px) solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:220px;box-shadow:var(--bt-shadow);padding:6px}.bento-combobox-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}:is([dir=rtl] .bento-combobox-popup,.bento-combobox-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-combobox-item,.bento-combobox-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-combobox-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-combobox-no-results{color:var(--bt-muted-fg);text-align:center;padding:12px;font-size:14px}[data-theme=dark] .bento-combobox-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}.bento-avatar{background:var(--bt-surface-muted);width:40px;height:40px;color:var(--bt-fg);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:760;display:inline-flex;overflow:hidden}.bento-avatar img{object-fit:cover;width:100%;height:100%}.bento-avatar.sm{width:32px;height:32px;font-size:13px}.bento-avatar.lg{width:56px;height:56px;font-size:22px}.bento-avatar-group{display:flex}.bento-avatar-group .bento-avatar{border:2px solid var(--bt-surface);margin-left:-10px}.bento-avatar-group .bento-avatar:first-child{margin-left:0}.bento-checkbox{border:var(--bt-border-width,1px) solid var(--bt-border-strong);width:22px;height:22px;color:var(--bt-primary-fg);background:var(--bt-surface);cursor:pointer;border-radius:5px;place-items:center;transition:border-color .14s,background .14s;display:grid}.bento-checkbox[data-checked]{border-color:var(--bt-secondary);background:var(--bt-secondary)}.bento-checkbox:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-checkbox-label{color:var(--bt-fg);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-checkbox-group{flex-wrap:wrap;gap:12px 16px;display:flex}.bento-field{gap:8px;width:min(100%,360px);display:grid}.bento-field-description,.bento-field-error{font-size:13px;line-height:1.5}.bento-field-description{color:var(--bt-muted-fg)}.bento-field-error{color:var(--bt-primary-hover)}.bento-fieldset{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);gap:14px;min-width:0;padding:16px;display:grid}.bento-fieldset-legend{color:var(--bt-fg);padding:0 4px;font-size:14px;font-weight:760}.bento-input,.bento-textarea{border:var(--bt-border-width,1px) solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:100%;min-height:42px;color:var(--bt-fg);background:var(--bt-surface);transition:border-color var(--bt-duration,.14s) ease, box-shadow var(--bt-duration,.14s) ease;padding:0 12px;font-size:14px}.bento-input:focus,.bento-textarea:focus{border-color:var(--bt-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bt-primary), transparent 82%);outline:none}.bento-textarea{resize:vertical;min-height:80px;padding:10px 12px}.bento-field{gap:8px;display:grid}.bento-field-label{color:var(--bt-muted-fg);text-transform:uppercase;font-size:13px;font-weight:760}.bento-field-error{color:var(--bt-danger);font-size:13px;font-weight:600}.field-label{color:var(--bt-muted-fg);text-transform:uppercase;font-size:13px;font-weight:760}.bento-meter{width:100%}.bento-meter-track{background:var(--track-bg);border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.bento-meter-indicator{border-radius:inherit;background:var(--bt-primary);height:100%;transition:width .3s}.bento-meter-high{background:var(--bt-success)}.bento-meter-mid{background:var(--bt-primary)}.bento-meter-low{background:var(--bt-danger)}.bento-meter-label{color:var(--bt-muted-fg);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-meter-value{color:var(--bt-fg)}.bento-progress{width:100%}.bento-progress-track{background:var(--track-bg);border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.bento-progress-indicator{border-radius:inherit;background:linear-gradient(90deg, var(--bt-secondary), var(--bt-primary));height:100%;transition:width .3s}.bento-progress-label{color:var(--bt-muted-fg);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-progress-value{color:var(--bt-fg)}.bento-select-trigger{border:var(--bt-border-width,1px) solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:min(100%,330px);min-height:44px;color:var(--bt-fg);background:var(--bt-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:14px;display:flex}:is([dir=rtl] .bento-select-trigger,.bento-select-trigger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;flex-direction:row-reverse;padding:0 14px 0 12px}.bento-select-trigger:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-select-positioner{z-index:40}.bento-select-popup{border:var(--bt-border-width,1px) solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:220px;box-shadow:var(--bt-shadow);padding:6px}.bento-select-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;grid-template-columns:22px 1fr;align-items:center;padding:0 10px;font-size:14px;display:grid}:is([dir=rtl] .bento-select-item,.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;grid-template-columns:1fr 22px}:is([dir=rtl] .bento-select-item [data-base-ui-select-item-indicator],.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-base-ui-select-item-indicator]){grid-area:1/2}.bento-select-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-select-item[data-selected]{color:var(--bt-secondary);font-weight:var(--bt-font-weight,720)}.bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--bt-secondary), transparent 86%)}[data-theme=dark] .bento-select-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}[data-theme=dark] .bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--bt-secondary), transparent 84%)}.bento-separator{background:var(--bt-border);flex-shrink:0}.bento-separator[data-orientation=horizontal]{width:100%;height:1px}.bento-separator[data-orientation=vertical]{width:1px;height:28px}.bento-switch{border:var(--bt-border-width,1px) solid var(--bt-border-strong);background:var(--track-bg);cursor:pointer;width:44px;height:26px;transition:border-color var(--bt-duration,.16s) ease, background var(--bt-duration,.16s) ease;border-radius:999px;align-items:center;padding:3px;display:inline-flex;position:relative}.bento-switch[data-checked]{border-color:var(--bt-surface-strong);background:var(--bt-surface-strong)}.bento-switch:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-switch-thumb{background:var(--bt-surface);width:18px;height:18px;box-shadow:var(--bt-shadow);border-radius:999px;transition:transform .18s}.bento-switch[data-checked] .bento-switch-thumb{transform:translate(18px)}.bento-switch-label{color:var(--bt-fg);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-tabs{flex-direction:column;gap:18px;min-height:100%;display:flex}.bento-tabs-list{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);gap:4px;padding:4px;display:grid;position:relative}.bento-tabs-list.cols-2{grid-template-columns:1fr 1fr}.bento-tabs-list.cols-3{grid-template-columns:1fr 1fr 1fr}.bento-tabs-tab{z-index:1;border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-muted-fg);cursor:pointer;font-weight:var(--bt-font-weight,760);background:0 0;border:0}.bento-tabs-tab[data-selected],.bento-tabs-tab[data-active],.bento-tabs-tab[aria-selected=true]{color:var(--bt-fg)}.bento-tabs-indicator{border-radius:var(--bt-radius-sm);background:var(--bt-surface);box-shadow:var(--bt-shadow);transition:left .18s,width .18s;position:absolute;top:4px;bottom:4px}.bento-tabs-panel{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);flex:1;padding:18px}.bento-tabs-panel-title{color:var(--bt-fg);margin-bottom:10px;font-size:20px;font-weight:750;display:block}.bento-tabs-panel p{color:var(--bt-muted-fg);margin:0}.bento-tooltip-popup{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);box-shadow:var(--bt-shadow);color:var(--bt-fg);padding:8px 10px;font-size:13px;font-weight:720}.bento-tooltip-arrow{fill:var(--bt-select-popup-bg,var(--bt-surface))}.base-block{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius);color:var(--bt-text);background:var(--bt-surface);box-shadow:var(--bt-shadow-strong);gap:16px;padding:18px;display:grid}.base-block-header,.base-block-row,.base-block-actions{align-items:center;gap:12px;display:flex}.base-block-header,.base-block-row{justify-content:space-between}.base-block-title{color:var(--bt-fg);margin:0;font-size:16px;font-weight:760}.base-block-copy{color:var(--bt-muted-fg);margin:4px 0 0;font-size:13px;line-height:1.5}.base-block-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.base-block-stat,.base-block-panel,.base-block-list-item{border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius-sm);background:var(--bt-surface-muted);padding:12px}.base-block-stat strong,.base-block-metric{color:var(--bt-fg);font-size:24px;font-weight:780;display:block}.base-block-stat span,.base-block-muted{color:var(--bt-muted-fg);font-size:12px}.base-block-list{gap:10px;display:grid}.base-block-list-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.base-block-list-main{min-width:0}.base-block-list-main strong{color:var(--bt-fg);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.base-block-list-main span{color:var(--bt-muted-fg);margin-top:2px;font-size:12px;display:block}.base-block-table{border-collapse:collapse;border:var(--bt-border-width,1px) solid var(--bt-border);border-radius:var(--bt-radius-sm);width:100%;font-size:13px;overflow:hidden}.base-block-table th,.base-block-table td{border-bottom:var(--bt-border-width,1px) solid var(--bt-border);text-align:left;padding:10px 12px}.base-block-table th{color:var(--bt-muted-fg);background:var(--bt-surface-muted);font-size:12px;font-weight:720}.base-block-table td{color:var(--bt-text)}.base-block-table tr:last-child td{border-bottom:0}.base-block-pill{border:var(--bt-border-width,1px) solid var(--bt-border);min-height:22px;color:var(--bt-fg);background:var(--bt-surface);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.base-block-form{gap:12px;display:grid}.base-block-split{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.base-block-price{color:var(--bt-fg);font-size:30px;font-weight:820}.base-block-price span{color:var(--bt-muted-fg);font-size:13px;font-weight:600}@media (width<=640px){.base-block-header,.base-block-row,.base-block-actions,.base-block-list-item,.base-block-split{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.base-block-actions{display:grid}}:root{--topbar-h:56px;--sidebar-w:260px;--content-max:860px}*,:before,:after{box-sizing:border-box}.topbar{z-index:50;height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:16px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-brand{color:var(--text-strong);flex-shrink:0;align-items:center;gap:8px;margin-right:8px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.topbar-brand-mark{width:28px;height:28px;color:var(--theme-primary-foreground);background:var(--accent);border-radius:6px;place-items:center;display:grid}.topbar-nav{align-items:center;gap:2px;display:flex}.topbar-nav a{color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:color .14s,background .14s}.topbar-nav a:hover,.topbar-nav a.active{color:var(--text-strong);background:var(--surface-muted)}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-icon-btn{border:1px solid var(--line);height:36px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:680;transition:color .14s,border-color .14s;display:inline-flex}.topbar-icon-btn:hover{color:var(--text-strong);border-color:var(--line-strong)}.topbar-ghost-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:color .14s,background .14s;display:inline-flex}.topbar-ghost-btn:hover{color:var(--text-strong);background:var(--surface-muted)}.sidebar{top:var(--topbar-h);z-index:40;width:var(--sidebar-w);border-right:1px solid var(--line);background:var(--bg);padding:20px 12px 32px;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-group{margin-bottom:20px}.sidebar-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 8px;font-size:12px;font-weight:760}.sidebar-link{color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:650;text-decoration:none;transition:color .14s,background .14s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--text-strong);background:var(--surface-muted)}.sidebar-link svg{color:var(--text-muted);flex-shrink:0}.main-content{margin-left:var(--sidebar-w);margin-top:var(--topbar-h);min-height:calc(100vh - var(--topbar-h));max-width:calc(var(--sidebar-w) + 980px);padding:48px 56px 96px}.main-content.no-sidebar{max-width:1120px;margin-left:0}.main-content.landing-main{width:100%;max-width:none;padding:0}.landing-page{min-height:calc(100vh - var(--topbar-h));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-muted), transparent 42%) 0%, var(--bg) 62%), var(--bg);overflow:hidden}.landing-hero{min-height:calc(100vh - var(--topbar-h));grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:48px;padding:56px clamp(28px,6vw,84px) 40px;display:grid}.landing-copy-wrap{max-width:620px}.landing-eyebrow{color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:780;display:inline-flex}.landing-title{color:var(--hero-text);letter-spacing:0;margin:0 0 18px;font-size:clamp(54px,8vw,118px);line-height:.9}.landing-copy{max-width:590px;color:var(--text);margin:0;font-size:18px;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing-actions.compact{margin-top:20px}.landing-install{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,520px);min-height:48px;color:var(--code-text);background:var(--code-bg);box-shadow:var(--shadow-strong);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:0 10px 0 16px;display:flex}.landing-install code{color:inherit;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.landing-install button{border:1px solid color-mix(in srgb, var(--code-text), transparent 76%);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--code-text);background:color-mix(in srgb, var(--code-text), transparent 92%);cursor:pointer;flex:none;place-items:center;display:inline-grid}.landing-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,520px);margin-top:18px;display:grid}.landing-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:2px;padding:14px;display:grid}.landing-stat strong{color:var(--text-strong);font-size:24px;line-height:1}.landing-stat span{color:var(--text-muted);font-size:12px;font-weight:700}.landing-stage{isolation:isolate;width:min(100%,760px);min-height:clamp(500px,42vw,620px);margin-inline:auto;position:relative}.landing-preview-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(68%,520px);box-shadow:var(--shadow);transform-origin:50%;margin:0;position:absolute;overflow:hidden}.landing-preview-card img{aspect-ratio:16/9;object-fit:contain;background:var(--surface-muted);width:100%;height:auto;display:block}.landing-preview-card figcaption{border-top:1px solid var(--line);min-height:38px;color:var(--text-strong);background:var(--surface);align-items:center;padding:0 14px;font-size:13px;font-weight:780;display:flex}.landing-preview-card.bento{z-index:4;top:76px;left:0}.landing-preview-card.shadcn{z-index:3;width:min(56%,430px);top:0;right:4%}.landing-preview-card.neo{z-index:2;width:min(60%,460px);bottom:86px;right:0}.landing-preview-card.data{z-index:1;width:min(48%,370px);bottom:12px;left:7%}.landing-orbit-dot{z-index:0;border:1px solid var(--line-strong);background:var(--accent);border-radius:999px;width:12px;height:12px;position:absolute}.landing-orbit-dot.dot-a{top:34px;left:16px}.landing-orbit-dot.dot-b{background:var(--teal);bottom:96px;right:18px}.landing-orbit-dot.dot-c{background:var(--blue);bottom:18px;left:38%}.landing-quickstart{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:28px;margin:0 clamp(28px,6vw,84px) 28px;padding:28px;display:grid}.landing-quickstart h2{color:var(--text-strong);letter-spacing:0;margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.05}.landing-quickstart p{max-width:520px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.landing-quickstart-code{gap:8px;margin-top:18px;display:grid}.landing-quickstart-code code,.theme-install-snippet code{border:1px solid color-mix(in srgb, var(--code-text), transparent 82%);border-radius:var(--radius-sm);color:var(--code-text);background:var(--code-bg);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:12px;display:block;overflow:hidden}.landing-quickstart-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);align-content:start;gap:18px;padding:20px;display:grid}.quickstart-preview-bar{color:var(--text-strong);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:760;display:flex}.landing-band{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 clamp(28px,6vw,84px) 56px;display:grid;overflow:hidden}.landing-band div{background:var(--surface);gap:8px;padding:20px;display:grid}.landing-band strong{color:var(--text-strong);font-size:15px}.landing-band span{color:var(--text-muted);font-size:14px;line-height:1.55}.landing-community{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:28px;margin:0 clamp(28px,6vw,84px) 72px;padding:28px;display:grid}.landing-community-copy h2{color:var(--text-strong);letter-spacing:0;margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.08}.landing-community-copy p{max-width:560px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.landing-community-actions{gap:10px;display:grid}.landing-community-actions a{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:78px;color:var(--text);background:var(--bg);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px;text-decoration:none;transition:border-color .14s,background .14s,transform .14s;display:grid}.landing-community-actions a:hover{border-color:var(--line-strong);background:var(--surface-muted);transform:translateY(-1px)}.landing-community-actions svg{border:1px solid var(--line);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--accent-strong);background:var(--surface);padding:9px;display:block}.landing-community-actions span{gap:4px;min-width:0;display:grid}.landing-community-actions strong{color:var(--text-strong);font-size:14px}.landing-community-actions small{color:var(--text-muted);font-size:13px;line-height:1.45}.page-hero{border-bottom:1px solid var(--line);margin-bottom:48px;padding-bottom:40px}.page-hero h1{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(36px,5vw,56px);line-height:1.08}.page-hero p{max-width:620px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.page-hero p a{color:var(--accent-strong);font-weight:680}.component-page{width:min(100%,920px)}.blocks-page{width:min(100vw - 112px,1380px);max-width:none}.component-hero{margin-bottom:24px}.doc-kicker{color:var(--accent-strong);margin-bottom:12px;font-size:13px;font-weight:780}.doc-section{margin-top:36px}.section-heading{margin:56px 0 24px;padding-top:24px}.section-heading:first-of-type{margin-top:0;padding-top:0}.section-heading h2{color:var(--text-strong);letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:780}.section-heading p{color:var(--text-muted);max-width:620px;margin:0;font-size:15px;line-height:1.65}.demo-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:28px;overflow:hidden}.demo-card-title{border-bottom:1px solid var(--line);color:var(--text-strong);padding:12px 16px;font-size:13px;font-weight:720}.demo-preview{background:var(--bg);flex-wrap:wrap;align-items:center;gap:16px;min-height:100px;padding:32px;display:flex}.demo-preview.col{flex-direction:column;align-items:flex-start}.example-nav{flex-wrap:wrap;gap:8px;margin:-8px 0 22px;display:flex}.example-nav a{border:1px solid var(--line);min-height:34px;color:var(--text);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:680;text-decoration:none;display:inline-flex}.example-nav a:hover{border-color:var(--line-strong);background:var(--surface-muted)}.example-nav span,.example-meta>span{color:var(--accent-strong);font-family:var(--font-mono);font-size:11px;font-weight:760}.component-example{scroll-margin-top:calc(var(--topbar-h) + 24px);margin-bottom:24px}.example-meta{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.example-description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.example-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;width:100%;display:grid}.example-stack{gap:14px;width:100%;max-width:520px;display:grid}.example-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-content:start;gap:12px;min-height:118px;padding:14px;display:grid}.example-panel>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:760}.example-context-target{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:150px;color:var(--text-muted);background:var(--surface-muted);place-items:center;display:grid}.example-scroll-list{gap:8px;padding:12px;display:grid}.example-scroll-list span{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);padding:10px 12px}.example-toolbar-row,.example-form{flex-wrap:wrap;gap:10px;width:100%;display:flex}.example-form{flex-direction:column;max-width:520px}.demo-code-block{border-top:1px solid var(--line);background:var(--code-bg);position:relative}.demo-code-block pre{color:var(--code-text);font-family:var(--font-mono);margin:0;padding:52px 24px 18px;font-size:13px;line-height:1.75;overflow-x:auto}.demo-code-block code{white-space:pre}.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}.install-command-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface), var(--bg) 24%);margin-bottom:28px;overflow:hidden}.install-command-tabs{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-muted), transparent 18%);scrollbar-width:none;gap:24px;min-width:0;padding:0 24px;display:flex;overflow-x:auto}.install-command-tabs::-webkit-scrollbar{display:none}.install-command-row code::-webkit-scrollbar{display:none}.install-command-tabs button{min-height:48px;color:var(--text-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;font-size:16px;font-weight:760;position:relative}.install-command-tabs button.active{color:var(--accent-strong)}.install-command-tabs button.active:after{content:"";background:var(--accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}.install-command-row{background:var(--code-bg);align-items:center;gap:16px;min-width:0;padding:22px 24px;display:flex}.install-command-row code{scrollbar-width:none;min-width:0;color:var(--code-text);font-family:var(--font-mono);white-space:nowrap;flex:auto;font-size:15px;line-height:1.6;overflow-x:auto}.install-command-row code span{color:var(--code-keyword);font-style:italic}.install-command-row button{border:1px solid color-mix(in srgb, var(--code-text), transparent 78%);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--code-text);background:color-mix(in srgb, var(--code-text), transparent 92%);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.install-command-row button:hover{background:color-mix(in srgb, var(--code-text), transparent 84%)}.tok-keyword{color:var(--code-keyword)}.tok-string{color:var(--code-string)}.tok-component{color:var(--code-component)}.tok-tag{color:var(--code-tag)}.tok-number{color:var(--code-number)}.tok-comment{color:var(--code-comment)}.copy-btn{border:1px solid color-mix(in srgb, var(--code-text), transparent 78%);height:32px;color:var(--code-text);background:color-mix(in srgb, var(--code-text), transparent 92%);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:680;transition:background .14s;display:inline-flex;position:absolute;top:8px;right:8px}.copy-btn:hover{background:color-mix(in srgb, var(--code-text), transparent 84%)}@media (width>=640px){.demo-code-block pre{padding-top:18px;padding-right:92px}}.api-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.api-table{border-collapse:collapse;width:100%;min-width:720px;color:var(--text);font-size:14px}.api-table th,.api-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.api-table th{color:var(--text-strong);background:var(--surface-muted);font-size:12px;font-weight:760}.api-table tr:last-child td{border-bottom:0}.api-table code{color:var(--text-strong);font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-muted)}.interaction-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.interaction-list li{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);padding:12px 14px 12px 34px;position:relative}.interaction-list li:before{background:var(--accent);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:17px;left:14px}.doc-feedback-cta{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:36px;padding:18px;display:grid}.doc-feedback-cta h2{color:var(--text-strong);margin:0 0 8px;font-size:20px;font-weight:780}.doc-feedback-cta p{max-width:680px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.doc-feedback-actions{grid-template-columns:repeat(2,minmax(94px,1fr));gap:8px;display:grid}.doc-feedback-actions.compact{grid-template-columns:repeat(3,minmax(82px,1fr))}.doc-feedback-actions a{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:38px;color:var(--text-strong);background:var(--bg);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.doc-feedback-actions a:hover{border-color:var(--line-strong);background:var(--surface-muted)}.blocks-grid,.theme-grid{gap:18px;display:grid}.blocks-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px 22px}.block-gallery-card{grid-template-rows:auto 430px auto auto;gap:12px;min-width:0;min-height:0;display:grid}.block-gallery-header{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.block-gallery-header span{color:var(--accent-strong);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:780;display:block}.block-gallery-header h2{color:var(--text-strong);margin:0;font-size:18px;line-height:1.2}.block-gallery-preview{border:1px solid color-mix(in srgb, var(--line), transparent 24%);border-radius:var(--radius);background:color-mix(in srgb, var(--bg), var(--surface) 12%);place-items:start center;min-width:0;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.block-gallery-preview:after{pointer-events:none;content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg), var(--surface) 12%) 88%);height:72px;position:absolute;bottom:0;left:0;right:0}.block-gallery-card>p{min-height:42px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.blocks-page .base-block{width:min(100%,420px);box-shadow:none;background:0 0;border:0;margin-inline:auto;padding:0}.blocks-page .base-block-split{grid-template-columns:minmax(0,1fr)}.block-actions,.block-detail-nav{flex-wrap:wrap;gap:10px;display:flex}.block-gallery-card .block-actions{margin-top:0}.block-gallery-card .block-actions .bento-button{min-height:36px;padding-inline:12px;font-size:13px}.block-detail-nav{justify-content:space-between;align-items:center;margin-bottom:18px}.block-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:16px;padding:18px;display:grid}.block-preview-header{color:var(--text-strong);justify-content:space-between;align-items:center;gap:12px;font-weight:760;display:flex}.block-dashboard{gap:12px;display:grid}.block-stat{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);justify-content:space-between;align-items:baseline;gap:12px;padding:12px;display:flex}.block-stat strong{color:var(--text-strong);font-size:24px}.block-stat span{color:var(--text-muted);font-size:13px}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.style-switcher{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:4px;display:flex}.style-switcher :where(button,a){border-radius:var(--radius-sm);min-height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.theme-description{max-width:720px;color:var(--text-muted);margin:-6px 0 20px;font-size:14px}.theme-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.theme-detail-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 22px;display:grid}.theme-detail-panel>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.theme-detail-panel h2{color:var(--text-strong);margin:0 0 8px;font-size:14px}.theme-detail-panel p,.theme-detail-panel li{color:var(--text-muted);font-size:13px;line-height:1.55}.theme-detail-panel p,.theme-detail-panel ul{margin:0}.theme-detail-panel ul{gap:6px;padding-left:18px;display:grid}.theme-detail-panel code{overflow-wrap:anywhere}.theme-detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.style-switcher :where(button,a).active{color:var(--text-strong);background:var(--surface);box-shadow:var(--shadow-strong)}.theme-swatch{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:12px;display:flex}.theme-swatch span{border:1px solid var(--line);border-radius:999px;width:28px;height:28px}.theme-sample{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.customizer-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px;margin-bottom:28px;display:grid}.customizer-controls,.customizer-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:16px;padding:18px;display:grid}.customizer-preview{font-family:var(--font-sans);align-content:start}.customizer-preview-header{color:var(--text-strong);justify-content:space-between;align-items:center;gap:12px;font-weight:760;display:flex}.inline-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.control-stack{gap:16px;width:100%;max-width:360px;display:grid}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:760}@media (width<=1024px){:root{--sidebar-w:240px}.main-content{padding:32px 32px 64px}.main-content.landing-main{padding:0}.landing-hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.landing-stage{min-height:500px}.landing-preview-card{width:min(68%,500px)}.landing-preview-card.shadcn,.landing-preview-card.neo,.landing-preview-card.data{width:min(58%,420px)}.blocks-page{width:100%}.blocks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){html,body,#root{max-width:100%;overflow-x:hidden}.sidebar{display:none}.main-content{margin-left:0;padding:24px 20px 64px}.main-content.landing-main{padding:0}.topbar{gap:10px;padding:0 12px}.topbar-brand{gap:8px;min-width:0;margin-right:0}.topbar-brand-mark{flex:0 0 30px;width:30px;height:30px}.topbar-nav,.topbar-actions .topbar-ghost-btn,.topbar-actions .topbar-icon-btn:first-child{display:none}.topbar-actions{flex:none}.topbar-icon-btn{max-width:118px;padding:0 9px}.landing-hero{min-height:auto;padding:32px 20px 28px}.landing-copy-wrap{min-width:0;max-width:100%}.landing-eyebrow{font-size:12px}.landing-title{overflow-wrap:anywhere;font-size:clamp(44px,14.2vw,56px)}.landing-copy{max-width:100%;font-size:16px}.landing-actions{gap:10px}.landing-install{gap:10px;width:100%;min-width:0;min-height:46px}.landing-install code{min-width:0;font-size:12px}.landing-stats,.landing-band,.landing-community,.landing-quickstart{grid-template-columns:1fr}.landing-quickstart{margin:0 20px 24px;padding:20px}.landing-stage{gap:14px;min-width:0;min-height:0;display:grid}.landing-preview-card,.landing-preview-card.bento,.landing-preview-card.shadcn,.landing-preview-card.neo,.landing-preview-card.data{width:100%;position:relative;inset:auto}.landing-preview-card:not(.bento),.landing-orbit-dot{display:none}.landing-band{margin:0 20px 36px}.landing-community{margin:0 20px 48px;padding:20px}.landing-community-actions a{min-height:72px}.blocks-grid{grid-template-columns:1fr}.block-gallery-card{grid-template-rows:auto minmax(0,420px) auto auto;min-height:0}.block-gallery-preview{padding:20px}.doc-feedback-cta{grid-template-columns:1fr}.doc-feedback-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.customizer-layout{grid-template-columns:1fr}}