:root{--type-family-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--type-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--type-size-micro:clamp(12px,calc(11px + .12vw),13px);--type-size-notification-badge:11px;--type-size-2xs:clamp(13px,calc(12px + .12vw),14px);--type-size-xs:clamp(14px,calc(13px + .12vw),15px);--type-size-sm:clamp(15px,calc(14px + .12vw),16px);--type-size-body-sm:clamp(16px,calc(15px + .12vw),17px);--type-size-body:clamp(17px,calc(16px + .12vw),18px);--type-size-md:clamp(18px,calc(17px + .12vw),19px);--type-size-lg:clamp(19px,calc(18px + .12vw),20px);--type-size-lead-sm:clamp(20px,calc(19px + .14vw),21px);--type-size-xl:clamp(21px,calc(20px + .14vw),22px);--type-size-lead:clamp(22px,calc(21px + .14vw),23px);--type-size-2xl:clamp(23px,calc(22px + .16vw),25px);--type-size-title-sm:clamp(24px,calc(23px + .18vw),26px);--type-size-card-title:clamp(23px,calc(22px + .18vw),26px);--type-size-title:clamp(24px,calc(23px + .2vw),28px);--type-size-title-md:clamp(27px,calc(25px + .24vw),31px);--type-size-title-lg:clamp(28px,calc(26px + .25vw),32px);--type-size-heading:clamp(30px,calc(28px + .28vw),35px);--type-size-heading-lg:clamp(34px,calc(31px + .34vw),40px);--type-size-display-sm:clamp(36px,calc(33px + .38vw),43px);--type-size-display-md:clamp(38px,calc(35px + .42vw),46px);--type-size-display-lg:clamp(44px,calc(40px + .55vw),54px);--type-size-display:clamp(46px,calc(42px + .58vw),57px);--type-size-hero:clamp(52px,calc(47px + .7vw),64px);--type-size-hero-xl:clamp(64px,calc(56px + 1.1vw),82px);--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--type-weight-bold:700;--type-weight-heavy:800;--type-line-tight:1.15;--type-line-default:1.5;--type-line-readable:1.6;--type-line-relaxed:1.7;--type-tracking-tight:-0.5px;--type-tracking-normal:0;--type-tracking-wide:1px;--type-tracking-label:1.6px;--type-tracking-display:-1.4px;--type-tracking-notification-badge:-0.2px;--layout-workspace-source:clamp(260px,18vw,360px);--layout-workspace-preview:minmax(420px,1fr);--layout-workspace-control:clamp(300px,20vw,400px);--layout-workspace-preview-height:clamp(400px,calc(42vh + 5vw),620px);--layout-workspace-preview-mobile-height:clamp(260px,58vw,360px);--layout-product-content-max:clamp(1180px,94vw,1900px);--layout-home-mode-card-height:clamp(292px,17vw,310px);--layout-home-mode-art-size:76px;--layout-home-mode-icon-size:68px;--layout-home-mode-action-width:124px;--layout-home-mode-action-height:40px;--effect-home-glass-blur:20px;--effect-home-glass-saturation:125%;--opacity-home-mode-glow:0;--opacity-home-glass-reflection:0.5;--space-brand-icon-desktop:104px;--space-brand-icon-mobile:68px;--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-25:5px;--space-1-5:6px;--space-1-75:7px;--space-2:8px;--space-2-25:9px;--space-2-5:10px;--space-2-75:11px;--space-3:12px;--space-3-25:13px;--space-3-5:14px;--space-3-75:15px;--space-4:16px;--space-4-5:18px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;--space-20:80px;--space-22:88px;--space-24:96px;--space-28:112px;--space-32:128px;--space-exact-1:1px;--space-exact-3:3px;--space-exact-17:17px;--space-exact-21:21px;--space-exact-22:22px;--space-exact-23:23px;--space-exact-25:25px;--space-exact-26:26px;--space-exact-27:27px;--space-exact-30:30px;--space-exact-31:31px;--space-exact-34:34px;--space-exact-35:35px;--space-exact-39:39px;--space-exact-42:42px;--space-exact-45:45px;--space-exact-54:54px;--space-exact-58:58px;--space-exact-65:65px;--space-exact-70:70px;--space-exact-85:85px;--space-exact-90:90px;--space-exact-100:100px;--space-exact-115:115px;--space-layout-wide:1380px;--radius-none:0;--radius-xs:3px;--radius-xs-plus:4px;--radius-sm:5px;--radius-md:6px;--radius-control:7px;--radius-lg:8px;--radius-lg-plus:9px;--radius-xl:10px;--radius-media:11px;--radius-2xl:12px;--radius-popover:13px;--radius-card-sm:14px;--radius-3xl:15px;--radius-card-lg:17px;--radius-4xl:18px;--radius-composer:19px;--radius-round:50%;--radius-pill:999px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(16,17,20,0.08);--shadow-sm:0 4px 14px rgba(57,58,94,0.06);--shadow-md:0 8px 26px rgba(57,58,94,0.08);--shadow-lg:0 20px 60px rgba(23,20,15,0.08);--shadow-xl:0 24px 80px rgba(74,46,148,0.13);--shadow-focus:0 0 0 3px rgba(99,69,245,0.18);--shadow-inset-line:0 0 0 1px var(--color-border-subtle);--shadow-control:0 1px 2px var(--color-overlay-xs);--shadow-card-soft:0 8px 28px var(--color-overlay-faint);--shadow-brand-action:0 8px 18px var(--color-brand-alpha-25);--shadow-popover:0 16px 44px var(--color-popover-shadow);--shadow-floating:0 8px 22px var(--color-floating-shadow);--shadow-modal:0 25px 80px var(--color-overlay-medium);--shadow-success-glow:0 0 6px var(--color-success-bright);--shadow-hero:0 24px 80px var(--color-hero-shadow),var(--shadow-lg);--shadow-mode-button:0 8px 17px color-mix(in srgb,var(--mode-color) 20%,transparent);--shadow-mode-art:0 10px 20px color-mix(in srgb,var(--mode-color) 20%,transparent);--shadow-mode-hover:0 13px 33px color-mix(in srgb,var(--mode-color) 14%,transparent);--shadow-mode-drop:drop-shadow(0 12px 10px color-mix(in srgb,var(--mode-color) 22%,transparent));--shadow-glass-card:0 16px 42px rgba(57,58,94,0.09);--shadow-notification-badge:0 1px 3px rgba(0,0,0,0.28);--shadow-home-glass:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(255,255,255,0.025),0 8px 24px rgba(0,0,0,0.18);--shadow-home-glass-hover:inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -1px 0 rgba(255,255,255,0.03),0 10px 26px rgba(0,0,0,0.2);--shadow-home-feature:inset 0 1px 0 rgba(255,255,255,0.045),0 2px 8px rgba(0,0,0,0.12);--shadow-home-feature-hover:inset 0 1px 0 rgba(255,255,255,0.06),0 4px 12px rgba(0,0,0,0.15);--shadow-home-composer:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(255,255,255,0.025),0 4px 14px rgba(0,0,0,0.14);--shadow-home-action:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 6px color-mix(in srgb,var(--mode-color) 10%,transparent);--shadow-home-icon:drop-shadow(0 4px 6px rgba(0,0,0,0.13));--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--color-brand-primary:#6345f5;--color-brand-hover:#7258f7;--color-brand-soft:#f2efff;--color-brand-focus:#8b5cf6;--color-mode-mix:#7047f5;--color-mode-remix:#2f7cf6;--color-mode-narration:#28a877;--color-mode-drama:#ff5b2d;--color-icon-glass-top:rgba(255,255,255,0.78);--color-icon-glass-middle:rgba(255,255,255,0.34);--color-icon-glass-bottom:rgba(255,255,255,0.14);--color-icon-highlight:rgba(255,255,255,0.9);--color-icon-border:rgba(255,255,255,0.74);--color-icon-inner-line:rgba(255,255,255,0.48);--color-icon-shadow:rgba(30,26,55,0.2);--color-icon-dark-detail:rgba(30,35,58,0.5);--color-icon-mix-1:#cfc3ff;--color-icon-mix-2:#9a82ff;--color-icon-mix-3:#7656f6;--color-icon-mix-4:#5b3fd6;--color-icon-remix-1:#c1e2ff;--color-icon-remix-2:#74b8ff;--color-icon-remix-3:#438cf8;--color-icon-remix-4:#286be8;--color-icon-narration-1:#b8f2df;--color-icon-narration-2:#55d9b0;--color-icon-narration-3:#20b486;--color-icon-narration-4:#138a68;--color-icon-drama-1:#ffd0be;--color-icon-drama-2:#ff9a72;--color-icon-drama-3:#ff7147;--color-icon-drama-4:#ea552f;--color-success:#22a06b;--color-warning:#f59e0b;--color-danger:#f43f5e;--color-info:#3b82f6;--color-danger-strong:#ef4444;--color-notification-badge:#ff3b30;--vf-glass-bg:var(--color-glass-surface);--vf-glass-bg-strong:var(--color-glass-surface-strong);--vf-glass-border:var(--color-glass-border);--vf-glass-border-hover:var(--color-glass-border);--vf-glass-highlight:var(--color-glass-highlight);--vf-glass-reflection:var(--color-transparent);--vf-card-overlay:var(--color-transparent);--vf-feature-surface:var(--color-bg-surface);--vf-composer-surface:var(--color-bg-surface);--vf-text-primary:var(--color-text-primary);--vf-text-secondary:var(--color-text-secondary);--vf-text-tertiary:var(--color-text-muted);--vf-bg-dark:var(--color-black);--vf-nav-bg-dark:var(--color-black);--vf-hero-glow:var(--color-transparent);--color-success-bright:#34d399;--color-accent-lilac:#a78bfa;--color-accent-purple:#7c5ce0;--color-brand-700:#6244e8;--color-brand-600:#7355ff;--color-brand-800:#5435e9;--color-brand-badge:#523bf1;--color-neutral-100:#eeeeee;--color-neutral-200:#dddddd;--color-neutral-300:#bbbbbb;--color-neutral-400:#aaaaaa;--color-neutral-500:#777777;--color-neutral-850:#252329;--color-neutral-875:#242326;--color-neutral-900:#18181a;--color-neutral-925:#17171a;--color-neutral-950:#171719;--color-neutral-975:#121214;--color-neutral-black-soft:#111111;--color-media-black:#050505;--color-text-placeholder:#7d8295;--color-avatar-light:#f0c2a5;--color-avatar-dark:#7d91ad;--color-avatar-text:#243044;--color-dark-brand-soft:#242134;--color-tag-mix-bg:#efeaff;--color-tag-mix-text:#6244e8;--color-tag-remix-bg:#e8f1ff;--color-tag-remix-text:#3478d6;--color-tag-narration-bg:#e6f8ef;--color-tag-narration-text:#208e60;--color-tag-drama-bg:#fff0eb;--color-tag-drama-text:#e4562a;--color-brand-wash:#f7f5ff;--color-brand-wash-strong:#f0ecff;--color-brand-line:#ece9ff;--color-glass-surface:rgba(255,255,255,0.86);--color-glass-surface-strong:rgba(255,255,255,0.94);--color-glass-border:rgba(99,69,245,0.12);--color-glass-highlight:rgba(255,255,255,0.72);--color-home-canvas-glow:rgba(99,69,245,0.035);--color-danger-alpha:#ef444466;--color-bg-canvas:#ffffff;--color-bg-surface:#ffffff;--color-bg-soft:#f7f7fc;--color-bg-muted:#efefec;--color-bg-strong:#141414;--color-text-primary:#101114;--color-text-secondary:#596179;--color-text-muted:#92908a;--color-border-subtle:#e4e6f2;--color-border-default:rgba(20,20,20,0.1);--color-border-brand:#dcdcf3;--color-icon:#30364c;--color-workspace-canvas:#f5f5f3;--color-workspace-surface:#ffffff;--color-workspace-soft:#efefec;--color-workspace-strong:#141414;--color-workspace-text:#191919;--color-workspace-secondary:#66645f;--color-workspace-muted:#92908a;--color-media-canvas:#070708;--color-overlay-soft:rgba(0,0,0,0.2);--color-overlay:rgba(0,0,0,0.4);--color-overlay-faint:rgba(0,0,0,0.035);--color-overlay-xs:rgba(0,0,0,0.08);--color-overlay-medium:rgba(0,0,0,0.3);--color-overlay-control:rgba(0,0,0,0.36);--color-overlay-panel:rgba(0,0,0,0.45);--color-overlay-close:rgba(0,0,0,0.58);--color-overlay-label:rgba(0,0,0,0.66);--color-overlay-media:rgba(12,14,20,0.48);--color-overlay-backdrop:rgba(7,9,17,0.68);--color-white-alpha-05:rgba(255,255,255,0.05);--color-white-alpha-17:rgba(255,255,255,0.17);--color-white-alpha-20:rgba(255,255,255,0.2);--color-white-alpha-30:rgba(255,255,255,0.3);--color-white-alpha-80:rgba(255,255,255,0.8);--color-brand-alpha-13:rgba(124,78,255,0.13);--color-brand-alpha-25:rgba(97,65,237,0.25);--color-brand-focus-alpha-30:rgba(139,92,246,0.3);--color-neutral-alpha-30:rgba(127,127,127,0.3);--color-popover-shadow:rgba(22,25,48,0.16);--color-floating-shadow:rgba(30,34,55,0.13);--color-hero-shadow:rgba(74,46,148,0.13);--color-on-media:#ffffff;--color-scrollbar:#c7cada;color-scheme:light}html[data-theme=dark]{--color-brand-soft:#26213e;--color-bg-canvas:#0f1015;--color-bg-surface:#171821;--color-bg-soft:#20222d;--color-bg-muted:#1d1d1f;--color-bg-strong:#f7f7f5;--color-text-primary:#f5f6fb;--color-text-secondary:#a5a9b8;--color-text-muted:#6f6d68;--color-border-subtle:#2a2d3b;--color-border-default:rgba(255,255,255,0.1);--color-border-brand:#37344f;--color-icon:#d8dae4;--color-workspace-canvas:#0d0d0e;--color-workspace-surface:#151516;--color-workspace-soft:#1d1d1f;--color-workspace-strong:#f7f7f5;--color-workspace-text:#f1f1ef;--color-workspace-secondary:#a6a39d;--color-workspace-muted:#6f6d68;--color-icon-glass-top:rgba(255,255,255,0.3);--color-icon-glass-middle:rgba(255,255,255,0.12);--color-icon-glass-bottom:rgba(255,255,255,0.05);--color-icon-highlight:rgba(255,255,255,0.7);--color-icon-border:rgba(255,255,255,0.3);--color-icon-inner-line:rgba(255,255,255,0.24);--color-icon-shadow:rgba(0,0,0,0.34);--color-icon-dark-detail:rgba(5,8,18,0.54);--color-glass-surface:rgba(27,29,41,0.62);--color-glass-surface-strong:rgba(24,26,37,0.76);--color-glass-border:rgba(255,255,255,0.1);--color-glass-highlight:rgba(255,255,255,0.08);--color-home-canvas-glow:rgba(108,70,255,0.035);--vf-bg-dark:#000000;--vf-nav-bg-dark:rgba(0,0,0,0.92);--vf-hero-glow:rgba(108,70,255,0.035);--vf-glass-bg:rgba(255,255,255,0.025);--vf-glass-bg-strong:rgba(255,255,255,0.085);--vf-glass-border:rgba(255,255,255,0.12);--vf-glass-border-hover:rgba(255,255,255,0.17);--vf-glass-highlight:rgba(255,255,255,0.085);--vf-glass-reflection:rgba(255,255,255,0.12);--vf-card-overlay:rgba(255,255,255,0.025);--vf-feature-surface:rgba(12,12,14,0.9);--vf-composer-surface:rgba(255,255,255,0.035);--vf-text-secondary:rgba(255,255,255,0.78);--vf-text-tertiary:rgba(255,255,255,0.58);--color-scrollbar:#3a3e50;--shadow-xs:0 1px 2px rgba(0,0,0,0.22);--shadow-sm:0 4px 14px rgba(0,0,0,0.2);--shadow-md:0 10px 30px rgba(0,0,0,0.25);--shadow-lg:0 22px 70px rgba(0,0,0,0.28);--shadow-xl:0 24px 80px rgba(0,0,0,0.38);--shadow-glass-card:0 18px 48px rgba(0,0,0,0.25),inset 0 1px 0 var(--color-glass-highlight)}:root{--vf-purple-50:#f5f1ff;--vf-purple-100:#ede5ff;--vf-purple-200:#dccbff;--vf-purple-300:#c4a5ff;--vf-purple-400:#a978ff;--vf-purple-500:#8b5cf6;--vf-purple-600:#7545e8;--vf-purple-700:#6234c9;--vf-purple-800:#502aa5;--vf-purple-900:#432487;--vf-blue-50:#eef7ff;--vf-blue-100:#dceeff;--vf-blue-200:#bcdfff;--vf-blue-300:#8ccaff;--vf-blue-400:#55afff;--vf-blue-500:#2f91ff;--vf-blue-600:#1d74f5;--vf-blue-700:#195ddc;--vf-blue-800:#1b4cb2;--vf-blue-900:#1b428c;--vf-cyan-300:#67e8f9;--vf-cyan-400:#22d3ee;--vf-cyan-500:#06b6d4;--vf-font-sans:Inter,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--vf-font-regular:400;--vf-font-medium:500;--vf-font-semibold:600;--vf-font-bold:700;--vf-text-11:11px;--vf-text-12:12px;--vf-text-13:13px;--vf-text-14:14px;--vf-text-15:15px;--vf-text-16:16px;--vf-text-18:18px;--vf-text-20:20px;--vf-text-24:24px;--vf-text-28:28px;--vf-text-32:32px;--vf-text-40:40px;--vf-text-48:48px;--vf-text-56:56px;--vf-text-64:64px;--vf-text-72:72px;--vf-space-0:0;--vf-space-1:4px;--vf-space-2:8px;--vf-space-3:12px;--vf-space-4:16px;--vf-space-5:20px;--vf-space-6:24px;--vf-space-8:32px;--vf-space-10:40px;--vf-space-12:48px;--vf-space-14:56px;--vf-space-16:64px;--vf-space-20:80px;--vf-space-24:96px;--vf-space-30:120px;--vf-space-36:144px;--vf-radius-4:4px;--vf-radius-8:8px;--vf-radius-12:12px;--vf-radius-16:16px;--vf-radius-20:20px;--vf-radius-24:24px;--vf-radius-28:28px;--vf-radius-32:32px;--vf-radius-full:999px;--vf-container-max:1440px;--vf-container-wide:1600px;--vf-container-reading:960px;--vf-page-padding-desktop:48px;--vf-page-padding-tablet:28px;--vf-page-padding-mobile:18px;--vf-grid-columns:12;--vf-grid-gap:24px;--vf-bp-mobile:640px;--vf-bp-tablet:960px;--vf-bp-desktop:1280px;--vf-bp-wide:1600px;--vf-icon-12:12px;--vf-icon-16:16px;--vf-icon-18:18px;--vf-icon-20:20px;--vf-icon-24:24px;--vf-icon-32:32px;--vf-icon-40:40px;--vf-icon-48:48px;--vf-z-base:0;--vf-z-content:10;--vf-z-sticky:100;--vf-z-navbar:200;--vf-z-dropdown:300;--vf-z-overlay:400;--vf-z-modal:500;--vf-z-toast:600;--vf-z-tooltip:700;--vf-opacity-disabled:0.38;--vf-opacity-muted:0.56;--vf-opacity-secondary:0.72;--vf-opacity-hover:0.88;--vf-opacity-full:1;color-scheme:dark;--vf-bg-page:#000000;--vf-surface-0:#000000;--vf-surface-1:#080808;--vf-surface-2:#0e0e10;--vf-surface-3:#141416;--vf-surface-4:#1a1a1d;--vf-surface-5:#202024;--vf-surface-card:var(--vf-surface-2);--vf-surface-card-hover:var(--vf-surface-3);--vf-surface-input:var(--vf-surface-3);--vf-surface-floating:var(--vf-surface-4);--vf-text-primary:rgba(255,255,255,0.96);--vf-text-secondary:rgba(255,255,255,0.72);--vf-text-tertiary:rgba(255,255,255,0.48);--vf-text-disabled:rgba(255,255,255,0.28);--vf-text-inverse:#09090b;--vf-border-faint:rgba(255,255,255,0.05);--vf-border-subtle:rgba(255,255,255,0.08);--vf-border-default:rgba(255,255,255,0.12);--vf-border-strong:rgba(255,255,255,0.18);--vf-border-active:rgba(139,92,246,0.66);--vf-success:#34d399;--vf-warning:#fbbf24;--vf-danger:#fb7185;--vf-info:#60a5fa;--vf-success-soft:rgba(52,211,153,0.12);--vf-warning-soft:rgba(251,191,36,0.12);--vf-danger-soft:rgba(251,113,133,0.12);--vf-info-soft:rgba(96,165,250,0.12);--vf-gradient-primary:linear-gradient(135deg,#8b5cf6,#6d5dfb 45%,#2f91ff);--vf-gradient-crystal:linear-gradient(145deg,rgba(192,132,252,0.95),rgba(112,82,255,0.88) 34%,rgba(47,145,255,0.92) 70%,rgba(34,211,238,0.78));--vf-gradient-subtle:linear-gradient(135deg,rgba(139,92,246,0.14),rgba(47,145,255,0.08));--vf-action-primary:var(--vf-gradient-primary);--vf-radius-badge:var(--vf-radius-full);--vf-radius-button:var(--vf-radius-12);--vf-radius-input:var(--vf-radius-16);--vf-radius-card:var(--vf-radius-20);--vf-radius-card-large:var(--vf-radius-24);--vf-radius-modal:var(--vf-radius-24);--vf-radius-hero:var(--vf-radius-32);--vf-shadow-soft:0 8px 30px rgba(0,0,0,0.28);--vf-shadow-card:0 18px 60px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.04);--vf-shadow-floating:0 24px 80px rgba(0,0,0,0.48),0 6px 24px rgba(0,0,0,0.32);--vf-shadow-purple-glow:0 0 0 1px rgba(139,92,246,0.22),0 0 32px rgba(139,92,246,0.18);--vf-shadow-hero:0 0 80px rgba(139,92,246,0.26),0 0 160px rgba(47,145,255,0.18)}html[data-theme=dark]{--vf-bg-page:#000000;--vf-surface-0:#000000;--vf-surface-1:#080808;--vf-surface-2:#0e0e10;--vf-surface-3:#141416;--vf-surface-4:#1a1a1d;--vf-surface-5:#202024;--vf-text-primary:rgba(255,255,255,0.96);--vf-text-secondary:rgba(255,255,255,0.72);--vf-text-tertiary:rgba(255,255,255,0.48);--vf-text-disabled:rgba(255,255,255,0.28);--vf-border-faint:rgba(255,255,255,0.05);--vf-border-subtle:rgba(255,255,255,0.08);--vf-border-default:rgba(255,255,255,0.12);--vf-border-strong:rgba(255,255,255,0.18)}html[data-theme=light]{--vf-bg-page:#f7f7f9;--vf-surface-0:#f7f7f9;--vf-surface-1:#ffffff;--vf-surface-2:#fdfdfe;--vf-surface-3:#f4f4f6;--vf-surface-4:#ececf0;--vf-surface-5:#e4e4e9;--vf-text-primary:rgba(9,9,11,0.94);--vf-text-secondary:rgba(9,9,11,0.68);--vf-text-tertiary:rgba(9,9,11,0.46);--vf-text-disabled:rgba(9,9,11,0.28);--vf-text-inverse:#ffffff;--vf-border-faint:rgba(9,9,11,0.04);--vf-border-subtle:rgba(9,9,11,0.08);--vf-border-default:rgba(9,9,11,0.12);--vf-border-strong:rgba(9,9,11,0.18);--vf-border-active:rgba(117,69,232,0.58)}:root{--vf-duration-fast:120ms;--vf-duration-normal:180ms;--vf-duration-medium:260ms;--vf-duration-slow:420ms;--vf-ease-standard:cubic-bezier(0.2,0,0,1);--vf-ease-out:cubic-bezier(0,0,0.2,1);--vf-ease-spring:cubic-bezier(0.16,1,0.3,1);--vf-transition-interactive:background-color var(--vf-duration-normal) var(--vf-ease-standard),border-color var(--vf-duration-normal) var(--vf-ease-standard),color var(--vf-duration-normal) var(--vf-ease-standard),transform var(--vf-duration-normal) var(--vf-ease-spring),box-shadow var(--vf-duration-normal) var(--vf-ease-standard);--vf-glass-bg:rgba(18,18,22,0.68);--vf-glass-border:rgba(255,255,255,0.1);--vf-glass-blur:20px;--vf-button-primary-bg:var(--vf-gradient-primary);--vf-button-primary-text:#ffffff;--vf-button-primary-radius:var(--vf-radius-button);--vf-button-primary-shadow-hover:var(--vf-shadow-purple-glow);--vf-card-bg:var(--vf-surface-card);--vf-card-bg-hover:var(--vf-surface-card-hover);--vf-card-border:var(--vf-border-subtle);--vf-card-border-hover:var(--vf-border-strong);--vf-card-radius:var(--vf-radius-card);--vf-input-bg:var(--vf-surface-input);--vf-input-border:var(--vf-border-default);--vf-input-border-focus:var(--vf-border-active);--vf-input-radius:var(--vf-radius-input);--vf-prompt-box-radius:var(--vf-radius-hero);--vf-navbar-height:72px;--vf-type-hero-size:clamp(48px,5.2vw,72px);--vf-type-hero-weight:var(--vf-font-bold);--vf-type-hero-line-height:1.05;--vf-type-hero-letter-spacing:-0.04em;--vf-type-page-title-size:var(--vf-text-40);--vf-type-page-title-weight:var(--vf-font-bold);--vf-type-page-title-line-height:1.15;--vf-type-page-title-letter-spacing:-0.025em;--vf-type-section-title-size:var(--vf-text-28);--vf-type-section-title-weight:var(--vf-font-semibold);--vf-type-section-title-line-height:1.25;--vf-type-section-title-letter-spacing:-0.02em;--vf-type-card-title-size:var(--vf-text-18);--vf-type-card-title-weight:var(--vf-font-semibold);--vf-type-card-title-line-height:1.35;--vf-type-body-large-size:var(--vf-text-16);--vf-type-body-large-line-height:1.7;--vf-type-body-size:var(--vf-text-14);--vf-type-body-line-height:1.6;--vf-type-caption-size:var(--vf-text-12);--vf-type-caption-weight:var(--vf-font-medium);--vf-type-caption-line-height:1.45;--vf-type-button-size:var(--vf-text-14);--vf-type-button-weight:var(--vf-font-semibold);--vf-type-button-line-height:1}html[data-theme=light]{--vf-glass-bg:rgba(255,255,255,0.72);--vf-glass-border:rgba(9,9,11,0.1);--vf-button-primary-text:#ffffff}:root{--vds-control-height-sm:32px;--vds-control-height-md:40px;--vds-control-height-lg:48px;--vds-control-gap:var(--vf-space-2);--vds-control-padding-x:var(--vf-space-4);--vds-control-font-size:var(--vf-type-button-size);--vds-control-font-weight:var(--vf-type-button-weight);--vds-control-radius:var(--vf-radius-button);--vds-control-bg:var(--vf-surface-3);--vds-control-bg-hover:var(--vf-surface-4);--vds-control-border:var(--vf-border-default);--vds-control-border-hover:var(--vf-border-strong);--vds-control-focus:var(--vf-border-active);--vds-control-text:var(--vf-text-primary);--vds-control-placeholder:var(--vf-text-tertiary);--vds-button-primary-bg:var(--vf-action-primary);--vds-button-primary-text:var(--vf-button-primary-text);--vds-button-primary-shadow:var(--vf-shadow-purple-glow);--vds-button-danger-bg:var(--vf-danger-soft);--vds-button-danger-text:var(--vf-danger);--vds-card-bg:var(--vf-card-bg);--vds-card-bg-hover:var(--vf-card-bg-hover);--vds-card-border:var(--vf-card-border);--vds-card-border-hover:var(--vf-card-border-hover);--vds-card-radius:var(--vf-card-radius);--vds-card-shadow:var(--vf-shadow-card);--vds-card-padding-sm:var(--vf-space-3);--vds-card-padding-md:var(--vf-space-5);--vds-card-padding-lg:var(--vf-space-6);--vds-prompt-bg:var(--vf-glass-bg);--vds-prompt-border:var(--vf-glass-border);--vds-prompt-radius:var(--vf-prompt-box-radius);--vds-prompt-blur:var(--vf-glass-blur);--vds-prompt-shadow:var(--vf-shadow-purple-glow);--vds-mode-card-bg:var(--vf-card-bg);--vds-mode-card-border:var(--vf-card-border);--vds-mode-card-radius:var(--vf-radius-card);--vds-mode-purple:var(--vf-purple-500);--vds-mode-blue:var(--vf-blue-500);--vds-mode-green:var(--vf-success);--vds-mode-orange:var(--vf-warning);--vds-video-card-bg:var(--vf-card-bg);--vds-video-card-border:var(--vf-card-border);--vds-video-card-radius:var(--vf-radius-16);--vds-video-overlay:var(--vf-surface-floating);--vds-badge-bg:var(--vf-surface-4);--vds-badge-text:var(--vf-text-secondary);--vds-badge-radius:var(--vf-radius-badge);--vds-tabs-border:var(--vf-border-subtle);--vds-tabs-text:var(--vf-text-secondary);--vds-tabs-active:var(--vf-purple-400);--vds-dialog-backdrop:color-mix(in srgb,var(--vf-surface-0) 82%,transparent);--vds-dialog-bg:var(--vf-surface-floating);--vds-dialog-border:var(--vf-border-strong);--vds-dialog-radius:var(--vf-radius-modal);--vds-dialog-shadow:var(--vf-shadow-floating);--vds-toast-bg:var(--vf-surface-floating);--vds-toast-border:var(--vf-border-strong);--vds-toast-radius:var(--vf-radius-12);--vds-toast-shadow:var(--vf-shadow-floating);--vds-skeleton-base:var(--vf-surface-3);--vds-skeleton-highlight:var(--vf-surface-5);--vds-empty-icon-bg:var(--vf-gradient-subtle);--vds-navbar-height:var(--vf-navbar-height);--vds-navbar-bg:var(--vf-glass-bg);--vds-navbar-border:var(--vf-glass-border);--vds-navbar-blur:var(--vf-glass-blur);--vds-section-title-size:var(--vf-type-section-title-size);--vds-section-title-weight:var(--vf-type-section-title-weight);--vds-section-description:var(--vf-text-secondary)}.vds-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vf-button.vds-button{min-width:-moz-max-content;min-width:max-content;height:var(--vds-control-height-md);gap:var(--vds-control-gap);padding-inline:var(--vds-control-padding-x);border:1px solid var(--vds-control-border);border-radius:var(--vds-control-radius);background:var(--vds-control-bg);color:var(--vds-control-text);font-size:var(--vds-control-font-size);font-weight:var(--vds-control-font-weight);line-height:1;transition:transform var(--vf-duration-fast) var(--vf-ease-standard),border-color var(--vf-duration-fast) var(--vf-ease-standard),background var(--vf-duration-fast) var(--vf-ease-standard),box-shadow var(--vf-duration-fast) var(--vf-ease-standard)}.vf-button.vds-button:hover:not(:disabled){border-color:var(--vds-control-border-hover);background:var(--vds-control-bg-hover);transform:translateY(-1px)}.vf-button.vds-button:active:not(:disabled){transform:translateY(0) scale(.98)}.vf-button.vds-button:focus-visible{outline:2px solid var(--vds-control-focus);outline-offset:2px}.vf-button.vds-button:disabled{opacity:var(--vf-opacity-disabled);cursor:not-allowed}.vf-button.vds-button.vds-button--sm{height:var(--vds-control-height-sm);padding-inline:var(--vf-space-3);font-size:var(--vf-text-12)}.vf-button.vds-button.vds-button--lg{height:var(--vds-control-height-lg);padding-inline:var(--vf-space-5);font-size:var(--vf-text-15)}.vf-button.vds-button.vds-button--primary{border-color:transparent;background:var(--vds-button-primary-bg);color:var(--vds-button-primary-text)}.vf-button.vds-button.vds-button--primary:hover:not(:disabled){background:var(--vds-button-primary-bg);box-shadow:var(--vds-button-primary-shadow)}.vf-button.vds-button.vds-button--ghost{border-color:transparent;background:transparent}.vf-button.vds-button.vds-button--danger{border-color:var(--vf-danger);background:var(--vds-button-danger-bg);color:var(--vds-button-danger-text)}.vds-button__spinner{width:var(--vf-icon-16);height:var(--vf-icon-16);border:2px solid;border-right:2px solid transparent;border-radius:var(--vf-radius-full);animation:vds-spin .7s linear infinite}.panel.vds-card{border-color:var(--vds-card-border);border-radius:var(--vds-card-radius);background:var(--vds-card-bg);box-shadow:var(--vds-card-shadow);color:var(--vf-text-primary)}.panel.vds-card.vds-card--glass{border-color:var(--vf-glass-border);background:var(--vf-glass-bg);backdrop-filter:blur(var(--vf-glass-blur))}.panel.vds-card.vds-card--elevated{background:var(--vf-surface-floating);box-shadow:var(--vf-shadow-floating)}.panel.vds-card.vds-card--interactive{transition:transform var(--vf-duration-normal) var(--vf-ease-standard),border-color var(--vf-duration-normal) var(--vf-ease-standard),background var(--vf-duration-normal) var(--vf-ease-standard)}.panel.vds-card.vds-card--interactive:hover{border-color:var(--vds-card-border-hover);background:var(--vds-card-bg-hover);transform:translateY(-2px)}.panel.vds-card.vds-card--pad-sm{padding:var(--vds-card-padding-sm)}.panel.vds-card.vds-card--pad-md{padding:var(--vds-card-padding-md)}.panel.vds-card.vds-card--pad-lg{padding:var(--vds-card-padding-lg)}.vds-field{display:grid;gap:var(--vf-space-2);color:var(--vf-text-secondary)}.vds-field__label{font-size:var(--vf-text-13);font-weight:var(--vf-font-medium)}.vds-field__control{min-height:var(--vds-control-height-md);display:flex;align-items:center;gap:var(--vds-control-gap);padding-inline:var(--vf-space-3);border:1px solid var(--vds-control-border);border-radius:var(--vf-input-radius);background:var(--vds-control-bg);transition:border-color var(--vf-duration-fast) var(--vf-ease-standard),box-shadow var(--vf-duration-fast) var(--vf-ease-standard)}.vds-field__control:focus-within{border-color:var(--vds-control-focus);box-shadow:var(--vf-shadow-purple-glow)}.vds-input{width:100%;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--vds-control-text);outline:0}.vds-input::-moz-placeholder{color:var(--vds-control-placeholder)}.vds-input::placeholder{color:var(--vds-control-placeholder)}.vds-field__adornment{flex:none;display:inline-flex;color:var(--vf-text-tertiary)}.vds-field__message{font-size:var(--vf-text-12);color:var(--vf-text-tertiary)}.vds-field--error .vds-field__control{border-color:var(--vf-danger)}.vds-field--error .vds-field__message{color:var(--vf-danger)}.vds-prompt-box{min-height:72px;display:flex;align-items:center;gap:var(--vf-space-3);padding:var(--vf-space-3);border:1px solid var(--vds-prompt-border);border-radius:var(--vds-prompt-radius);background:var(--vds-prompt-bg);backdrop-filter:blur(var(--vds-prompt-blur));transition:border-color var(--vf-duration-normal) var(--vf-ease-standard),box-shadow var(--vf-duration-normal) var(--vf-ease-standard)}.vds-prompt-box:focus-within{border-color:var(--vds-control-focus);box-shadow:var(--vds-prompt-shadow)}.vds-prompt-box textarea{flex:1;min-width:0;max-height:120px;resize:none;border:0;outline:0;background:transparent;color:var(--vf-text-primary);font:inherit}.vds-prompt-box textarea::-moz-placeholder{color:var(--vf-text-tertiary)}.vds-prompt-box textarea::placeholder{color:var(--vf-text-tertiary)}.vds-prompt-box__attachment,.vds-prompt-box__controls{flex:none;display:inline-flex;align-items:center}.vds-mode-card{--vds-mode-accent:var(--vds-mode-purple);position:relative;min-height:196px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--vf-space-4);padding:var(--vf-space-5);overflow:hidden;text-align:left;border:1px solid var(--vds-mode-card-border);border-radius:var(--vds-mode-card-radius);background:var(--vds-mode-card-bg);color:var(--vf-text-primary);transition:transform var(--vf-duration-normal) var(--vf-ease-standard),border-color var(--vf-duration-normal) var(--vf-ease-standard),box-shadow var(--vf-duration-normal) var(--vf-ease-standard)}.vds-mode-card:before{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-65px;border-radius:var(--vf-radius-full);background:var(--vds-mode-accent);filter:blur(54px);opacity:.2;pointer-events:none}.vds-mode-card.is-active,.vds-mode-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--vds-mode-accent) 58%,var(--vds-mode-card-border));box-shadow:var(--vf-shadow-purple-glow)}.vds-mode-card--blue{--vds-mode-accent:var(--vds-mode-blue)}.vds-mode-card--green{--vds-mode-accent:var(--vds-mode-green)}.vds-mode-card--orange{--vds-mode-accent:var(--vds-mode-orange)}.vds-mode-card__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.vds-mode-card__eyebrow{margin-bottom:var(--vf-space-2);color:var(--vds-mode-accent);font-size:var(--vf-text-12);font-weight:var(--vf-font-semibold)}.vds-mode-card strong{font-size:var(--vf-type-card-title-size)}.vds-mode-card__description{margin-top:var(--vf-space-3);color:var(--vf-text-secondary);font-size:var(--vf-text-13);line-height:var(--vf-type-body-line-height)}.vds-mode-card__action{margin-top:auto;padding-top:var(--vf-space-5);display:inline-flex;gap:var(--vf-space-2);color:var(--vf-text-primary);font-weight:var(--vf-font-semibold)}.vds-mode-card__art{position:relative;z-index:1;width:var(--vf-space-16);height:var(--vf-space-16);display:grid;place-items:center;color:var(--vds-mode-accent);filter:drop-shadow(0 0 18px var(--vds-mode-accent))}.vds-video-card{min-width:0;overflow:hidden;border:1px solid var(--vds-video-card-border);border-radius:var(--vds-video-card-radius);background:var(--vds-video-card-bg);box-shadow:var(--vf-shadow-card)}.vds-video-card__cover{position:relative;width:100%;aspect-ratio:16/9;display:block;padding:0;overflow:hidden;border:0;background:var(--vf-surface-1)}.vds-video-card__cover:disabled{cursor:default}.vds-video-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--vf-duration-normal) var(--vf-ease-standard)}.vds-video-card__cover:not(:disabled):hover img{transform:scale(1.035)}.vds-video-card__play{position:absolute;left:50%;top:50%;width:var(--vf-space-10);height:var(--vf-space-10);display:grid;place-items:center;border:1px solid var(--vf-border-strong);border-radius:var(--vf-radius-full);background:var(--vds-video-overlay);transform:translate(-50%,-50%)}.vds-video-card time{position:absolute;right:var(--vf-space-2);bottom:var(--vf-space-2);padding:var(--vf-space-1) var(--vf-space-2);border-radius:var(--vf-radius-4);background:var(--vds-video-overlay);color:var(--vf-text-primary);font-size:var(--vf-text-11)}.vds-video-card__body{padding:var(--vf-space-3)}.vds-video-card__title{display:flex;align-items:center;gap:var(--vf-space-2)}.vds-video-card__title strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vf-text-14)}.vds-video-card__badge,.vds-video-card__meta{margin-top:var(--vf-space-2)}.vds-video-card__meta{color:var(--vf-text-tertiary);font-size:var(--vf-text-12)}.vds-search{min-height:var(--vds-control-height-md);display:flex;align-items:center;gap:var(--vf-space-2);padding-inline:var(--vf-space-4);border:1px solid var(--vds-control-border);border-radius:var(--vf-radius-full);background:var(--vf-glass-bg);backdrop-filter:blur(var(--vf-glass-blur));transition:border-color var(--vf-duration-fast) var(--vf-ease-standard),box-shadow var(--vf-duration-fast) var(--vf-ease-standard)}.vds-search:focus-within{border-color:var(--vds-control-focus);box-shadow:var(--vf-shadow-purple-glow)}.vds-search svg{width:var(--vf-icon-16);height:var(--vf-icon-16);flex:none;color:var(--vf-text-tertiary)}.vds-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--vf-text-primary)}.vds-search input::-moz-placeholder{color:var(--vf-text-tertiary)}.vds-search input::placeholder{color:var(--vf-text-tertiary)}.badge.vds-badge{display:inline-flex;align-items:center;min-height:22px;padding-inline:var(--vf-space-2);border-radius:var(--vds-badge-radius);background:var(--vds-badge-bg);color:var(--vds-badge-text);font-size:var(--vf-text-11);font-weight:var(--vf-font-medium)}.badge.vds-badge.vds-badge--accent{background:var(--vf-gradient-subtle);color:var(--vf-purple-300)}.badge.vds-badge.vds-badge--success{background:var(--vf-success-soft);color:var(--vf-success)}.badge.vds-badge.vds-badge--warning{background:var(--vf-warning-soft);color:var(--vf-warning)}.badge.vds-badge.vds-badge--danger{background:var(--vf-danger-soft);color:var(--vf-danger)}.badge.vds-badge.vds-badge--info{background:var(--vf-info-soft);color:var(--vf-info)}.tabs.vds-tabs{min-height:var(--vds-control-height-lg);display:flex;align-items:stretch;gap:var(--vf-space-5);border-bottom:1px solid var(--vds-tabs-border)}.tab.vds-tab{position:relative;border:0;background:transparent;color:var(--vds-tabs-text);font-weight:var(--vf-font-medium)}.tab.vds-tab:hover{color:var(--vf-text-primary)}.tab.vds-tab.active{color:var(--vds-tabs-active)}.tab.vds-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--vf-radius-full);background:var(--vf-gradient-primary)}.vds-dialog-backdrop{background:var(--vds-dialog-backdrop);backdrop-filter:blur(var(--vf-space-2))}.dialog.vds-dialog{border-color:var(--vds-dialog-border);border-radius:var(--vds-dialog-radius);background:var(--vds-dialog-bg);box-shadow:var(--vds-dialog-shadow)}.dialog.vds-dialog>footer,.dialog.vds-dialog>header{border-color:var(--vf-border-subtle)}.dialog.vds-dialog>header button,.toast.vds-toast button{width:var(--vds-control-height-sm);height:var(--vds-control-height-sm);display:grid;place-items:center;border:0;border-radius:var(--vf-radius-8);background:transparent;color:var(--vf-text-secondary)}.dialog.vds-dialog>header button:hover,.toast.vds-toast button:hover{background:var(--vf-surface-5);color:var(--vf-text-primary)}.dialog.vds-dialog>header svg,.toast.vds-toast svg{width:var(--vf-icon-16);height:var(--vf-icon-16)}.toast.vds-toast{display:flex;align-items:center;gap:var(--vf-space-3);border-color:var(--vds-toast-border);border-radius:var(--vds-toast-radius);background:var(--vds-toast-bg);color:var(--vf-text-primary);box-shadow:var(--vds-toast-shadow)}.toast.vds-toast button{margin-left:auto}.toast.vds-toast.vds-toast--success{border-color:var(--vf-success)}.toast.vds-toast.vds-toast--warning{border-color:var(--vf-warning)}.toast.vds-toast.vds-toast--danger{border-color:var(--vf-danger)}.skeleton.vds-skeleton{position:relative;overflow:hidden;min-height:var(--vf-space-4);border-radius:var(--vf-radius-8);background:var(--vds-skeleton-base)}.skeleton.vds-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--vds-skeleton-highlight),transparent);transform:translateX(-100%);animation:vds-shimmer 1.4s infinite}.empty-state.vds-empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vf-space-8);color:var(--vf-text-secondary);text-align:center}.vds-empty-state__icon{width:var(--vf-space-14);height:var(--vf-space-14);display:grid;place-items:center;margin-bottom:var(--vf-space-4);border-radius:var(--vf-radius-16);background:var(--vds-empty-icon-bg);color:var(--vf-purple-400)}.vds-empty-state strong{margin:0;color:var(--vf-text-primary);font-size:var(--vf-text-16)}.vds-empty-state p{max-width:440px;margin:var(--vf-space-2) 0 var(--vf-space-5);color:var(--vf-text-secondary);line-height:var(--vf-type-body-line-height)}.vds-navbar{min-height:var(--vds-navbar-height);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--vf-space-8);padding-inline:var(--vf-page-padding-desktop);border-bottom:1px solid var(--vds-navbar-border);background:var(--vds-navbar-bg);backdrop-filter:blur(var(--vds-navbar-blur))}.vds-navbar__actions,.vds-navbar__brand,.vds-navbar__navigation{display:flex;align-items:center}.vds-navbar__navigation{justify-content:center;gap:var(--vf-space-6)}.vds-navbar__actions{justify-content:flex-end;gap:var(--vf-space-3)}.vds-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--vf-space-6)}.vds-section-header__eyebrow{display:block;margin-bottom:var(--vf-space-2);color:var(--vf-purple-400);font-size:var(--vf-text-12);font-weight:var(--vf-font-semibold);letter-spacing:.08em;text-transform:uppercase}.vds-section-header h2{margin:0;color:var(--vf-text-primary);font-size:var(--vds-section-title-size);font-weight:var(--vds-section-title-weight);letter-spacing:var(--vf-type-section-title-letter-spacing);line-height:var(--vf-type-section-title-line-height)}.vds-section-header p{max-width:640px;margin:var(--vf-space-2) 0 0;color:var(--vds-section-description);line-height:var(--vf-type-body-line-height)}.vds-section-header__action{flex:none}@media (max-width:960px){.vds-navbar{grid-template-columns:auto 1fr;padding-inline:var(--vf-page-padding-tablet)}.vds-navbar__navigation{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto}.vds-navbar__actions{justify-self:end}.vds-section-header{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.vds-navbar{padding-inline:var(--vf-page-padding-mobile)}.vds-prompt-box{align-items:stretch;flex-wrap:wrap;border-radius:var(--vf-radius-20)}.vds-prompt-box textarea{width:100%;flex-basis:100%}.vds-prompt-box .vds-button{margin-left:auto}.vds-mode-card{min-height:176px}}@media (prefers-reduced-motion:reduce){.vds-button,.vds-card--interactive,.vds-mode-card,.vds-video-card__cover img{transition:none}.vds-button__spinner,.vds-skeleton:after{animation:none}}@keyframes vds-spin{to{transform:rotate(1turn)}}@keyframes vds-shimmer{to{transform:translateX(100%)}}.vf-type-hero{font-size:var(--vf-type-hero-size);font-weight:var(--vf-type-hero-weight);line-height:var(--vf-type-hero-line-height);letter-spacing:var(--vf-type-hero-letter-spacing)}.vf-type-page-title{font-size:var(--vf-type-page-title-size);font-weight:var(--vf-type-page-title-weight);line-height:var(--vf-type-page-title-line-height);letter-spacing:var(--vf-type-page-title-letter-spacing)}.vf-type-section-title{font-size:var(--vf-type-section-title-size);font-weight:var(--vf-type-section-title-weight);line-height:var(--vf-type-section-title-line-height);letter-spacing:var(--vf-type-section-title-letter-spacing)}.vf-type-card-title{font-size:var(--vf-type-card-title-size);font-weight:var(--vf-type-card-title-weight);line-height:var(--vf-type-card-title-line-height)}.vf-type-body-large{font-size:var(--vf-type-body-large-size);line-height:var(--vf-type-body-large-line-height)}.vf-type-body,.vf-type-body-large{font-weight:var(--vf-font-regular)}.vf-type-body{font-size:var(--vf-type-body-size);line-height:var(--vf-type-body-line-height)}.vf-type-caption{font-size:var(--vf-type-caption-size);font-weight:var(--vf-type-caption-weight);line-height:var(--vf-type-caption-line-height)}.vf-container{width:min(calc(100% - var(--vf-page-padding-desktop) * 2),var(--vf-container-max));margin-inline:auto}.vf-container-wide{width:min(calc(100% - var(--vf-page-padding-desktop) * 2),var(--vf-container-wide));margin-inline:auto}.vf-container-reading{width:min(calc(100% - var(--vf-page-padding-desktop) * 2),var(--vf-container-reading));margin-inline:auto}.vf-grid{display:grid;grid-template-columns:repeat(var(--vf-grid-columns),minmax(0,1fr));gap:var(--vf-grid-gap)}.vf-brand-icon{--vf-icon-accent-1:var(--color-icon-mix-1);--vf-icon-accent-2:var(--color-icon-mix-2);--vf-icon-accent-3:var(--color-icon-mix-3);--vf-icon-accent-4:var(--color-icon-mix-4);display:block;width:var(--space-brand-icon-desktop);height:var(--space-brand-icon-desktop);overflow:visible;transform:translateY(0) scale(1);transform-origin:center;transition:transform .28s ease,opacity .28s ease}.final-mode-art,.vf-brand-icon,.vf-brand-icon *{pointer-events:none}.vf-brand-icon--remix{--vf-icon-accent-1:var(--color-icon-remix-1);--vf-icon-accent-2:var(--color-icon-remix-2);--vf-icon-accent-3:var(--color-icon-remix-3);--vf-icon-accent-4:var(--color-icon-remix-4)}.vf-brand-icon--narration{--vf-icon-accent-1:var(--color-icon-narration-1);--vf-icon-accent-2:var(--color-icon-narration-2);--vf-icon-accent-3:var(--color-icon-narration-3);--vf-icon-accent-4:var(--color-icon-narration-4)}.vf-brand-icon--drama{--vf-icon-accent-1:var(--color-icon-drama-1);--vf-icon-accent-2:var(--color-icon-drama-2);--vf-icon-accent-3:var(--color-icon-drama-3);--vf-icon-accent-4:var(--color-icon-drama-4)}.final-mode-card:hover .vf-brand-icon{transform:translateY(-3px) scale(1.02)}.final-mode-card:active .vf-brand-icon{transform:translateY(0) scale(.98);transition-duration:.14s}.final-mode-card:focus-visible{outline:3px solid var(--color-brand-focus);outline-offset:var(--space-1-5)}@media (max-width:560px){.vf-brand-icon{width:var(--space-brand-icon-mobile)!important;height:var(--space-brand-icon-mobile)!important}}@media (prefers-reduced-motion:reduce){.final-mode-card:active .vf-brand-icon,.final-mode-card:hover .vf-brand-icon,.vf-brand-icon{transition:none!important;transition-duration:0s!important;transform:none}}html[data-theme=light]{--product-bg:var(--color-workspace-canvas);--product-surface:var(--color-workspace-surface);--product-soft:var(--color-workspace-soft);--product-strong:var(--color-workspace-strong);--product-text:var(--color-workspace-text);--product-secondary:var(--color-workspace-secondary);--product-muted:var(--color-workspace-muted);--product-line:var(--color-border-default);--product-shadow:var(--shadow-lg);color-scheme:light}.settings-product-grid--catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-product-grid--catalog>section{min-height:var(--space-exact-150)}.help-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3-5)}.help-topic-grid>section{display:flex;min-height:var(--space-exact-175);flex-direction:column;align-items:flex-start;padding:var(--space-exact-22);border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface)}.help-topic-grid>section>svg{color:var(--color-brand-focus)}.help-topic-grid h2{margin:var(--space-3) 0 var(--space-1-5);font-size:var(--type-size-lead)}.help-topic-grid p{margin:0;color:var(--product-secondary);font-size:var(--type-size-sm);line-height:var(--type-line-relaxed)}.help-topic-grid a{display:inline-flex;align-items:center;min-height:var(--space-8);margin-top:auto;padding-top:var(--space-3);color:var(--color-brand-focus);font-size:var(--type-size-sm);font-weight:var(--type-weight-semibold);text-decoration:none}.help-topic-grid a:focus-visible,.help-topic-grid a:hover{color:var(--color-brand-hover)}.account-page-stack{display:grid;gap:var(--space-3-5)}.account-context-card,.account-page-stack .library-empty{min-height:var(--space-exact-100);border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface)}.account-context-card{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-exact-22)}.account-context-card>span{color:var(--product-muted);font-size:var(--type-size-xs);font-weight:var(--type-weight-semibold)}.account-context-card>strong{color:var(--product-text);font-size:var(--type-size-lead)}.account-context-card>p{margin:0;color:var(--product-secondary);font-size:var(--type-size-sm);line-height:var(--type-line-relaxed)}.about-product-grid .account-context-card{height:100%}.legacy-workbench-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-exact-22);border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface);color:var(--product-secondary)}.legacy-workbench-notice>svg{flex:none;color:var(--product-muted)}.legacy-workbench-notice .panel-title,.legacy-workbench-notice strong{display:block;color:var(--product-text)}.legacy-workbench-notice p{margin:var(--space-1-5) 0 0;line-height:var(--type-line-relaxed)}.legacy-workbench-notice a{display:inline-flex;margin-top:var(--space-3);color:var(--color-brand-focus);font-size:var(--type-size-sm);font-weight:var(--type-weight-semibold);text-decoration:none}.legacy-workbench-notice a:focus-visible,.legacy-workbench-notice a:hover{color:var(--color-brand-hover)}@media(max-width:760px){.help-topic-grid{grid-template-columns:1fr}}.product-library-page{width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:var(--space-exact-70) 0 var(--space-exact-100)}.product-library-page>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-9)}.product-library-page>header h1{margin:0;font-size:var(--type-size-display-lg);letter-spacing:-2px}.product-library-page>header p{margin:var(--space-2-5) 0 0;color:var(--product-secondary)}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4-5)}.library-toolbar>label{width:260px;height:38px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2-75);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-surface);color:var(--product-muted)}.library-toolbar input{min-width:0;flex:1;border:0;background:transparent;color:var(--product-text)}.library-toolbar input:focus{outline:0}.asset-filter,.library-toolbar>div{display:flex;gap:var(--space-1);padding:var(--space-exact-3);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-surface)}.asset-filter button,.library-toolbar button{height:30px;padding:0 var(--space-2-75);border:0;border-radius:var(--radius-control);background:transparent;color:var(--product-secondary);font-size:var(--type-size-sm)}.asset-filter button.active,.library-toolbar button.active{background:var(--product-soft);color:var(--product-text)}.project-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3-5)}.project-library-card{position:relative;border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface);color:var(--product-text);text-decoration:none;overflow:hidden;transition:.2s}.project-library-card:hover{transform:translateY(-3px);box-shadow:var(--product-shadow)}.library-cover{height:175px}.library-progress{height:2px;margin:0 var(--space-3);background:var(--product-soft)}.library-progress i{display:block;height:100%;background:var(--project-accent)}.library-open{justify-content:space-between;padding:var(--space-2-75) var(--space-3);color:var(--product-secondary);font-size:var(--type-size-xs)}.library-empty,.library-open{display:flex;align-items:center}.library-empty{min-height:300px;flex-direction:column;justify-content:center;gap:var(--space-1-75);color:var(--product-muted)}.library-empty strong{color:var(--product-text)}.asset-filter{width:-moz-max-content;width:max-content;margin-bottom:var(--space-4-5)}.asset-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3-25)}.asset-library-grid>article{position:relative;border:1px solid var(--product-line);border-radius:var(--radius-popover);background:var(--product-surface);overflow:hidden}.asset-library-preview{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2-25);background:linear-gradient(145deg,var(--color-neutral-850),var(--color-neutral-975));color:var(--color-accent-lilac)}.asset-audio{color:var(--color-warning)}.asset-image{color:var(--color-info)}.asset-library-preview span{font:var(--type-size-2xs) var(--type-family-mono);letter-spacing:2px}.asset-library-grid>article>div:nth-child(2){display:flex;flex-direction:column;gap:var(--space-1-25);padding:var(--space-2-75) var(--space-10) var(--space-3) var(--space-3)}.asset-library-grid strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--type-size-sm)}.asset-library-grid small{color:var(--product-muted);font-size:var(--type-size-2xs)}.asset-library-grid>article>button{position:absolute;right:8px;bottom:13px;border:0;background:transparent;color:var(--product-muted)}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3-25)}.inspiration-card{padding:var(--space-3-75);border:1px solid var(--product-line);border-radius:var(--radius-3xl);background:var(--product-surface)}.inspiration-art{height:175px;margin-bottom:var(--space-exact-17);padding:var(--space-3);border-radius:var(--radius-media);background:radial-gradient(circle at 70% 30%,var(--card-accent),transparent 35%),linear-gradient(145deg,var(--color-neutral-875),var(--color-neutral-black-soft));color:var(--color-on-media);display:flex;justify-content:space-between;align-items:flex-start}.inspiration-art span{font:var(--type-size-xs) var(--type-family-mono)}.inspiration-card>small{color:var(--card-accent);font-size:var(--type-size-xs);font-weight:750}.inspiration-card h2{margin:var(--space-2) 0;font-size:var(--type-size-lead)}.inspiration-card p{margin:0;color:var(--product-muted);font-size:var(--type-size-xs)}.inspiration-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4-5);padding-top:12px;border-top:1px solid var(--product-line)}.inspiration-card a,.inspiration-card button{display:flex;align-items:center;gap:var(--space-1-25);border:0;background:transparent;color:var(--product-secondary);text-decoration:none;font-size:var(--type-size-xs)}.inspiration-card button.saved{color:var(--color-success)}.settings-product-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-3-5)}.creative-preferences>aside,.creative-preferences>section,.settings-product-grid>section{padding:var(--space-exact-22);border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface)}.settings-section-title{display:flex;align-items:center;gap:var(--space-2-25);margin-bottom:var(--space-exact-17)}.settings-section-title>div{display:flex;flex-direction:column;gap:var(--space-1)}.settings-section-title span{color:var(--product-muted);font-size:var(--type-size-xs)}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.theme-cards>button{position:relative;padding:var(--space-2-25);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:transparent;color:var(--product-text);text-align:left}.theme-cards>button.active{border-color:var(--color-brand-focus)}.theme-cards>button>svg{position:absolute;right:9px;bottom:11px;color:var(--color-brand-focus)}.theme-preview{height:76px;margin-bottom:var(--space-2);padding:var(--space-2-25);border-radius:var(--radius-control);display:grid;grid-template-columns:25% 1fr;grid-template-rows:12px 1fr;gap:var(--space-1-25)}.preview-light{background:var(--color-neutral-100)}.preview-dark{background:var(--color-neutral-black-soft)}.preview-system{background:linear-gradient(110deg,var(--color-neutral-100) 0 49%,var(--color-neutral-black-soft) 50%)}.theme-preview span{border-radius:var(--radius-xs);background:var(--color-neutral-alpha-30)}.theme-preview span:first-child{grid-column:1/3}.theme-preview span:nth-child(2){grid-row:2}.theme-cards small,.theme-cards strong{display:block}.theme-cards strong{font-size:var(--type-size-sm)}.theme-cards small{margin-top:var(--space-exact-3);color:var(--product-muted);font-size:var(--type-size-2xs)}.product-setting-row{min-height:65px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--product-line)}.product-setting-row>div{display:flex;flex-direction:column;gap:var(--space-1)}.product-setting-row span{color:var(--product-muted);font-size:var(--type-size-xs)}.settings-product-grid .settings-reset{grid-column:1/3;display:flex;align-items:center;justify-content:space-between}.settings-reset>div{display:flex;flex-direction:column;gap:var(--space-1-25)}.settings-reset span{color:var(--product-muted);font-size:var(--type-size-xs)}.settings-reset button{height:33px;border:1px solid var(--color-danger-alpha);border-radius:var(--radius-lg);background:transparent;color:var(--color-danger-strong);padding:0 var(--space-3)}.creative-preferences{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3-5)}.creative-preferences section h2{margin:0 0 var(--space-5)}.creative-preferences label{display:flex;flex-direction:column;gap:var(--space-1-75);margin:var(--space-3-75) 0;color:var(--product-secondary);font-size:var(--type-size-sm)}.creative-preferences select{height:40px;border:1px solid var(--product-line);border-radius:var(--radius-lg-plus);background:var(--product-soft);color:var(--product-text);padding:0 var(--space-2-5)}.preference-saved{display:block;margin-top:var(--space-2-5);color:var(--color-success);font-size:var(--type-size-xs)}.creative-preferences aside{min-height:300px;background:radial-gradient(circle at 70% 30%,var(--color-brand-focus-alpha-30),transparent 30%),var(--color-neutral-black-soft);color:var(--color-on-media);display:flex;flex-direction:column;justify-content:flex-end}.creative-preferences aside>span{color:var(--color-accent-lilac);font-size:var(--type-size-xs);letter-spacing:2px}.creative-preferences aside>strong{margin-top:var(--space-2);font-size:var(--type-size-display-md)}.creative-preferences aside p{color:var(--color-neutral-300)}.creative-preferences aside small{color:var(--color-neutral-500)}@media(max-width:1100px){.home-mode-grid{grid-template-columns:repeat(2,1fr)}.home-mode-card{min-height:280px}.workspace-grid{grid-template-columns:240px minmax(370px,1fr);grid-template-rows:auto auto auto}.source-panel{grid-column:1;grid-row:1}.preview-panel{grid-column:2;grid-row:1}.control-panel{grid-column:1/3;grid-row:2}.workspace-timeline{grid-column:1/3;grid-row:3}.control-panel:not(.drama-controls){display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-4-5)}.workspace-topline{grid-template-columns:1fr auto}.workspace-description{display:none}.asset-library-grid,.inspiration-grid,.project-library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.product-main{padding-top:60px}.product-header{height:60px;grid-template-columns:1fr auto;padding:0 var(--space-3-75)}.header-create,.product-brand small,.theme-switcher{display:none}.product-nav{position:absolute;left:12px;right:12px;top:64px;display:none;flex-direction:column;align-items:stretch;padding:var(--space-2);border:1px solid var(--product-line);border-radius:var(--radius-popover);background:var(--product-surface);box-shadow:var(--product-shadow)}.product-nav.is-open{display:flex}.product-nav a{height:42px}.mobile-only{display:block!important}.mobile-menu{display:grid}.home-hero{min-height:560px;padding:var(--space-exact-85) var(--space-4-5) var(--space-exact-65)}.home-hero h1{font-size:var(--type-size-display);letter-spacing:-2.7px}.orbit-one{width:390px}.idea-composer{width:100%;margin-top:var(--space-7)}.composer-modes{max-width:calc(100% - 80px);overflow-x:auto}.composer-modes button{white-space:nowrap}.composer-hint{display:none}.home-section{width:calc(100vw - 28px);padding:var(--space-exact-65) 0}.section-heading{display:block}.section-heading>p{margin-top:var(--space-3-5)}.home-mode-grid{grid-template-columns:1fr}.home-mode-card{min-height:255px}.home-mode-card .mode-eyebrow{margin-top:var(--space-exact-30)}.split-section{padding-top:0}.recent-grid,.split-section{grid-template-columns:1fr}.product-workspace{padding:var(--space-2-5)}.workspace-topline{display:flex;align-items:flex-start;flex-wrap:wrap}.workspace-title{flex:1}.workspace-title input{width:180px}.workspace-top-actions{width:100%;overflow-x:auto;padding-top:5px}.workspace-generate,.workspace-save{white-space:nowrap}.workspace-grid{display:flex;flex-direction:column}.workspace-card{min-height:auto}.source-panel{height:370px}.preview-panel{order:-1}.creative-canvas{height:410px}.control-panel:not(.drama-controls){display:block}.workspace-timeline{overflow-x:auto}.clip-strip{min-width:720px}.drama-strip{min-width:620px}.product-library-page{width:calc(100vw - 28px);padding:var(--space-exact-45) 0 var(--space-exact-70)}.product-library-page>header{align-items:flex-start;gap:var(--space-3-75)}.product-library-page>header h1{font-size:var(--type-size-display-md)}.library-toolbar{display:block}.library-toolbar>label{width:100%;margin-bottom:var(--space-2-5)}.library-toolbar>div{overflow-x:auto}.asset-library-grid,.creative-preferences,.inspiration-grid,.project-library-grid,.settings-product-grid{grid-template-columns:1fr}.settings-product-grid .settings-reset{grid-column:auto}.theme-cards{grid-template-columns:1fr}.theme-preview{height:95px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.control-label{display:block;margin-top:var(--space-3);padding-bottom:14px;border-bottom:1px solid var(--product-line)}.control-label>span{display:flex;justify-content:space-between;color:var(--product-secondary);font-size:var(--type-size-xs)}.control-label b{color:var(--workspace-accent)}.control-label input{width:100%;margin-top:var(--space-2-5);accent-color:var(--workspace-accent)}.control-block{padding:var(--space-3-5) 0;border-bottom:1px solid var(--product-line)}.control-block>span,.narration-script>span,.voice-choice>span{display:block;margin-bottom:var(--space-2);color:var(--product-secondary);font-size:var(--type-size-xs)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1-25)}.choice-grid button,.voice-choice button{height:31px;border:1px solid var(--product-line);border-radius:var(--radius-lg);background:var(--product-soft);color:var(--product-secondary);font-size:var(--type-size-xs)}.choice-grid button.active,.voice-choice button.active{border-color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 11%,var(--product-soft));color:var(--product-text)}.setting-toggle{min-height:62px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--product-line)}.locked-timeline>div,.setting-toggle>div{display:flex;flex-direction:column;gap:var(--space-1)}.locked-timeline strong,.setting-toggle strong{font-size:var(--type-size-sm)}.locked-timeline span,.setting-toggle span{color:var(--product-muted);font-size:var(--type-size-2xs)}.product-setting-row>button,.setting-toggle>button{width:34px;height:19px;border:0;border-radius:var(--radius-pill);background:var(--product-soft);padding:var(--space-exact-3)}.product-setting-row>button i,.setting-toggle>button i{display:block;width:13px;height:13px;border-radius:var(--radius-round);background:var(--product-muted);transition:.2s}.product-setting-row>button.on,.setting-toggle>button.on{background:var(--workspace-accent,var(--color-brand-focus))}.product-setting-row>button.on i,.setting-toggle>button.on i{background:white;transform:translateX(15px)}.secondary-action{width:100%;height:35px;margin-top:var(--space-3-5);border:1px solid var(--product-line);border-radius:var(--radius-lg-plus);background:var(--product-soft);display:flex;align-items:center;justify-content:center;gap:var(--space-1-75);font-size:var(--type-size-xs)}.timeline-lock,.version-pill{padding:var(--space-1) var(--space-1-75);border-radius:var(--radius-pill);background:var(--product-soft);color:var(--product-muted)!important;font-size:var(--type-size-2xs)!important}.locked-timeline{display:flex;align-items:center;gap:var(--space-2-25);margin:var(--space-2-75) 0;padding:var(--space-2-5);border-radius:var(--radius-lg-plus);background:color-mix(in srgb,var(--workspace-accent) 8%,var(--product-soft));color:var(--workspace-accent)}.beat-list{display:flex;flex-direction:column}.beat-list button{min-height:51px;display:flex;align-items:center;gap:var(--space-2-25);border:0;border-top:1px solid var(--product-line);background:transparent;text-align:left}.beat-list button>span{width:25px;color:var(--product-muted);font:var(--type-size-xs) var(--type-family-mono)}.beat-list button>div{flex:1;display:flex;flex-direction:column;gap:var(--space-exact-3)}.beat-list strong{font-size:var(--type-size-xs)}.beat-list small{color:var(--product-muted);font-size:var(--type-size-2xs)}.beat-list button.active>span,.beat-list button.active>svg{color:var(--workspace-accent)}.narration-script textarea,.segment-editor textarea{width:100%;resize:none;border:1px solid var(--product-line);border-radius:var(--radius-lg-plus);background:var(--product-soft);color:var(--product-text);padding:var(--space-2-25);font-size:var(--type-size-xs);line-height:1.6}.narration-script textarea{height:86px}.narration-script small{display:block;margin-top:var(--space-1);color:var(--product-muted);font-size:var(--type-size-2xs);text-align:right}.voice-choice{margin-top:var(--space-3)}.voice-choice>button{width:100%;margin-top:var(--space-1-25);display:flex;align-items:center;gap:var(--space-1-5);padding:0 var(--space-2-25)}.drama-summary{position:relative;height:58px;display:flex;gap:var(--space-6);margin:var(--space-2) 0 var(--space-2-5);padding:var(--space-2) var(--space-2-75);border-radius:var(--radius-xl);background:var(--product-soft);overflow:hidden}.drama-summary>div{display:flex;flex-direction:column}.drama-summary strong{font-size:var(--type-size-2xl)}.drama-summary small,.drama-summary span{color:var(--product-muted);font-size:var(--type-size-2xs)}.drama-summary>i{position:absolute;left:0;bottom:0;height:2px;background:var(--workspace-accent)}.segment-editor-list{display:flex;flex-direction:column;gap:var(--space-2)}.segment-editor{border:1px solid var(--product-line);border-radius:var(--radius-xl);padding:var(--space-2-25)}.segment-editor header{display:flex;align-items:center;gap:var(--space-1-25)}.segment-editor header>span{color:var(--workspace-accent);font-size:var(--type-size-2xs)}.segment-editor header input{min-width:0;flex:1;border:0;background:transparent;color:var(--product-text);font-size:var(--type-size-xs);font-weight:700}.segment-editor header button{border:0;background:transparent;color:var(--product-muted)}.segment-editor label{display:block;margin-top:var(--space-1-5)}.segment-editor label>span{display:block;margin-bottom:var(--space-1);color:var(--product-muted);font-size:var(--type-size-2xs)}.segment-editor textarea{height:45px}.segment-editor footer{display:flex;align-items:center;gap:var(--space-1-25);margin-top:var(--space-1-25)}.segment-editor footer>span{margin-right:auto;color:var(--product-muted);font-size:var(--type-size-2xs)}.segment-editor footer button{width:22px;height:22px;border:1px solid var(--product-line);border-radius:var(--radius-md);background:var(--product-soft);display:grid;place-items:center}.segment-editor footer input{width:33px;border:0;background:transparent;color:var(--product-text);text-align:center;font-size:var(--type-size-xs)}.segment-editor footer em{color:var(--product-muted);font-size:var(--type-size-2xs);font-style:normal}.empty-segments{width:100%;height:100px;border:1px dashed var(--product-line);border-radius:var(--radius-xl);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1-25)}.empty-segments span{color:var(--product-muted);font-size:var(--type-size-2xs)}.adapter-reserve{margin-top:var(--space-2-5);padding-top:9px;border-top:1px solid var(--product-line)}.adapter-reserve>span{color:var(--product-muted);font-size:var(--type-size-2xs)}.adapter-reserve em{display:inline-flex;align-items:center;gap:var(--space-1);margin:var(--space-1-5) var(--space-1) 0 0;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-md);background:var(--product-soft);font-size:var(--type-size-2xs);font-style:normal}.adapter-reserve small{color:var(--product-muted);font-size:var(--type-size-micro)}.workspace-timeline{grid-column:1/4;grid-row:2;padding:var(--space-3-5) var(--space-4)}.timeline-heading{display:flex;align-items:center;justify-content:space-between}.timeline-heading>div{display:flex;align-items:center;gap:var(--space-2)}.timeline-heading>span{color:var(--product-muted);font-size:var(--type-size-xs)}.timeline-lock{display:flex;align-items:center;gap:var(--space-1)}.clip-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1-75);margin-top:var(--space-2-75)}.clip-strip article{position:relative;min-width:0}.clip-visual{height:78px;border-radius:var(--radius-lg-plus);background:linear-gradient(145deg,color-mix(in srgb,var(--workspace-accent) 28%,var(--color-neutral-950)),var(--color-neutral-black-soft));display:flex;align-items:flex-start;padding:var(--space-1-75);overflow:hidden}.clip-visual>span{color:var(--color-on-media);font:var(--type-size-2xs) var(--type-family-mono)}.clip-strip article>strong{display:block;margin-top:var(--space-1-25);font-size:var(--type-size-2xs)}.clip-strip article>svg{position:absolute;right:5px;bottom:0;color:var(--product-muted)}.clip-move{position:absolute;right:4px;top:4px;display:flex}.clip-move button{width:20px;height:20px;border:0;background:var(--color-overlay-panel);color:var(--color-on-media);display:grid;place-items:center}.audio-wave{width:70%;height:24px;margin:auto;background:repeating-linear-gradient(90deg,var(--workspace-accent) 0 2px,transparent 2px 5px);-webkit-mask-image:linear-gradient(0deg,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(0deg,transparent,black 30%,black 70%,transparent)}.drama-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) 42px;gap:var(--space-1-75);margin-top:var(--space-3)}.drama-strip-item{height:82px;padding:var(--space-2-5);border-radius:var(--radius-lg-plus);background:linear-gradient(145deg,color-mix(in srgb,var(--workspace-accent) 22%,var(--color-neutral-900)),var(--color-neutral-black-soft));color:var(--color-on-media);display:flex;flex-direction:column}.drama-strip-item>span{font:var(--type-size-2xs) var(--type-family-mono)}.drama-strip-item>strong{margin-top:auto;font-size:var(--type-size-xs)}.drama-strip-item>small{margin-top:var(--space-exact-3);color:var(--color-neutral-400);font-size:var(--type-size-2xs)}.drama-strip>button{border:1px dashed var(--product-line);border-radius:var(--radius-lg-plus);background:var(--product-soft);display:grid;place-items:center}.product-toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:var(--space-1-75);padding:var(--space-2-75) var(--space-3-5);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-strong);color:var(--product-bg);box-shadow:var(--product-shadow);font-size:var(--type-size-body-sm)}.product-workspace{--workspace-accent:var(--color-mode-mix);min-height:calc(100vh - 68px);padding:var(--space-4-5) var(--space-6) var(--space-7);background:radial-gradient(circle at 72% 0,color-mix(in srgb,var(--workspace-accent) 9%,transparent),transparent 30%),var(--product-bg)}.workspace-remix{--workspace-accent:var(--color-mode-remix)}.workspace-narration{--workspace-accent:var(--color-mode-narration)}.workspace-drama{--workspace-accent:var(--color-mode-drama)}.workspace-topline{min-height:58px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr) auto;align-items:center;gap:var(--space-5);margin-bottom:var(--space-3-75)}.workspace-title{display:flex;align-items:center;gap:var(--space-2-75)}.workspace-title>a{width:34px;height:34px;border:1px solid var(--product-line);border-radius:var(--radius-xl);color:var(--product-secondary);display:grid;place-items:center}.workspace-mode-mark{width:37px;height:37px;border-radius:var(--radius-media);display:grid;place-items:center;background:color-mix(in srgb,var(--workspace-accent) 12%,var(--product-surface));color:var(--workspace-accent)}.workspace-title>div{display:flex;flex-direction:column;gap:var(--space-exact-3)}.workspace-title>div>span{color:var(--product-muted);font-size:var(--type-size-xs);font-weight:800;letter-spacing:1px}.workspace-title input{width:230px;border:0;background:transparent;color:var(--product-text);font-size:var(--type-size-lead);font-weight:750;padding:0}.workspace-title input:focus{outline:0}.workspace-description{color:var(--product-secondary);font-size:var(--type-size-body-sm);text-align:center}.workspace-top-actions{display:flex;align-items:center;gap:var(--space-1-75)}.ratio-choice{display:flex;padding:var(--space-exact-3);border:1px solid var(--product-line);border-radius:var(--radius-lg-plus);background:var(--product-surface)}.ratio-choice button{height:27px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--product-muted);font-size:var(--type-size-xs)}.ratio-choice button.active{background:var(--product-soft);color:var(--product-text)}.workspace-generate,.workspace-save{height:35px;border-radius:var(--radius-lg-plus);padding:0 var(--space-3-25);display:flex;align-items:center;gap:var(--space-1-5);cursor:pointer}.workspace-save{border:1px solid var(--product-line);background:var(--product-surface)}.workspace-generate{border:0;background:var(--workspace-accent);color:var(--color-on-media);font-weight:750}.workspace-generate:disabled{opacity:.45;cursor:not-allowed}.workspace-grid{display:grid;grid-template-columns:var(--layout-workspace-source) var(--layout-workspace-preview) var(--layout-workspace-control);grid-template-rows:var(--layout-workspace-preview-height) 180px;justify-content:center;gap:var(--space-3);max-width:1700px;margin:0 auto}.workspace-card{min-width:0;border:1px solid var(--product-line);border-radius:var(--radius-card-sm);background:var(--product-surface);box-shadow:var(--shadow-card-soft);overflow:hidden}.control-panel,.preview-panel,.source-panel{padding:var(--space-4)}.workspace-card-heading{height:34px;display:flex;align-items:flex-start;justify-content:space-between}.workspace-card-heading>div{display:flex;align-items:center;gap:var(--space-2)}.timeline-heading>div>span,.workspace-card-heading span{color:var(--workspace-accent);font:700 var(--type-size-xs) ui-monospace,SFMono-Regular,Menlo,monospace}.timeline-heading h2,.workspace-card-heading h2{margin:0;font-size:var(--type-size-md)}.workspace-card-heading>button{width:27px;height:27px;border:1px solid var(--product-line);border-radius:var(--radius-lg);background:var(--product-soft);display:grid;place-items:center}.compact-dropzone{width:100%;height:96px;margin-top:var(--space-2);border:1px dashed color-mix(in srgb,var(--workspace-accent) 30%,var(--product-line));border-radius:var(--radius-media);background:color-mix(in srgb,var(--workspace-accent) 4%,var(--product-bg));color:var(--workspace-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1-25)}.compact-dropzone span{color:var(--product-text);font-size:var(--type-size-sm);font-weight:650}.compact-dropzone small{color:var(--product-muted);font-size:var(--type-size-2xs)}.compact-dropzone.dragging{background:color-mix(in srgb,var(--workspace-accent) 12%,var(--product-bg))}.source-list{max-height:calc(100% - 190px);overflow:auto;margin-top:var(--space-2-5)}.source-row{height:51px;display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--product-line)}.source-row:first-child{border-top:0}.source-thumbnail{width:32px;height:32px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--product-soft);color:var(--workspace-accent)}.source-row>div{min-width:0;display:flex;flex-direction:column;gap:var(--space-exact-3);flex:1}.source-row strong{font-size:var(--type-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-order,.source-row small{color:var(--product-muted);font-size:var(--type-size-2xs)}.source-row>button,.text-action{border:0;background:transparent;color:var(--product-muted)}.text-action{display:flex;align-items:center;gap:var(--space-1-25);margin-top:var(--space-2);font-size:var(--type-size-xs)}.preview-panel{grid-column:2;grid-row:1}.preview-ratio{display:flex;align-items:center;gap:var(--space-1-25);color:var(--product-muted);font-size:var(--type-size-xs)}.creative-canvas{position:relative;height:calc(100% - 83px);min-height:320px;border-radius:var(--radius-media);background:var(--color-media-canvas);overflow:hidden;color:var(--color-on-media)}.canvas-grid{position:absolute;inset:0;background:linear-gradient(var(--color-white-alpha-05) 1px,transparent 1px),linear-gradient(90deg,var(--color-white-alpha-05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent)}.canvas-glow{position:absolute;width:55%;height:100%;right:-10%;top:0;background:radial-gradient(circle,var(--workspace-accent),transparent 60%);opacity:.3}.canvas-content{position:absolute;left:8%;bottom:16%;display:flex;flex-direction:column;align-items:flex-start}.canvas-content em{color:var(--workspace-accent);font-style:normal;font-size:var(--type-size-xs);font-weight:800;letter-spacing:3px}.canvas-content strong{margin-top:var(--space-2-25);font-size:clamp(var(--type-size-heading),3vw,var(--type-size-hero));line-height:1;letter-spacing:-2px}.canvas-content span{margin-top:var(--space-2-5);padding-left:9px;border-left:2px solid var(--workspace-accent);color:var(--color-neutral-200);font-size:var(--type-size-sm)}.canvas-play{position:absolute;left:50%;top:50%;width:54px;height:54px;border:1px solid var(--color-white-alpha-30);border-radius:var(--radius-round);background:var(--color-overlay-control);color:var(--color-on-media);display:grid;place-items:center;transform:translate(-50%,-50%);backdrop-filter:blur(7px)}.canvas-status{position:absolute;top:13px;right:13px;display:flex;align-items:center;gap:var(--space-1-25);padding:var(--space-1-25) var(--space-1-75);border-radius:var(--radius-md);background:var(--color-overlay);font-size:var(--type-size-2xs)}.canvas-status i{width:5px;height:5px;border-radius:var(--radius-round);background:var(--color-neutral-500)}.canvas-status i.active{background:var(--color-success-bright);box-shadow:var(--shadow-success-glow)}.preview-transport{height:35px;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-75) var(--space-0-5) 0}.preview-transport button{border:0;background:transparent;color:var(--product-secondary)}.transport-track{height:3px;flex:1;border-radius:var(--radius-xs-plus);background:var(--product-soft);overflow:hidden}.transport-track i{display:block;height:100%;background:var(--workspace-accent)}.preview-transport>span{color:var(--product-muted);font:var(--type-size-2xs) var(--type-family-mono)}.control-panel{grid-column:3;grid-row:1;overflow:auto}html[data-theme=dark]{color-scheme:dark}html:not([data-theme]),html[data-theme=dark]{--product-bg:var(--color-workspace-canvas);--product-surface:var(--color-workspace-surface);--product-soft:var(--color-workspace-soft);--product-strong:var(--color-workspace-strong);--product-text:var(--color-workspace-text);--product-secondary:var(--color-workspace-secondary);--product-muted:var(--color-workspace-muted);--product-line:var(--color-border-default);--product-shadow:var(--shadow-lg)}.product-shell,body,html{background:var(--product-bg);color:var(--product-text)}.product-shell{min-height:100vh;transition:background .25s,color .25s}.product-main{min-height:100vh;padding-top:68px}.product-header{height:68px;position:fixed;inset:0 0 auto;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-8);border-bottom:1px solid var(--product-line);background:color-mix(in srgb,var(--product-bg) 88%,transparent);backdrop-filter:blur(18px) saturate(130%)}.product-brand{display:flex;align-items:center;gap:var(--space-2-25);width:-moz-max-content;width:max-content;color:var(--product-text);text-decoration:none;font-size:var(--type-size-lead-sm);font-weight:760;letter-spacing:-.2px}.product-brand .logo-mark{width:27px;height:27px;filter:none}.product-brand small{margin-left:var(--space-exact-1);padding:var(--space-exact-3) var(--space-1-5);border:1px solid var(--product-line);border-radius:var(--radius-pill);color:var(--product-muted);font-size:var(--type-size-xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase}.product-nav{display:flex;align-items:center;gap:var(--space-1)}.product-nav a{padding:var(--space-2) var(--space-3-25);border-radius:var(--radius-lg-plus);color:var(--product-secondary);text-decoration:none;font-size:var(--type-size-md);font-weight:600;transition:.18s}.product-nav a.active,.product-nav a:hover{background:var(--product-soft);color:var(--product-text)}.mobile-only{display:none!important}.product-header-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-2-5)}.theme-switcher{display:flex;padding:var(--space-exact-3);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-surface)}.theme-switcher button{width:28px;height:26px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--product-muted);display:grid;place-items:center;cursor:pointer}.theme-switcher button.active{background:var(--product-soft);color:var(--product-text);box-shadow:var(--shadow-control)}.header-create,.library-primary{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-75);border:0;border-radius:var(--radius-xl);background:var(--product-strong);color:var(--product-bg);padding:0 var(--space-3-5);text-decoration:none;font-weight:700;cursor:pointer}.mobile-menu{display:none;width:36px;height:36px;border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-surface);place-items:center}.home-page{overflow:hidden}.home-hero{position:relative;min-height:600px;padding:var(--space-exact-115) var(--space-6) var(--space-exact-90);display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--product-line)}.home-hero:before{content:"";inset:0;background:radial-gradient(circle at 50% 18%,var(--color-brand-alpha-13),transparent 35%),linear-gradient(var(--product-line) 1px,transparent 1px),linear-gradient(90deg,var(--product-line) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;-webkit-mask-image:linear-gradient(180deg,black,transparent 75%);mask-image:linear-gradient(180deg,black,transparent 75%);opacity:.48}.hero-orbit,.home-hero:before{position:absolute;pointer-events:none}.hero-orbit{border:1px solid color-mix(in srgb,var(--color-brand-focus) 28%,transparent);border-radius:var(--radius-round)}.orbit-one{width:680px;height:250px;top:78px;transform:rotate(-8deg)}.orbit-two{width:520px;height:520px;top:-220px;transform:rotate(23deg)}.hero-kicker{position:relative;display:flex;align-items:center;gap:var(--space-1-75);padding:var(--space-1-75) var(--space-2-5);border:1px solid var(--product-line);border-radius:var(--radius-pill);background:var(--product-surface);color:var(--product-secondary);font-size:var(--type-size-sm);font-weight:700;letter-spacing:1px;text-transform:uppercase}.home-hero h1{position:relative;margin:var(--space-exact-25) 0 var(--space-3-75);font-size:clamp(var(--type-size-display-lg),5.3vw,var(--type-size-hero-xl));line-height:1.03;letter-spacing:-4px;font-weight:650}.home-hero h1 span,.home-hero>p{color:var(--product-secondary)}.home-hero>p{position:relative;margin:0;max-width:580px;font-size:var(--type-size-lead-sm);line-height:1.8}.idea-composer{position:relative;width:min(760px,calc(100vw - 40px));margin-top:var(--space-9);padding:var(--space-2);border:1px solid color-mix(in srgb,var(--color-brand-focus) 38%,var(--product-line));border-radius:var(--radius-composer);background:var(--product-surface);box-shadow:var(--shadow-hero);text-align:left}.idea-composer textarea{width:100%;height:92px;resize:none;border:0;background:transparent;color:var(--product-text);padding:var(--space-exact-17) var(--space-4-5);font-size:var(--type-size-xl);line-height:1.6}.idea-composer textarea::-moz-placeholder{color:var(--product-muted)}.idea-composer textarea::placeholder{color:var(--product-muted)}.idea-composer textarea:focus{outline:0}.composer-files{display:flex;gap:var(--space-1-5);flex-wrap:wrap;padding:0 var(--space-3-75) var(--space-2)}.composer-files span{display:flex;align-items:center;gap:var(--space-1-25);padding:var(--space-1-25) var(--space-2);border-radius:var(--radius-control);background:var(--product-soft);color:var(--product-secondary);font-size:var(--type-size-sm)}.composer-footer{height:46px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1-75)}.composer-footer button{cursor:pointer}.composer-attach{width:34px;height:34px;border:0;border-radius:var(--radius-lg-plus);background:var(--product-soft);color:var(--product-secondary);display:grid;place-items:center}.composer-modes{display:flex;gap:var(--space-1)}.composer-modes button{height:31px;padding:0 var(--space-2-5);border:0;border-radius:var(--radius-lg);background:transparent;color:var(--product-muted);font-size:var(--type-size-body-sm)}.composer-modes button.active{background:var(--product-soft);color:var(--product-text);font-weight:700}.composer-hint{margin-left:auto;color:var(--product-muted);font-size:var(--type-size-sm)}.composer-submit{width:36px;height:36px;border:0;border-radius:var(--radius-xl);background:var(--product-strong);color:var(--product-bg);display:grid;place-items:center}.home-section{width:min(1200px,calc(100vw - 48px));margin:0 auto;padding:var(--space-24) 0}.panel-heading,.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.panel-heading>div>span,.product-library-page>header>div>span,.section-heading>div>span{display:block;margin-bottom:var(--space-2);color:var(--color-accent-purple);font-size:var(--type-size-sm);font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.panel-heading h2,.section-heading h2{margin:0;letter-spacing:-1.2px}.section-heading h2{font-size:var(--type-size-heading-lg)}.section-heading>p{max-width:410px;margin:0;color:var(--product-secondary);line-height:1.7}.home-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3-25);margin-top:var(--space-8)}.home-mode-card{position:relative;min-height:316px;padding:var(--space-exact-22);border:1px solid var(--product-line);border-radius:var(--radius-card-lg);background:var(--product-surface);color:var(--product-text);text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.home-mode-card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:var(--radius-round);background:var(--card-accent);filter:blur(40px);opacity:.13}.home-mode-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--product-line));box-shadow:var(--product-shadow)}.accent-violet{--card-accent:var(--color-mode-mix)}.accent-blue{--card-accent:var(--color-mode-remix)}.accent-amber{--card-accent:var(--color-mode-narration)}.accent-rose{--card-accent:var(--color-mode-drama)}.mode-card-top{display:flex;justify-content:space-between;align-items:center}.mode-number{color:var(--product-muted);font:600 var(--type-size-body-sm) ui-monospace,SFMono-Regular,Menlo,monospace}.mode-icon-shell{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--card-accent) 26%,var(--product-line));border-radius:var(--radius-card-sm);background:color-mix(in srgb,var(--card-accent) 10%,var(--product-surface));color:var(--card-accent);display:grid;place-items:center}.mode-eyebrow{display:block;margin-top:var(--space-exact-54);color:var(--card-accent);font-size:var(--type-size-sm);font-weight:800;letter-spacing:1px}.home-mode-card h3{margin:var(--space-2) 0 var(--space-2-5);font-size:var(--type-size-title-md);letter-spacing:-1px}.home-mode-card p{margin:0;color:var(--product-secondary);font-size:var(--type-size-body);line-height:1.7}.mode-enter{position:absolute;left:22px;right:22px;bottom:21px;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--product-line);font-size:var(--type-size-body-sm);font-weight:700}.split-section{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr);gap:var(--space-4-5);padding-top:0}.queue-panel,.recent-panel{padding:var(--space-6);border:1px solid var(--product-line);border-radius:var(--radius-4xl);background:var(--product-surface)}.panel-heading h2{font-size:var(--type-size-card-title)}.panel-heading>a{display:flex;gap:var(--space-1-25);align-items:center;color:var(--product-secondary);text-decoration:none;font-size:var(--type-size-body-sm)}.panel-heading>button{border:0;background:transparent;color:var(--product-muted)}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3-25);margin-top:var(--space-exact-22)}.recent-card{display:block;border:1px solid var(--product-line);border-radius:var(--radius-popover);overflow:hidden;color:var(--product-text);text-decoration:none;transition:.2s}.recent-card:hover{transform:translateY(-2px);box-shadow:var(--product-shadow)}.library-cover,.recent-cover{position:relative;height:118px;padding:var(--space-3);background:radial-gradient(circle at 80% 20%,var(--project-accent),transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 24%,var(--color-neutral-950)),var(--color-neutral-black-soft));overflow:hidden}.library-cover span,.recent-cover span{position:relative;z-index:2;padding:var(--space-1) var(--space-1-75);border:1px solid var(--color-white-alpha-20);border-radius:var(--radius-md);background:var(--color-overlay-soft);color:var(--color-on-media);font-size:var(--type-size-xs)}.library-cover i,.recent-cover i{position:absolute;width:58%;height:1px;left:20%;top:48%;background:var(--color-white-alpha-17);transform:rotate(-9deg)}.library-cover i:nth-of-type(2),.recent-cover i:nth-of-type(2){top:60%;transform:rotate(7deg)}.library-cover i:nth-of-type(3),.recent-cover i:nth-of-type(3){top:72%;transform:rotate(-3deg)}.library-card-copy,.recent-copy{padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.library-card-copy>div,.recent-copy>div{min-width:0;display:flex;flex-direction:column;gap:var(--space-1-25)}.library-card-copy strong,.recent-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-copy small,.recent-copy span{color:var(--product-muted);font-size:var(--type-size-xs)}.project-state{flex:none;padding:var(--space-1) var(--space-1-75);border-radius:var(--radius-pill);background:var(--product-soft);color:var(--product-secondary);font-style:normal;font-size:var(--type-size-xs)}.state-生成中{color:var(--color-brand-focus)}.state-已完成{color:var(--color-success)}.queue-list{display:flex;flex-direction:column;margin-top:var(--space-3-75)}.queue-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--space-2-5);padding:var(--space-3-5) 0;border-top:1px solid var(--product-line)}.queue-item:first-child{border-top:0}.queue-mode-dot{width:34px;height:34px;border-radius:var(--radius-xl);display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent) 12%,var(--product-soft));color:var(--card-accent);font-weight:800}.queue-copy>div{display:flex;justify-content:space-between;gap:var(--space-2)}.queue-copy strong{font-size:var(--type-size-body-sm)}.queue-copy p,.queue-copy>div>span{color:var(--product-muted);font-size:var(--type-size-xs)}.queue-copy p{margin:var(--space-1-25) 0 var(--space-2)}.queue-progress{height:3px;border-radius:var(--radius-sm);background:var(--product-soft);overflow:hidden}.queue-progress i{display:block;height:100%;background:var(--color-brand-focus)}.queue-actions{display:flex;gap:var(--space-0-5)}.queue-actions button{width:26px;height:26px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--product-muted);display:grid;place-items:center}.queue-actions button:hover{background:var(--product-soft);color:var(--product-text)}.queue-empty{min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1-75);color:var(--product-muted)}.queue-empty strong{color:var(--product-text)}.voice-library-picker{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--product-line);border-radius:var(--radius-xl);background:var(--product-soft)}.voice-library-picker header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.voice-library-picker header label,.voice-library-picker header>span{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--type-size-xs);font-weight:650}.voice-library-picker header label{min-width:0;padding:var(--space-1) var(--space-2);border:1px solid var(--product-line);border-radius:var(--radius-lg);font-weight:400}.voice-library-picker header input{min-width:0;width:110px;border:0;outline:0;background:transparent;color:var(--product-text);font-size:var(--type-size-2xs)}.voice-library-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:var(--space-1-5)}.voice-library-list button{position:relative;min-height:52px;padding:var(--space-2);border:1px solid var(--product-line);border-radius:var(--radius-lg);background:var(--product-bg);color:var(--product-text);text-align:left}.voice-library-list button.active{border-color:var(--workspace-accent);box-shadow:inset 0 0 0 1px var(--workspace-accent)}.voice-library-list button small,.voice-library-list button span{display:block}.voice-empty,.voice-library-list button small,.voice-library-message{color:var(--product-muted);font-size:var(--type-size-2xs)}.voice-library-list button svg{position:absolute;right:var(--space-2);top:var(--space-2);color:var(--workspace-accent)}.voice-preview-button{height:34px;border:0;border-radius:var(--radius-lg);background:var(--workspace-accent);color:var(--color-on-media);display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);font-size:var(--type-size-xs)}.voice-preview-button:disabled{opacity:.5}.voice-library-picker audio{width:100%;height:32px}.voice-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:52px}.voice-library-picker.compact{padding:var(--space-2-5)}