:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#fafbfe;--surface-3:#f0f4fa;--surface-hover:#f3f6fc;--surface-disabled:#eef2f7;--surface-glass-95:#fff;--surface-glass-90:#fff;--surface-glass-85:#fff;--surface-glass-80:#fff;--surface-glass-75:#fff;--surface-glass-70:#fff;--surface-glass-60:#fff;--surface-on-media-5:hsla(0,0%,100%,.05);--surface-on-media-10:hsla(0,0%,100%,.1);--surface-on-media-15:hsla(0,0%,100%,.15);--surface-on-media-20:hsla(0,0%,100%,.2);--surface-on-media-25:hsla(0,0%,100%,.25);--surface-on-media-30:hsla(0,0%,100%,.3);--surface-on-media-40:hsla(0,0%,100%,.4);--surface-on-media-50:hsla(0,0%,100%,.5);--surface-on-media-60:hsla(0,0%,100%,.6);--surface-on-media-70:hsla(0,0%,100%,.7);--text-on-media-95:hsla(0,0%,100%,.95);--text-on-media-90:hsla(0,0%,100%,.9);--text-on-media-85:hsla(0,0%,100%,.85);--text-on-media-80:hsla(0,0%,100%,.8);--text-on-media-70:hsla(0,0%,100%,.7);--surface-on-media-dark-10:rgba(0,0,0,.1);--surface-on-media-dark-5:rgba(0,0,0,.05);--surface-on-media-dark-40:rgba(0,0,0,.4);--surface-on-media-dark-45:rgba(0,0,0,.45);--surface-on-media-dark-50:rgba(0,0,0,.5);--surface-on-media-dark-55:rgba(0,0,0,.55);--surface-on-media-dark-60:rgba(0,0,0,.6);--surface-on-media-dark-65:rgba(0,0,0,.65);--surface-on-media-dark-70:rgba(0,0,0,.7);--surface-on-media-dark-80:rgba(0,0,0,.8);--preview-outline-idle:var(--surface-on-media-dark-10);--preview-outline-hover:rgba(14,165,233,.35);--preview-outline-active:rgba(14,165,233,.6);--border:#dde5f0;--hairline:#e4eaf3;--border-hover:#b9c6d8;--border-disabled:#d6dce5;--text-primary:#111827;--text-secondary:#536179;--text-muted:#8190a5;--text-disabled:#9aa7b6;--on-surface:#111827;--on-surface-muted:#536179;--on-inverse:#fff;--brand:#111827;--brand-hover:#030712;--brand-active:#000;--brand-soft:rgba(17,24,39,.08);--brand-soft-hover:rgba(17,24,39,.12);--brand-border:rgba(17,24,39,.18);--brand-gradient:linear-gradient(135deg,#161b24,#0f141d 52%,#030712);--brand-gradient-strong:linear-gradient(135deg,#0f141d,#080b11 52%,#000);--shadow-brand-button:0 16px 34px rgba(3,7,18,.24);--on-brand:#fff;--engine-google-veo-bg:#cde7ff;--engine-google-veo-ink:#1f2633;--engine-openai-bg:#e4d7ff;--engine-openai-ink:#1f2633;--engine-pika-bg:#fadce6;--engine-pika-ink:#1f2633;--engine-minimax-bg:#ffe7f0;--engine-minimax-ink:#1f2633;--engine-bytedance-bg:#dff4ff;--engine-bytedance-ink:#1f2633;--engine-kling-bg:#e6f5eb;--engine-kling-ink:#1f2633;--engine-wan-bg:#e2f7f4;--engine-wan-ink:#1f2633;--engine-luma-bg:#fff2dc;--engine-luma-ink:#1f2633;--engine-runway-bg:#e9eef5;--engine-runway-ink:#1f2633;--engine-lightricks-bg:#f2e9ff;--engine-lightricks-ink:#1f2633;--engine-google-bg:#dce9ff;--engine-google-ink:#1f2633;--engine-alibaba-bg:#ffe3cc;--engine-alibaba-ink:#1f2633;--accent:#7ca3e8;--accent-hover:#5d83d0;--accent-active:#4369b1;--accent-subtle:#e9f1ff;--on-accent:#fff;--accent-alt:#465970;--accent-alt-hover:#3e5166;--accent-alt-active:#36485c;--accent-alt-subtle:#e3e8ef;--on-accent-alt:#fff;--link:#111827;--link-hover:#030712;--ring:rgba(17,24,39,.42);--overlay-bg:rgba(17,24,39,.7);--overlay-surface:#fff;--overlay-ink:#131a22;--overlay-muted:#5d6b7a;--placeholder:#eef2f7;--skeleton:#eef2f7;--success:#3e8e72;--success-bg:rgba(62,142,114,.12);--success-border:rgba(62,142,114,.32);--on-success:#131a22;--warning:#d97706;--warning-bg:rgba(217,119,6,.12);--warning-border:rgba(217,119,6,.35);--on-warning:#131a22;--error:#dc2626;--error-bg:rgba(220,38,38,.12);--error-border:rgba(220,38,38,.35);--on-error:#131a22;--info:#4e7de2;--info-bg:rgba(78,125,226,.12);--info-border:rgba(78,125,226,.35);--on-info:#131a22;--chart-active:#2e63d8;--chart-charges:#f97316;--admin-sidebar-bg:#f7f9fc;--admin-sidebar-border:rgba(17,24,39,.08);--admin-sidebar-surface:rgba(46,99,216,.11);--admin-sidebar-surface-hover:rgba(46,99,216,.16);--admin-sidebar-text:#111827;--admin-sidebar-text-muted:#536179;--admin-sidebar-text-faint:#8190a5;--radius-card:10px;--radius-input:8px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-panel:12px;--shadow-card:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05);--shadow-float:0 18px 44px rgba(15,23,42,.14);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--container-max:1280px;--content-max:1120px;--page-padding-x:16px;--section-padding-y:72px;--stack-gap:16px;--stack-gap-sm:12px;--stack-gap-lg:16px;--stack-gap-xl:40px;--grid-gap:24px;--grid-gap-sm:16px;--grid-gap-lg:32px;--grid-gap-xl:48px;--card-pad:16px;--input-height:40px;--button-height:40px;--chip-height:28px;--badge-height:24px;--icon-size:20px;--border-width:1px;--border-strong:2px;--ring-width:2px;--ring-offset:2px;--duration-fast:160ms;--duration-base:200ms;--duration-slow:280ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0.16,1,0.3,1);--ease-exit:cubic-bezier(0.7,0,0.84,0);--blur-overlay:12px;--text-xs:12px;--leading-xs:16px;--text-sm:14px;--leading-sm:20px;--text-base:16px;--leading-base:24px;--text-lg:18px;--leading-lg:26px;--text-xl:20px;--leading-xl:28px;--opacity-muted:0.7;--opacity-disabled:0.5;--z-header:50;--z-popover:60;--z-modal:70;--z-toast:80;--text:var(--text-primary);--muted:var(--text-muted)}@media (min-width:1024px){:root{--section-padding-y:88px}}[data-theme=dark]{--bg:#050b14;--surface:#0b1424;--surface-2:#101b2e;--surface-3:#15233a;--surface-hover:#17243b;--surface-disabled:#08101d;--surface-glass-95:rgba(11,20,36,.95);--surface-glass-90:rgba(11,20,36,.9);--surface-glass-85:rgba(11,20,36,.86);--surface-glass-80:rgba(11,20,36,.8);--surface-glass-75:rgba(11,20,36,.74);--surface-glass-70:rgba(11,20,36,.68);--surface-glass-60:rgba(11,20,36,.58);--surface-on-media-5:hsla(0,0%,100%,.05);--surface-on-media-10:hsla(0,0%,100%,.1);--surface-on-media-15:hsla(0,0%,100%,.15);--surface-on-media-20:hsla(0,0%,100%,.2);--surface-on-media-25:hsla(0,0%,100%,.25);--surface-on-media-30:hsla(0,0%,100%,.3);--surface-on-media-40:hsla(0,0%,100%,.4);--surface-on-media-50:hsla(0,0%,100%,.5);--surface-on-media-60:hsla(0,0%,100%,.6);--surface-on-media-70:hsla(0,0%,100%,.7);--text-on-media-95:hsla(0,0%,100%,.95);--text-on-media-90:hsla(0,0%,100%,.9);--text-on-media-85:hsla(0,0%,100%,.85);--text-on-media-80:hsla(0,0%,100%,.8);--text-on-media-70:hsla(0,0%,100%,.7);--surface-on-media-dark-10:rgba(0,0,0,.1);--surface-on-media-dark-5:rgba(0,0,0,.05);--surface-on-media-dark-40:rgba(0,0,0,.4);--surface-on-media-dark-45:rgba(0,0,0,.45);--surface-on-media-dark-50:rgba(0,0,0,.5);--surface-on-media-dark-55:rgba(0,0,0,.55);--surface-on-media-dark-60:rgba(0,0,0,.6);--surface-on-media-dark-65:rgba(0,0,0,.65);--surface-on-media-dark-70:rgba(0,0,0,.7);--surface-on-media-dark-80:rgba(0,0,0,.8);--border:rgba(148,163,184,.18);--hairline:rgba(148,163,184,.14);--border-hover:rgba(191,219,254,.34);--border-disabled:rgba(148,163,184,.1);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--on-surface:#f8fafc;--on-surface-muted:#cbd5e1;--on-inverse:#fff;--brand:#f8fafc;--brand-hover:#fff;--brand-active:#e5e7eb;--brand-soft:rgba(191,219,254,.11);--brand-soft-hover:rgba(191,219,254,.17);--brand-border:rgba(191,219,254,.28);--brand-gradient:linear-gradient(135deg,#fff,#f8fafc 62%,#e5e7eb);--brand-gradient-strong:linear-gradient(135deg,#fff,#fff 54%,#f1f5f9);--shadow-brand-button:0 18px 36px hsla(0,0%,100%,.16);--on-brand:#030712;--engine-google-veo-bg:#1f3b5c;--engine-google-veo-ink:#eaf2ff;--engine-openai-bg:#332546;--engine-openai-ink:#f1e9ff;--engine-pika-bg:#4a2a37;--engine-pika-ink:#ffe6f1;--engine-minimax-bg:#4a2734;--engine-minimax-ink:#ffe6f1;--engine-bytedance-bg:#1c3946;--engine-bytedance-ink:#d9f6ff;--engine-kling-bg:#203b2f;--engine-kling-ink:#e4f5ea;--engine-wan-bg:#1e3d38;--engine-wan-ink:#e0fbf7;--engine-luma-bg:#3f2f1f;--engine-luma-ink:#ffe9c7;--engine-runway-bg:#27313d;--engine-runway-ink:#e7edf5;--engine-lightricks-bg:#36284d;--engine-lightricks-ink:#efe5ff;--engine-google-bg:#243b5a;--engine-google-ink:#eaf2ff;--engine-alibaba-bg:#573013;--engine-alibaba-ink:#ffe9d6;--accent:#8fb7ff;--accent-hover:#b8ccff;--accent-active:#dce7ff;--accent-subtle:rgba(89,125,255,.18);--on-accent:#fff;--accent-alt:#465970;--accent-alt-hover:#3e5166;--accent-alt-active:#36485c;--accent-alt-subtle:#1f2a38;--on-accent-alt:#fff;--link:#dde7ff;--link-hover:#fff;--ring:rgba(248,250,252,.38);--overlay-bg:rgba(5,11,20,.78);--overlay-surface:#0b1424;--overlay-ink:#f8fafc;--overlay-muted:#cbd5e1;--placeholder:#111c2f;--skeleton:#111c2f;--success:#69c5a0;--success-bg:rgba(105,197,160,.16);--success-border:rgba(105,197,160,.36);--on-success:#f7f8fa;--warning:#fbbf24;--warning-bg:rgba(251,191,36,.18);--warning-border:rgba(251,191,36,.4);--on-warning:#f7f8fa;--error:#f87171;--error-bg:hsla(0,91%,71%,.18);--error-border:hsla(0,91%,71%,.4);--on-error:#f7f8fa;--info:#8cafef;--info-bg:rgba(140,175,239,.16);--info-border:rgba(140,175,239,.36);--on-info:#f7f8fa;--chart-active:#7ea4f2;--chart-charges:#f97316;--admin-sidebar-bg:#0b1220;--admin-sidebar-border:hsla(0,0%,100%,.08);--admin-sidebar-surface:rgba(126,164,242,.15);--admin-sidebar-surface-hover:rgba(126,164,242,.21);--admin-sidebar-text:hsla(0,0%,100%,.95);--admin-sidebar-text-muted:rgba(223,231,242,.76);--admin-sidebar-text-faint:rgba(191,201,216,.42);--admin-sidebar-contrast:#f7f8fa;--shadow-card:0 1px 0 hsla(0,0%,100%,.04),0 24px 70px rgba(0,0,0,.34);--shadow-float:0 28px 84px rgba(0,0,0,.5);--preview-outline-idle:transparent;--preview-outline-hover:rgba(14,165,233,.35);--preview-outline-active:rgba(14,165,233,.55);--text:var(--text-primary);--muted:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;border:1px solid var(--hairline);border-radius:9999px;background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1;padding:6px 10px}.chip--accent{background:var(--accent);color:var(--on-accent);border-color:transparent}.overlay-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid var(--border);border-radius:var(--radius-input);padding:6px 12px;color:var(--text-secondary)}.overlay-btn:hover{color:var(--accent)}.skeleton{position:relative;overflow:hidden;background:var(--skeleton)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translateX(100%)}}