:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#eef1f5;--surface-hover:#eef1f5;--surface-disabled:#eef1f5;--surface-glass-95:hsla(0,0%,100%,.95);--surface-glass-90:hsla(0,0%,100%,.9);--surface-glass-85:hsla(0,0%,100%,.85);--surface-glass-80:hsla(0,0%,100%,.8);--surface-glass-75:hsla(0,0%,100%,.75);--surface-glass-70:hsla(0,0%,100%,.7);--surface-glass-60:hsla(0,0%,100%,.6);--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:#c2cad6;--hairline:#eef1f5;--border-hover:#9aa7b6;--border-disabled:#d6dce5;--text-primary:#131a22;--text-secondary:#5d6b7a;--text-muted:#7a8797;--text-disabled:#9aa7b6;--on-surface:#131a22;--on-surface-muted:#5d6b7a;--on-inverse:#fff;--brand:#426aae;--brand-hover:#355a95;--brand-active:#2b4f8a;--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-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;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-active:#0169a3;--accent-subtle:#e0f2fe;--on-accent:#fff;--link:#426aae;--link-hover:#355a95;--ring:rgba(14,165,233,.35);--overlay-bg:rgba(19,26,34,.7);--overlay-surface:#fff;--overlay-ink:#131a22;--overlay-muted:#5d6b7a;--placeholder:#eef1f5;--skeleton:#eef1f5;--success:#1f9d72;--success-bg:rgba(31,157,114,.12);--success-border:rgba(31,157,114,.35);--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:#2563eb;--info-bg:rgba(37,99,235,.12);--info-border:rgba(37,99,235,.35);--on-info:#131a22;--chart-active:#7c3aed;--chart-charges:#f97316;--radius-card:12px;--radius-input:10px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-panel:12px;--shadow-card:0 1px 2px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06);--shadow-float:0 6px 16px rgba(16,24,40,.08);--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:20px;--stack-gap-sm:12px;--stack-gap-lg:32px;--stack-gap-xl:40px;--grid-gap:28px;--grid-gap-sm:20px;--grid-gap-lg:36px;--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:#0e1218;--surface:#16202b;--surface-2:#1c2734;--surface-3:#121821;--surface-hover:#1f2a38;--surface-disabled:#0e1218;--surface-glass-95:rgba(22,32,43,.95);--surface-glass-90:rgba(22,32,43,.9);--surface-glass-85:rgba(22,32,43,.85);--surface-glass-80:rgba(22,32,43,.8);--surface-glass-75:rgba(22,32,43,.75);--surface-glass-70:rgba(22,32,43,.7);--surface-glass-60:rgba(22,32,43,.6);--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:#1f2a36;--hairline:#1a232e;--border-hover:#2d3a4c;--border-disabled:#1a232e;--text-primary:#f7f8fa;--text-secondary:#c9d2de;--text-muted:#6b778a;--text-disabled:#6b778a;--on-surface:#f7f8fa;--on-surface-muted:#c9d2de;--on-inverse:#fff;--brand:#5b7cfa;--brand-hover:#4a6be0;--brand-active:#3f5fca;--on-brand:#fff;--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-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;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-active:#0169a3;--accent-subtle:#0b2a3a;--on-accent:#fff;--link:#5b7cfa;--link-hover:#4a6be0;--ring:rgba(14,165,233,.45);--overlay-bg:rgba(11,15,20,.75);--overlay-surface:#141b24;--overlay-ink:#f7f8fa;--overlay-muted:#c9d2de;--placeholder:#24303b;--skeleton:#24303b;--success:#34d399;--success-bg:rgba(52,211,153,.18);--success-border:rgba(52,211,153,.4);--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:#60a5fa;--info-bg:rgba(96,165,250,.18);--info-border:rgba(96,165,250,.4);--on-info:#f7f8fa;--chart-active:#7c3aed;--chart-charges:#f97316;--shadow-card:0 1px 2px rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.22);--shadow-float:0 12px 32px rgba(0,0,0,.32);--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%)}}