.final-product-shell{--final-bg:var(--color-bg-canvas);--final-card:var(--color-bg-surface);--final-text:var(--color-text-primary);--final-secondary:var(--color-text-secondary);--final-line:var(--color-border-subtle);--final-soft:var(--color-bg-soft);--final-purple:var(--color-brand-primary);--final-shadow:var(--shadow-md);background:var(--final-bg);color:var(--final-text);min-height:100vh}html[data-theme=dark] .final-product-shell{--final-bg:var(--color-bg-canvas);--final-card:var(--color-bg-surface);--final-text:var(--color-text-primary);--final-secondary:var(--color-text-secondary);--final-line:var(--color-border-subtle);--final-soft:var(--color-bg-soft);--final-shadow:var(--shadow-md)}.final-product-main{padding-top:88px;background:var(--final-bg);min-height:100vh}html[data-theme=dark] .final-home{padding-bottom:var(--space-5)}html[data-theme=dark] .final-product-main{background:radial-gradient(circle at 50% 22%,var(--color-home-canvas-glow),transparent 48%),var(--final-bg)}.final-header{height:88px;display:grid;grid-template-columns:255px minmax(600px,1fr) 355px;padding:0 var(--space-exact-31);border-bottom:0;background:color-mix(in srgb,var(--final-bg) 94%,transparent);box-shadow:var(--shadow-none)}.final-brand,.final-header{align-items:center;color:var(--final-text)}.final-brand{display:flex;gap:var(--space-2-75)}.final-brand .logo-mark{width:41px;height:41px;filter:none}.final-brand>span{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-0-5)}.final-brand strong{font-size:var(--type-size-title-sm);line-height:22px;letter-spacing:-.5px}.final-brand small{margin:0;padding:0;border:0;border-radius:0;color:var(--final-secondary);font-size:var(--type-size-sm);font-weight:500;letter-spacing:.2px;text-transform:none}.final-nav{justify-self:center;display:flex;align-items:center;gap:var(--space-exact-58);height:100%}.final-nav a{position:relative;padding:var(--space-exact-34) 0 var(--space-exact-30);border-radius:0;background:transparent!important;color:var(--final-text);font-size:var(--type-size-lg);font-weight:650;white-space:nowrap}.final-nav a.active,.final-nav a:hover{color:var(--final-purple)}.final-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--final-purple)}.final-header-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-exact-22)}.final-header-actions>button{position:relative;width:31px;height:38px;border:0;background:transparent;color:var(--color-icon);display:grid;place-items:center;cursor:pointer}.final-header-actions>button>svg{width:22px;height:22px}.final-header-actions>button.active,.final-header-actions>button:hover{color:var(--final-purple)}html[data-theme=dark] .final-header-actions>button{color:var(--color-icon)}.final-header-actions>button>i{position:absolute;right:-1px;top:2px;min-width:16px;height:16px;padding:0 var(--space-1);border:2px solid var(--final-bg);border-radius:var(--radius-lg-plus);background:var(--color-brand-badge);color:var(--color-on-media);font-size:var(--type-size-xs);font-style:normal;display:grid;place-items:center}.final-header-actions .user-menu-trigger{width:auto;display:flex;grid-auto-flow:column;align-items:center;gap:var(--space-2-5);color:var(--final-text);white-space:nowrap}.user-menu-trigger>span{width:38px;height:38px;border-radius:var(--radius-round);background:linear-gradient(155deg,var(--color-avatar-light),var(--color-avatar-dark));color:var(--color-avatar-text);display:grid;place-items:center;border:2px solid var(--final-bg);box-shadow:var(--shadow-inset-line)}.user-menu-trigger strong{font-size:var(--type-size-md);font-weight:600}.final-header .mobile-menu{display:none}.header-popover{position:absolute;right:30px;top:76px;z-index:90;border:1px solid var(--final-line);border-radius:var(--radius-popover);background:var(--final-card);color:var(--final-text);box-shadow:var(--shadow-popover)}.search-popover{width:360px;height:52px;padding:var(--space-1-5) var(--space-1-75) var(--space-1-5) var(--space-3-25);display:flex;align-items:center;gap:var(--space-2-25)}.search-popover input{min-width:0;flex:1;border:0;background:transparent;color:var(--final-text)}.search-popover input:focus{outline:0}.search-popover button{height:36px;border:0;border-radius:var(--radius-lg);background:var(--final-purple);color:var(--color-on-media);padding:0 var(--space-3-5)}.help-popover,.notice-popover,.user-popover{width:280px;padding:var(--space-exact-17)}.help-popover strong,.notice-popover strong,.user-popover>strong{display:block;margin-bottom:var(--space-2-5)}.notice-popover p{margin:0;padding:var(--space-2-5) 0;border-top:1px solid var(--final-line);color:var(--final-secondary);font-size:var(--type-size-body-sm)}.help-popover{display:flex;flex-direction:column;gap:var(--space-2-25)}.help-popover a{color:var(--final-text);text-decoration:none}.help-popover span{color:var(--final-secondary);font-size:var(--type-size-sm)}.user-popover>div{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1-25)}.user-popover button{height:46px;border:1px solid var(--final-line);border-radius:var(--radius-lg);background:var(--final-soft);color:var(--final-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-exact-3);font-size:var(--type-size-2xs)}.user-popover button.active{border-color:var(--final-purple);color:var(--final-purple)}.user-popover>a{display:block;margin-top:var(--space-3);padding-top:11px;border-top:1px solid var(--final-line);color:var(--final-text);text-decoration:none}.final-home{width:min(var(--layout-product-content-max),calc(100vw - 112px));margin:0 auto;padding:var(--space-exact-39) 0 var(--space-exact-42)}.final-hero{text-align:center}.final-hero h1{margin:0;display:flex;justify-content:center;align-items:center;font-size:var(--type-size-display);line-height:1.2;letter-spacing:5px;font-weight:800}.final-hero h1 span{margin:0 var(--space-0-5);color:var(--final-purple)}.final-hero h1 svg{width:31px;height:31px;margin-left:var(--space-exact-17);color:var(--final-purple);fill:var(--final-purple)}.final-hero>p{margin:var(--space-3-25) 0 0;color:var(--final-secondary);font-size:var(--type-size-xl);letter-spacing:1px}.final-composer{height:82px;width:min(900px,75vw);margin:var(--space-exact-21) auto var(--space-4-5);padding:0 var(--space-3-75) 0 var(--space-exact-23);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-brand);border-radius:var(--radius-3xl);background:var(--final-card);box-shadow:var(--shadow-md)}html[data-theme=dark] .final-composer{border-color:var(--color-border-brand)}.final-composer input{min-width:0;flex:1;border:0;background:transparent;color:var(--final-text);font-size:var(--type-size-lg)}.final-composer input::-moz-placeholder{color:var(--color-text-placeholder)}.final-composer input::placeholder{color:var(--color-text-placeholder)}.final-composer input:focus{outline:0}.final-composer button{flex:none;width:54px;height:54px;border:0;border-radius:var(--radius-popover);display:grid;place-items:center;cursor:pointer}.composer-magic{background:var(--color-brand-wash);color:var(--final-purple);border:1px solid var(--color-brand-line)!important}html[data-theme=dark] .composer-magic{background:var(--color-dark-brand-soft)}.composer-send{background:linear-gradient(145deg,var(--color-brand-600),var(--color-brand-800));color:var(--color-on-media);box-shadow:var(--shadow-brand-action)}.final-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-exact-26)}.final-mode-card{--mode-color:var(--color-mode-mix);position:relative;height:var(--layout-home-mode-card-height);padding:var(--space-exact-34) var(--space-exact-27);border:1px solid color-mix(in srgb,var(--mode-color) 17%,var(--final-line));border-radius:var(--radius-3xl);background:linear-gradient(135deg,var(--final-card) 48%,color-mix(in srgb,var(--mode-color) 7%,var(--final-card)));color:var(--final-text);text-decoration:none;overflow:hidden;box-shadow:var(--final-shadow);cursor:pointer;transition:transform .18s,box-shadow .18s}.final-mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-mode-hover)}html[data-theme=dark] .final-mode-card{border-color:color-mix(in srgb,var(--mode-color) 24%,var(--color-glass-border));background:linear-gradient(135deg,var(--color-glass-surface-strong) 42%,color-mix(in srgb,var(--mode-color) 12%,var(--color-glass-surface)));box-shadow:var(--shadow-glass-card);backdrop-filter:blur(var(--space-exact-22)) saturate(130%)}.mode-remix{--mode-color:var(--color-mode-remix)}.mode-narration{--mode-color:var(--color-mode-narration)}.mode-drama{--mode-color:var(--color-mode-drama)}.final-mode-copy{position:relative;z-index:3}.final-mode-copy h2{margin:0 0 var(--space-2);font-size:var(--type-size-card-title)}.mode-feature-tag{display:inline-flex;max-width:170px;margin:0 0 var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-round);background:color-mix(in srgb,var(--mode-color) 10%,transparent);color:var(--mode-color);font-size:var(--type-size-xs);font-weight:650;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-mode-copy p{margin:0;color:var(--final-secondary);font-size:var(--type-size-body);line-height:var(--type-line-relaxed)}.final-mode-copy p span{display:block}.mode-start{position:absolute;left:27px;bottom:25px;z-index:4;width:132px;height:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--mode-color) 84%,white),var(--mode-color));color:var(--color-on-media);display:flex;align-items:center;justify-content:center;gap:var(--space-3-25);font-size:var(--type-size-lg);box-shadow:var(--shadow-mode-button)}.final-mode-art{position:absolute;right:13px;top:37px;width:155px;height:155px;color:var(--mode-color);display:grid;place-items:center;pointer-events:none}.final-mode-art:after{content:"";position:absolute;inset:20px 0 0 12px;border-radius:var(--radius-round);background:var(--mode-color);filter:blur(26px);opacity:.12}.final-mode-art>span{position:absolute;left:20px;right:4px;bottom:19px;height:42px;background:linear-gradient(180deg,color-mix(in srgb,var(--mode-color) 35%,transparent),transparent);clip-path:polygon(0 100%,16% 39%,31% 75%,46% 21%,58% 65%,72% 35%,83% 75%,100% 20%,100% 100%)}.final-mode-art>svg{position:relative;z-index:2;filter:var(--shadow-mode-drop);stroke-width:1.7}.final-mode-art>i{position:absolute;z-index:3;width:51px;height:51px;border-radius:var(--radius-media);background:color-mix(in srgb,var(--mode-color) 74%,var(--color-neutral-925));color:var(--color-on-media);display:grid;place-items:center;box-shadow:var(--shadow-mode-art);font-style:normal}.featured-section{margin-top:var(--space-4-5)}html[data-theme=dark] .final-composer{border-color:var(--color-glass-border);background:var(--color-glass-surface-strong);box-shadow:var(--shadow-glass-card);backdrop-filter:blur(var(--space-exact-22)) saturate(130%)}.featured-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3-75)}.featured-heading h2{margin:0;font-size:var(--type-size-title)}.featured-heading h2 span{margin-left:var(--space-2-5);padding:var(--space-1) var(--space-2-25);border-radius:var(--radius-lg);background:var(--color-brand-wash-strong);color:var(--final-purple);font-size:var(--type-size-body-sm);vertical-align:middle}.featured-heading p{margin:var(--space-1-5) 0 0;color:var(--final-secondary);font-size:var(--type-size-body-sm)}.featured-heading>a{display:flex;align-items:center;gap:var(--space-2);color:var(--final-purple);text-decoration:none;font-size:var(--type-size-md);font-weight:650}.featured-track{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-exact-23)}.featured-card{min-width:0;border:1px solid var(--final-line);border-radius:var(--radius-2xl);background:var(--final-card);overflow:hidden;box-shadow:var(--final-shadow)}html[data-theme=dark] .featured-card{border-color:var(--color-glass-border);background:var(--color-glass-surface);box-shadow:var(--shadow-glass-card);backdrop-filter:blur(var(--space-exact-17)) saturate(125%)}.featured-preview{position:relative;width:100%;height:180px;padding:0;border:0;background:var(--color-neutral-black-soft);display:block;overflow:hidden;cursor:pointer}.featured-preview img,.works-gallery-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s}.featured-preview:hover img,.works-gallery-cover:hover img{transform:scale(1.035)}.featured-play,.works-gallery-cover>span{position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid var(--color-white-alpha-80);border-radius:var(--radius-round);background:var(--color-overlay-media);color:var(--color-on-media);display:grid;place-items:center;transform:translate(-50%,-50%);backdrop-filter:blur(4px)}.featured-preview time,.works-gallery-cover time{position:absolute;right:8px;bottom:8px;padding:var(--space-exact-3) var(--space-1-25);border-radius:var(--radius-sm);background:var(--color-overlay-label);color:var(--color-on-media);font-size:var(--type-size-sm)}.featured-info{padding:var(--space-2-5) var(--space-2-75) var(--space-2-75)}.featured-title-row{display:flex;align-items:center;gap:var(--space-1)}.featured-title-row strong{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--type-size-body-sm)}.featured-title-row button{width:22px;height:22px;border:0;background:transparent;color:var(--final-secondary);display:grid;place-items:center}.work-mode-tag{display:inline-block;margin-top:var(--space-1-75);padding:var(--space-exact-3) var(--space-1-75);border-radius:var(--radius-md);background:var(--color-tag-mix-bg);color:var(--color-tag-mix-text);font-size:var(--type-size-xs)}.tag-remix{background:var(--color-tag-remix-bg);color:var(--color-tag-remix-text)}.tag-narration{background:var(--color-tag-narration-bg);color:var(--color-tag-narration-text)}.tag-drama{background:var(--color-tag-drama-bg);color:var(--color-tag-drama-text)}.featured-stats{display:flex;gap:var(--space-exact-22);margin-top:var(--space-2-5);color:var(--final-secondary);font-size:var(--type-size-xs)}.featured-stats span{display:flex;align-items:center;gap:var(--space-1)}.featured-next{position:absolute;right:-33px;top:86px;width:48px;height:48px;border:1px solid var(--final-line);border-radius:var(--radius-round);background:var(--final-card);color:var(--final-text);display:grid;place-items:center;box-shadow:var(--shadow-floating)}.work-preview-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:var(--space-6);background:var(--color-overlay-backdrop);backdrop-filter:blur(7px)}.work-preview-modal{position:relative;width:min(820px,92vw);border:1px solid var(--final-line);border-radius:var(--radius-4xl);background:var(--final-card);color:var(--final-text);overflow:hidden;box-shadow:var(--shadow-modal)}.work-preview-modal video{display:block;width:100%;max-height:520px;background:var(--color-media-black)}.work-preview-modal>div{padding:var(--space-5)}.work-preview-modal h2{margin:var(--space-2-25) 0 var(--space-1-5)}.work-preview-modal p{color:var(--final-secondary)}.preview-close{position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;border:0;border-radius:var(--radius-round);background:var(--color-overlay-close);color:var(--color-on-media);display:grid;place-items:center}.works-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4-5)}.works-gallery-grid>article{border:1px solid var(--final-line);border-radius:var(--radius-card-sm);background:var(--final-card);overflow:hidden}.works-gallery-cover{position:relative;width:100%;height:210px;padding:0;border:0;background:var(--color-neutral-black-soft);display:block}.works-gallery-grid>article>div{padding:var(--space-3-5)}.works-gallery-grid strong{display:block;margin-top:var(--space-2)}.works-gallery-grid p{display:flex;gap:var(--space-4-5);color:var(--final-secondary)}.works-gallery-grid p span{display:flex;align-items:center;gap:var(--space-1-25)}@media(max-width:1280px){.final-header{grid-template-columns:220px minmax(530px,1fr) 275px;padding:0 var(--space-exact-22)}.final-nav{gap:var(--space-exact-35)}.final-header-actions{gap:var(--space-3-25)}.user-menu-trigger strong{display:none}.final-home{width:calc(100vw - 56px)}.final-mode-grid{gap:var(--space-3-5)}.featured-track{gap:var(--space-3)}.featured-preview{height:155px}}@media(max-width:900px){.final-product-main{padding-top:70px}.final-header{height:70px;grid-template-columns:1fr auto;padding:0 var(--space-4-5)}.final-brand .logo-mark{width:35px;height:35px}.final-brand strong{font-size:var(--type-size-2xl)}.final-nav{position:absolute;left:14px;right:14px;top:72px;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2-25);border:1px solid var(--final-line);border-radius:var(--radius-2xl);background:var(--final-card);box-shadow:var(--final-shadow)}.final-nav.is-open{display:flex}.final-nav a{padding:var(--space-3);border-radius:var(--radius-lg)}.final-header-actions>button:not(.mobile-menu),.final-nav a.active:after{display:none}.final-header-actions .mobile-menu{display:grid}.final-home{width:calc(100vw - 30px);padding-top:32px}.final-hero h1{font-size:var(--type-size-display-sm);letter-spacing:2px}.final-composer{width:100%;height:72px}.final-mode-grid{grid-template-columns:repeat(2,1fr)}.featured-track{grid-template-columns:repeat(3,1fr)}.featured-next{display:none}.works-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.final-brand small{display:block}.final-home{padding-top:25px}.final-hero h1{font-size:var(--type-size-heading);letter-spacing:0;flex-wrap:wrap}.final-hero h1 svg{width:22px;margin-left:var(--space-2)}.final-hero>p{font-size:var(--type-size-body)}.final-composer{height:64px;padding-left:14px}.final-composer input{font-size:var(--type-size-body)}.final-composer button{width:42px;height:42px}.composer-magic{display:none!important}.final-mode-grid{grid-template-columns:1fr}.final-mode-card{height:var(--layout-home-mode-card-height)}.featured-heading{align-items:flex-start}.featured-heading>a{font-size:0}.featured-heading>a svg{width:20px}.featured-track{grid-template-columns:repeat(2,1fr)}.featured-preview{height:140px}.works-gallery-grid{grid-template-columns:1fr}}.account-menu-links{display:grid;gap:var(--space-0-5)}.account-menu-links a{min-height:40px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-lg);color:var(--final-text);text-decoration:none;font-size:var(--type-size-sm)}.account-menu-links a:focus-visible,.account-menu-links a:hover{background:var(--final-soft)}.account-menu-links svg,.account-menu-logout svg{width:16px;height:16px}.user-popover .account-menu-logout{width:100%;height:40px;margin-top:var(--space-2);display:flex;flex-direction:row;gap:var(--space-2);border:0;border-top:1px solid var(--final-line);border-radius:0;background:transparent;color:var(--final-secondary)}.user-popover .account-menu-logout:disabled{cursor:not-allowed;opacity:.55}@media(min-width:901px){.final-home{padding-top:45px}}.final-header-actions .notification-icon{position:relative;width:var(--space-exact-22);height:var(--space-exact-22);display:grid;place-items:center}.final-header-actions .notification-icon>svg{width:100%;height:100%}.final-header-actions .notification-badge{position:absolute;z-index:1;inset-block-start:0;inset-inline-end:0;min-width:var(--space-4-5);height:var(--space-4-5);display:grid;place-items:center;padding-inline:var(--space-1-25);border:0;border-radius:var(--radius-pill);background:var(--color-notification-badge);color:var(--color-on-media);box-sizing:border-box;font-family:var(--type-family-sans);font-size:var(--type-size-notification-badge);font-weight:var(--type-weight-bold);font-variant-numeric:tabular-nums;line-height:normal;letter-spacing:var(--type-tracking-notification-badge);box-shadow:var(--shadow-notification-badge);transform:translate(60%,-50%);white-space:nowrap;pointer-events:none}.final-header-actions .notification-badge[data-width=compact]{width:var(--space-4-5);padding-inline:0}html[data-theme=dark] .final-product-shell:has(.final-home){background:var(--vf-home-bg)}html[data-theme=dark] .final-product-shell:has(.final-home) .final-header{background:var(--vf-home-nav-bg);box-shadow:var(--shadow-none)}html[data-theme=dark] .final-product-main:has(.final-home){background:radial-gradient(circle at 50% 28%,var(--vf-home-hero-glow),var(--color-transparent) 42%),var(--vf-home-bg)}html[data-theme=dark] .final-home .final-mode-grid{position:relative;isolation:isolate}html[data-theme=dark] .final-home .final-mode-grid:before{content:"";position:absolute;z-index:0;inset:var(--space-4) 0 calc(var(--space-2) * -1);border-radius:var(--radius-3xl);background:radial-gradient(circle at 12.5% 50%,color-mix(in srgb,var(--color-mode-mix) 6%,var(--color-transparent)),var(--color-transparent) 18%),radial-gradient(circle at 37.5% 50%,color-mix(in srgb,var(--color-mode-remix) 6%,var(--color-transparent)),var(--color-transparent) 18%),radial-gradient(circle at 62.5% 50%,color-mix(in srgb,var(--color-mode-narration) 6%,var(--color-transparent)),var(--color-transparent) 18%),radial-gradient(circle at 87.5% 50%,color-mix(in srgb,var(--color-mode-drama) 6%,var(--color-transparent)),var(--color-transparent) 18%);filter:blur(var(--space-exact-22));pointer-events:none}html[data-theme=dark] .final-home .final-composer{background:linear-gradient(135deg,var(--vf-home-glass-bg-strong),var(--vf-home-composer-surface));box-shadow:var(--shadow-home-composer)}html[data-theme=dark] .final-home .final-composer,html[data-theme=dark] .final-home .final-mode-card{border-color:var(--vf-home-glass-border);backdrop-filter:blur(var(--vf-home-glass-blur)) saturate(var(--vf-home-glass-saturation));-webkit-backdrop-filter:blur(var(--vf-home-glass-blur)) saturate(var(--vf-home-glass-saturation))}html[data-theme=dark] .final-home .final-mode-card{z-index:1;contain:paint;background:linear-gradient(135deg,var(--vf-home-glass-bg-strong),var(--vf-home-glass-bg));box-shadow:var(--shadow-home-glass)}html[data-theme=dark] .final-home .final-mode-card:before{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--vf-home-glass-reflection),var(--vf-home-glass-bg) 35%,var(--color-transparent) 65%);opacity:var(--opacity-home-glass-reflection);pointer-events:none}html[data-theme=dark] .final-home .final-mode-card:hover{transform:translateY(calc(var(--space-exact-1) * -1));border-color:var(--vf-home-glass-border-hover);box-shadow:var(--shadow-home-glass-hover)}html[data-theme=dark] .final-home .final-mode-art:after{opacity:var(--opacity-home-mode-glow)}html[data-theme=dark] .final-home .final-mode-art>svg{filter:none}.final-home .final-mode-art{top:var(--space-1);right:var(--space-3-5);width:var(--layout-home-mode-art-size);height:var(--layout-home-mode-art-size)}.final-home .final-mode-art>.mode-brand-icon{width:var(--layout-home-mode-icon-size)!important;height:var(--layout-home-mode-icon-size)!important}.final-home .mode-start{width:var(--layout-home-mode-action-width);height:var(--layout-home-mode-action-height);gap:var(--space-2);border-radius:var(--radius-xl);font-weight:var(--type-weight-semibold)}html[data-theme=dark] .final-home .featured-card{border-color:var(--vf-home-glass-border);background:var(--vf-home-feature-surface);box-shadow:var(--shadow-home-feature);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .18s,box-shadow .18s,border-color .18s}html[data-theme=dark] .final-home .featured-card:hover{transform:translateY(calc(var(--space-exact-1) * -1));border-color:var(--vf-home-glass-border-hover);box-shadow:var(--shadow-home-feature-hover)}html[data-theme=dark] .final-home .featured-next{border-color:var(--vf-home-glass-border);background:var(--vf-home-feature-surface);box-shadow:var(--shadow-home-feature)}html[data-theme=dark] .final-header .final-nav a:not(.active),html[data-theme=dark] .final-header .user-menu-trigger strong,html[data-theme=dark] .final-home .featured-heading h2,html[data-theme=dark] .final-home .featured-title-row strong,html[data-theme=dark] .final-home .final-hero h1,html[data-theme=dark] .final-home .final-mode-copy h2{color:var(--vf-text-primary)}html[data-theme=dark] .final-header .final-brand small,html[data-theme=dark] .final-header-actions>button,html[data-theme=dark] .final-home .featured-heading p,html[data-theme=dark] .final-home .final-hero>p,html[data-theme=dark] .final-home .final-mode-copy p{color:var(--vf-text-secondary)}html[data-theme=dark] .final-home .final-composer input{color:var(--vf-text-primary);font-weight:var(--type-weight-medium)}html[data-theme=dark] .final-home .final-composer input::-moz-placeholder{color:var(--vf-text-tertiary)}html[data-theme=dark] .final-home .featured-stats,html[data-theme=dark] .final-home .featured-title-row button,html[data-theme=dark] .final-home .final-composer input::placeholder{color:var(--vf-text-tertiary)}html[data-theme=dark] .final-home .featured-title-row strong,html[data-theme=dark] .final-home .final-mode-copy h2{font-weight:var(--type-weight-semibold)}html[data-theme=dark] .final-home .featured-heading p,html[data-theme=dark] .final-home .final-mode-copy p{font-weight:var(--type-weight-medium)}html[data-theme=dark] .final-home .final-mode-copy p{line-height:var(--type-line-readable)}html[data-theme=dark] .final-home .mode-feature-tag{font-weight:var(--type-weight-bold)}html[data-theme=dark] .final-home .featured-preview time,html[data-theme=dark] .final-home .featured-stats,html[data-theme=dark] .final-home .work-mode-tag{font-weight:var(--type-weight-medium)}html[data-theme=dark] .final-home .featured-heading>a{font-weight:var(--type-weight-bold)}.final-header .user-popover>a:only-child{margin-top:var(--space-0);padding-top:var(--space-0);border-top:0}@media (max-width:639px){.asset-filter>button,.featured-heading>a,.featured-title-row button,.final-header .mobile-menu,.final-header-actions>button,.inspiration-card>div:last-child>a,.inspiration-card>div:last-child>button,.library-toolbar>div>button,.library-toolbar>label,.library-toolbar>label>input,.product-library-page .library-primary{min-width:44px;min-height:44px}.featured-heading>a,.inspiration-card>div:last-child>a,.inspiration-card>div:last-child>button{display:inline-flex;align-items:center;justify-content:center}.library-toolbar>label{display:flex;align-items:center}.product-library-page .library-primary{display:inline-flex;align-items:center}.asset-filter,.inspiration-card>div:last-child,.library-toolbar>div{align-items:stretch}}.creation-workspace{--cw-accent:var(--vf-purple-500);--cw-accent-soft:color-mix(in srgb,var(--cw-accent) 14%,transparent);--cw-surface:color-mix(in srgb,var(--vf-surface-2) 86%,transparent);--cw-surface-strong:color-mix(in srgb,var(--vf-surface-3) 94%,transparent);--cw-line:var(--vf-border-subtle);--cw-page-gutter:clamp(1rem,3vw,3rem);--cw-section-gap:clamp(0.75rem,1vw,1.25rem);--cw-panel-height:clamp(22rem,42dvh,30rem);--cw-body-size:clamp(0.875rem,0.84rem + 0.12vw,1rem);--vds-card-padding-md:clamp(1rem,1.15vw,1.5rem);width:min(120rem,calc(100% - var(--cw-page-gutter) * 2));min-height:calc(100dvh - var(--vf-navbar-height));margin:0 auto;padding:clamp(.75rem,1.4vw,1.5rem) 0 max(1rem,env(safe-area-inset-bottom));color:var(--vf-text-primary);container:creation-workspace/inline-size}.creation-workspace--narration{--cw-accent:var(--vf-success)}.creation-workspace--drama{--cw-accent:var(--vf-warning)}.creation-workspace--remix{--cw-accent:var(--vf-blue-500)}.creation-workspace--narration{--cw-accent:#68ddc1;background:radial-gradient(ellipse 38% 30% at 72% 14%,rgba(57,206,175,.1),transparent 72%),radial-gradient(ellipse 28% 24% at 8% 58%,rgba(68,143,255,.08),transparent 74%)}.creation-workspace--narration .cw-panel{position:relative;background:linear-gradient(135deg,rgba(12,39,51,.82),rgba(5,17,28,.95))}.creation-workspace--narration .cw-panel--preview:before,.creation-workspace--narration .cw-panel--source:before{content:"";position:absolute;top:0;right:1.25rem;left:1.25rem;height:1px;background:linear-gradient(90deg,transparent,rgba(104,221,193,.9),rgba(117,191,255,.74),transparent);pointer-events:none}.creation-workspace--narration .cw-dropzone{border-style:solid;border-color:color-mix(in srgb,var(--cw-accent) 36%,var(--vf-border-default));background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(104,221,193,.06) 10px 11px),var(--cw-accent-soft)}.creation-workspace--narration .cw-preview-canvas{border-color:color-mix(in srgb,var(--cw-accent) 42%,var(--vf-border-default));background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(104,221,193,.1) 12px 14px,transparent 14px 20px),radial-gradient(circle at 66% 28%,rgba(104,221,193,.17),transparent 34%),linear-gradient(145deg,var(--vf-surface-1),var(--vf-surface-3))}.creation-workspace--narration .cw-preview-canvas:after{content:"VOICE / SCRIPT / SUBTITLE";position:absolute;top:var(--vf-space-3);right:var(--vf-space-3);color:rgba(177,248,232,.76);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.creation-workspace--narration .cw-progress-track i{background:linear-gradient(90deg,#68ddc1,#67b7ff);box-shadow:0 0 14px rgba(104,221,193,.45)}.creation-workspace--remix{--cw-accent:#61cfff;background:radial-gradient(ellipse 36% 28% at 74% 14%,rgba(66,180,255,.12),transparent 72%),linear-gradient(180deg,rgba(7,20,39,.45),transparent 34%)}.creation-workspace--remix .cw-panel{background:linear-gradient(135deg,rgba(13,34,61,.85),rgba(5,15,28,.95))}.creation-workspace--remix .cw-panel--source{clip-path:polygon(0 0,92% 0,100% 14%,100% 100%,0 100%)}.creation-workspace--remix .cw-dropzone{border-style:solid;background:linear-gradient(135deg,rgba(61,177,255,.12),rgba(7,19,34,.74))}.creation-workspace--remix .cw-preview-canvas{border-color:rgba(104,207,255,.46);background:linear-gradient(90deg,rgba(97,207,255,.14) 1px,transparent 1px),linear-gradient(rgba(97,207,255,.1) 1px,transparent 1px),radial-gradient(circle at 68% 28%,rgba(97,207,255,.19),transparent 36%),var(--vf-surface-1);background-size:34px 34px,34px 34px,auto,auto}.creation-workspace--remix .cw-progress-track i{background:linear-gradient(90deg,#61cfff,#6e8dff);box-shadow:0 0 14px rgba(97,207,255,.4)}.creation-workspace--mix{--cw-accent:#d18bff;background:radial-gradient(ellipse 40% 30% at 74% 12%,rgba(209,139,255,.13),transparent 72%),radial-gradient(ellipse 30% 25% at 12% 64%,rgba(255,122,90,.08),transparent 72%)}.creation-workspace--mix .cw-panel{background:linear-gradient(135deg,rgba(35,20,56,.86),rgba(9,13,28,.96))}.creation-workspace--mix .cw-panel--preview{box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 56px rgba(0,0,0,.32)}.creation-workspace--mix .cw-dropzone{border-style:solid;border-color:color-mix(in srgb,var(--cw-accent) 44%,var(--vf-border-default));background:repeating-linear-gradient(-42deg,rgba(209,139,255,.1) 0 1px,transparent 1px 14px),var(--cw-accent-soft)}.creation-workspace--mix .cw-preview-canvas{border-color:rgba(209,139,255,.5);background:repeating-linear-gradient(90deg,rgba(209,139,255,.13) 0 2px,transparent 2px 18px),radial-gradient(circle at 70% 28%,rgba(209,139,255,.2),transparent 34%),linear-gradient(145deg,var(--vf-surface-1),var(--vf-surface-3))}.creation-workspace--mix .cw-preview-canvas:after{content:"RHYTHM / IMPACT / CUT";position:absolute;top:var(--vf-space-3);right:var(--vf-space-3);color:rgba(234,198,255,.78);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.creation-workspace--mix .cw-progress-track i{background:linear-gradient(90deg,#d18bff,#ff9a78);box-shadow:0 0 14px rgba(209,139,255,.44)}@media (min-width:160rem){.creation-workspace{--cw-page-gutter:3rem;--cw-section-gap:1.25rem;--cw-panel-height:min(34rem,46dvh);--vds-card-padding-md:1.5rem}.ai-drama-video,.cw-panel--preview{min-height:min(34rem,46dvh)}}.creation-workspace a,.creation-workspace button,.creation-workspace input,.creation-workspace textarea{min-height:2.75rem}.creation-workspace .vds-button{min-height:2.75rem;height:auto;max-width:100%;padding-block:.625rem;font-size:clamp(.8125rem,.78rem + .1vw,.9375rem);line-height:1.25;white-space:normal;text-align:center}.final-product-shell:has(.creation-workspace) .final-header-actions .mobile-menu{width:44px;height:44px}.cw-header{min-height:clamp(4.5rem,5.5vw,5.5rem);display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(18rem,1.2fr) auto;align-items:center;gap:clamp(.75rem,1.4vw,1.5rem);padding:clamp(.75rem,1vw,1rem) clamp(.75rem,1.4vw,1.25rem);border:1px solid var(--cw-line);border-radius:var(--vf-radius-20);background:var(--vf-glass-bg);box-shadow:var(--vf-shadow-card);backdrop-filter:blur(var(--vf-glass-blur))}.cw-header__identity{min-width:0;display:flex;align-items:center;gap:var(--vf-space-3)}.cw-icon-link,.cw-mode-mark{width:2.75rem;height:2.75rem;flex:none;display:grid;place-items:center;border-radius:var(--vf-radius-12)}.cw-icon-link{border:1px solid var(--vf-border-default);color:var(--vf-text-secondary);text-decoration:none}.cw-icon-link:hover{border-color:var(--cw-accent);color:var(--vf-text-primary);background:var(--cw-accent-soft)}.cw-mode-mark{background:var(--cw-accent-soft);color:var(--cw-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cw-accent) 30%,transparent),0 0 26px color-mix(in srgb,var(--cw-accent) 20%,transparent)}.cw-icon-link svg,.cw-mode-mark svg{width:var(--vf-icon-20);height:var(--vf-icon-20)}.cw-header__identity>div:last-child{min-width:0}.cw-header__identity span{display:block;color:var(--cw-accent);font-size:var(--vf-text-11);font-weight:var(--vf-font-semibold);letter-spacing:.08em}.cw-header__identity h1{margin:var(--vf-space-1) 0 0;overflow:hidden;color:var(--vf-text-primary);font-size:clamp(1rem,.94rem + .2vw,1.25rem);text-overflow:ellipsis;white-space:nowrap}.cw-project-field{min-width:0;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:var(--vf-space-2)}.cw-project-field label{color:var(--vf-text-tertiary);font-size:var(--vf-text-12)}.cw-project-field input{width:100%;min-width:0;padding:0 var(--vf-space-3);border:1px solid transparent;border-radius:var(--vf-radius-12);background:var(--vf-surface-3);color:var(--vf-text-primary);font-weight:var(--vf-font-medium)}.cw-project-field input:focus{border-color:var(--cw-accent);outline:none;box-shadow:var(--vf-shadow-purple-glow)}.cw-save-state{display:inline-flex;align-items:center;gap:var(--vf-space-1);color:var(--vf-text-tertiary);font-size:var(--vf-text-11);white-space:nowrap}.cw-save-state svg{width:var(--vf-icon-12);height:var(--vf-icon-12)}.cw-save-state--unsaved{color:var(--vf-warning)}.cw-save-state--saving{color:var(--vf-info)}.cw-save-state--saving svg{animation:cw-spin .8s linear infinite}.cw-header__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--vf-space-2)}.cw-header__links>a{display:inline-flex;align-items:center;gap:var(--vf-space-1);padding:0 var(--vf-space-3);border-radius:var(--vf-radius-12);color:var(--vf-text-secondary);font-size:var(--vf-text-12);text-decoration:none}.cw-header__links>a:hover{background:var(--cw-accent-soft);color:var(--vf-text-primary)}.cw-header__links svg{width:var(--vf-icon-16);height:var(--vf-icon-16)}.cw-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(1rem,2.5vw,2.5rem);padding:clamp(1.5rem,3vw,3rem) clamp(0rem,.6vw,.5rem) clamp(1rem,1.8vw,1.75rem)}.cw-intro h2{margin:var(--vf-space-3) 0 0;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}.cw-intro p{max-width:48rem;margin:var(--vf-space-2) 0 0;color:var(--vf-text-secondary);font-size:var(--cw-body-size);line-height:1.7}.cw-steps{display:flex;align-items:stretch;gap:clamp(.375rem,.6vw,.75rem);margin-bottom:var(--cw-section-gap);overflow-x:auto;border:1px solid var(--cw-line);border-radius:var(--vf-radius-16);background:var(--cw-surface);scrollbar-width:thin}.cw-step,.cw-steps{padding:clamp(.375rem,.6vw,.75rem)}.cw-step{min-width:8rem;flex:1 1 8rem;display:grid;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;gap:var(--vf-space-2);border:0;border-radius:var(--vf-radius-12);background:transparent;color:var(--vf-text-tertiary);text-align:left}.cw-step>span{width:1.75rem;height:1.75rem;display:grid;place-items:center;border:1px solid var(--vf-border-default);border-radius:var(--vf-radius-full);font-size:.6875rem}.cw-step>span svg{width:var(--vf-icon-12);height:var(--vf-icon-12)}.cw-step strong{overflow:hidden;font-size:clamp(.75rem,.72rem + .08vw,.875rem);font-weight:var(--vf-font-medium);text-overflow:ellipsis;white-space:nowrap}.cw-step--active{background:var(--cw-accent-soft);color:var(--vf-text-primary)}.cw-step--active>span{border-color:var(--cw-accent);background:var(--cw-accent);color:var(--vf-text-inverse);box-shadow:0 0 18px color-mix(in srgb,var(--cw-accent) 35%,transparent)}.cw-step--complete{color:var(--vf-text-secondary)}.cw-step--complete>span{border-color:color-mix(in srgb,var(--cw-accent) 46%,transparent);color:var(--cw-accent)}.cw-step:hover{background:var(--cw-accent-soft);color:var(--vf-text-secondary)}.cw-step:focus-visible{outline-color:var(--cw-accent)}.cw-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.55fr) minmax(0,.8fr);grid-template-areas:"source preview settings" "progress progress progress" "error error error";gap:var(--cw-section-gap);align-items:stretch}.panel.vds-card.cw-panel{min-width:0;overflow:hidden;border-color:var(--cw-line);border-radius:var(--vf-radius-20);background:var(--cw-surface);box-shadow:var(--vf-shadow-card);transition:border-color var(--vf-duration-normal) var(--vf-ease-standard),box-shadow var(--vf-duration-normal) var(--vf-ease-standard)}.panel.vds-card.cw-panel:hover{border-color:color-mix(in srgb,var(--cw-accent) 28%,var(--cw-line));box-shadow:var(--vf-shadow-soft)}.panel.vds-card.cw-panel:focus-within{border-color:color-mix(in srgb,var(--cw-accent) 46%,var(--cw-line))}.cw-panel:not(.ai-drama-card)>header{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-space-3);margin-bottom:var(--vf-space-4)}.cw-panel:not(.ai-drama-card)>header>div{display:flex;align-items:center;gap:var(--vf-space-2)}.cw-panel:not(.ai-drama-card)>header>div>span{color:var(--cw-accent);font-size:var(--vf-text-11);font-weight:var(--vf-font-bold)}.cw-panel:not(.ai-drama-card)>header h2{margin:0;font-size:var(--vf-text-16)}.cw-panel:not(.ai-drama-card)>header>svg{color:var(--cw-accent)}.cw-panel>p{margin:calc(var(--vf-space-2) * -1) 0 var(--vf-space-4);color:var(--vf-text-tertiary);font-size:var(--vf-text-12);line-height:1.6}.cw-panel--source{grid-area:source}.cw-panel--preview{grid-area:preview;min-height:var(--cw-panel-height)}.cw-panel--settings{grid-area:settings}.cw-panel--progress{grid-area:progress}.cw-dropzone{width:100%;min-height:clamp(7rem,14dvh,9rem)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vf-space-2);padding:clamp(.75rem,1.2vw,1.25rem);border:1px dashed color-mix(in srgb,var(--cw-accent) 45%,var(--vf-border-default));border-radius:var(--vf-radius-16);background:var(--cw-accent-soft);color:var(--vf-text-secondary)}.cw-dropzone:hover{border-style:solid;background:color-mix(in srgb,var(--cw-accent) 19%,transparent)}.cw-dropzone>svg{color:var(--cw-accent)}.cw-dropzone strong{color:var(--vf-text-primary)}.cw-dropzone span{font-size:var(--vf-text-11)}.cw-file-list{max-height:116px;margin:var(--vf-space-3) 0 0;padding:0;overflow-y:auto;list-style:none}.cw-file-list,.cw-file-list li{display:grid;gap:var(--vf-space-2)}.cw-file-list li{min-height:42px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 var(--vf-space-2);border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-8);background:var(--vf-surface-3)}.cw-file-list li>svg{width:var(--vf-icon-16);color:var(--cw-accent)}.cw-file-list li>span{overflow:hidden;font-size:var(--vf-text-12);text-overflow:ellipsis;white-space:nowrap}.cw-brief{display:grid;gap:var(--vf-space-2);margin-top:var(--vf-space-4)}.cw-brief>span{color:var(--vf-text-secondary);font-size:var(--vf-text-12);font-weight:var(--vf-font-medium)}.cw-brief textarea{width:100%;min-height:clamp(7rem,14dvh,9rem);resize:vertical;padding:var(--vf-space-3);border:1px solid var(--vf-border-default);border-radius:var(--vf-radius-12);outline:0;background:var(--vf-surface-3);color:var(--vf-text-primary);font-size:var(--cw-body-size);line-height:1.6}.cw-brief textarea:focus{border-color:var(--cw-accent);box-shadow:var(--vf-shadow-purple-glow)}.cw-brief textarea::-moz-placeholder{color:var(--vf-text-tertiary)}.cw-brief textarea::placeholder{color:var(--vf-text-tertiary)}.cw-preview-loading{height:clamp(17rem,34dvh,24rem);gap:var(--vf-space-4);padding:clamp(1.25rem,2vw,2rem)}.cw-preview-canvas,.cw-preview-loading{display:flex;flex-direction:column;justify-content:center}.cw-preview-canvas{position:relative;min-height:clamp(17rem,34dvh,24rem);align-items:center;gap:var(--vf-space-3);overflow:hidden;border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-16);background:radial-gradient(circle at 70% 25%,var(--cw-accent-soft),transparent 32%),linear-gradient(145deg,var(--vf-surface-1),var(--vf-surface-3));text-align:center}.cw-preview-canvas:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(var(--vf-border-faint) 1px,transparent 1px),linear-gradient(90deg,var(--vf-border-faint) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.cw-preview-canvas>div,.cw-preview-canvas>p,.cw-preview-canvas>span,.cw-preview-canvas>strong{position:relative;z-index:1}.cw-preview-canvas>span{color:var(--cw-accent);font-size:var(--vf-text-12);font-weight:var(--vf-font-bold);letter-spacing:.16em}.cw-preview-canvas>strong{font-size:clamp(1.5rem,1.15rem + 1.3vw,2.5rem);letter-spacing:-.04em;text-wrap:balance}.cw-preview-canvas>p{max-width:430px;margin:0;padding:0 var(--vf-space-5);color:var(--vf-text-secondary);line-height:1.7}.cw-preview-canvas>.cw-preview-state{width:auto;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-space-2);margin-top:var(--vf-space-3);padding:var(--vf-space-2) var(--vf-space-3);border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-full);background:color-mix(in srgb,var(--cw-surface-strong) 92%,transparent);color:var(--vf-text-secondary);font-size:var(--vf-text-12)}.cw-preview-state>svg{width:var(--vf-icon-16);height:var(--vf-icon-16);color:var(--cw-accent)}.cw-preview-state>i{width:3px;height:3px;border-radius:var(--vf-radius-full);background:var(--vf-text-tertiary)}.cw-panel--settings{display:flex;flex-direction:column}.cw-panel--settings fieldset{display:grid;gap:var(--vf-space-2);margin:0 0 var(--vf-space-4);padding:var(--vf-space-3);border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-12)}.cw-panel--settings legend{padding:0 var(--vf-space-1);color:var(--vf-text-secondary);font-size:var(--vf-text-12)}.cw-panel--settings fieldset label{min-height:44px;display:flex;align-items:center;gap:var(--vf-space-2);color:var(--vf-text-secondary);font-size:var(--vf-text-12)}.cw-panel--settings input[type=checkbox],.cw-panel--settings input[type=radio]{min-height:auto;accent-color:var(--cw-accent)}.cw-control{display:grid;gap:var(--vf-space-2);margin-bottom:var(--vf-space-4);color:var(--vf-text-secondary);font-size:var(--vf-text-12)}.cw-control input[type=range]{width:100%;min-height:44px;accent-color:var(--cw-accent)}.cw-truth-note{display:flex;gap:var(--vf-space-2);margin-top:auto!important;padding:var(--vf-space-3);border-radius:var(--vf-radius-12);background:var(--cw-accent-soft);color:var(--vf-text-secondary)!important}.cw-truth-note svg{width:var(--vf-icon-16);height:var(--vf-icon-16);flex:none;color:var(--cw-accent)}.cw-panel--progress>header{margin-bottom:var(--vf-space-3)}.cw-progress-track{height:7px;overflow:hidden;border-radius:var(--vf-radius-full);background:var(--vf-surface-4)}.cw-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--vf-gradient-primary);transition:width var(--vf-duration-normal) var(--vf-ease-standard)}.cw-panel--progress>p{margin:var(--vf-space-3) 0 0}.cw-error{grid-area:error;min-height:54px;display:flex;align-items:center;gap:var(--vf-space-3);padding:var(--vf-space-3) var(--vf-space-4);border:1px solid var(--vf-danger);border-radius:var(--vf-radius-12);background:var(--vf-danger-soft);color:var(--vf-danger)}.cw-error svg{width:var(--vf-icon-18)}.cw-action-bar{position:relative;width:100%;min-height:clamp(4rem,6dvh,4.75rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:clamp(.5rem,.8vw,.75rem);margin-top:var(--cw-section-gap);margin-bottom:max(0rem,env(safe-area-inset-bottom));padding:clamp(.5rem,.8vw,.75rem);border:1px solid var(--vf-glass-border);border-radius:var(--vf-radius-20);background:var(--vf-glass-bg);box-shadow:var(--vf-shadow-floating);backdrop-filter:blur(var(--vf-glass-blur))}.cw-settings-toggle{display:none!important}@media (max-width:80rem){.cw-header{grid-template-columns:minmax(17.5rem,.9fr) minmax(16rem,1fr)}.cw-header__links{grid-column:1/-1;justify-content:flex-end;padding-top:var(--vf-space-2);border-top:1px solid var(--vf-border-subtle)}.cw-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);grid-template-areas:"source preview" "settings preview" "progress progress" "error error"}}@media (max-width:64rem){.cw-header{grid-template-columns:1fr}.cw-project-field{grid-template-columns:auto minmax(0,1fr) auto}.cw-header__links{grid-column:auto;justify-content:flex-start;overflow-x:auto}.cw-intro{padding-top:var(--vf-space-6)}.cw-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"source preview" "progress progress" "settings settings" "error error"}.cw-panel--settings:not(.is-open){display:none}.cw-settings-toggle{display:inline-flex!important}}@media (max-width:56rem){.creation-workspace{--cw-page-gutter:clamp(1rem,4vw,1.75rem);padding-top:var(--vf-space-3)}.cw-header{gap:var(--vf-space-3);padding:var(--vf-space-3)}.cw-header__identity{align-items:flex-start}.cw-project-field{grid-template-columns:1fr auto}.cw-project-field label{grid-column:1/-1}.cw-save-state{justify-self:end}.cw-header__links>a{padding-inline:var(--vf-space-2)}.cw-intro{display:block;padding:var(--vf-space-6) 0 var(--vf-space-4)}.cw-intro>.vds-badge{margin-top:var(--vf-space-3)}.cw-steps{width:100%;margin-inline:0;padding-inline:var(--vf-space-2)}.cw-grid{display:flex;flex-direction:column}.cw-panel--preview{min-height:clamp(20rem,48dvh,26rem);order:-1}.cw-preview-canvas{min-height:clamp(16rem,38dvh,21rem)}.cw-action-bar{min-height:4rem;justify-content:flex-start}.cw-action-bar .vds-button{flex:none}.cw-action-bar .vds-button--primary{margin-left:auto}}@media (max-width:30rem){.creation-workspace{--cw-page-gutter:clamp(0.75rem,4vw,1rem)}.cw-header__identity h1{font-size:1rem}.cw-header__links{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.cw-header__links>.vds-button,.cw-header__links>a{width:100%;justify-content:center;padding-inline:var(--vf-space-1)}.cw-header__links>a{font-size:var(--vf-text-11)}.cw-intro h2{font-size:clamp(1.625rem,7.5vw,2rem)}.cw-intro p{font-size:clamp(.875rem,3.8vw,1rem)}.cw-panel--preview{min-height:clamp(18rem,52dvh,23rem)}.cw-preview-canvas{min-height:clamp(14rem,40dvh,19rem)}.cw-dropzone{min-height:7rem!important}.cw-action-bar>.vds-button:first-child{display:none}.cw-action-bar .vds-button--primary{flex:1}}@media (prefers-reduced-motion:reduce){.panel.vds-card.cw-panel{transition:none}.cw-save-state--saving svg{animation:none}.cw-progress-track i{transition:none}}@keyframes cw-spin{to{transform:rotate(1turn)}}.final-product-shell:has(.ai-drama-workspace) .final-nav a{min-width:44px}.final-product-shell:has(.ai-drama-workspace) .final-header-actions>button{width:44px;min-width:44px;height:44px}.final-product-shell:has(.ai-drama-workspace) .final-header-actions .user-menu-trigger{width:auto}.ai-drama-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.55fr) minmax(0,.8fr);grid-template-areas:"source preview settings" "progress progress progress" "details details details" "error error error";align-items:stretch}.panel.vds-card.ai-drama-card{min-width:0;overflow:hidden;border-color:var(--cw-line);border-radius:var(--vf-radius-20);background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--cw-accent) 8%,transparent),transparent 34%),var(--cw-surface);box-shadow:var(--vf-shadow-card);transition:border-color var(--vf-duration-normal) var(--vf-ease-standard),box-shadow var(--vf-duration-normal) var(--vf-ease-standard)}.panel.vds-card.ai-drama-card:hover{border-color:color-mix(in srgb,var(--cw-accent) 28%,var(--cw-line));box-shadow:var(--vf-shadow-soft)}.panel.vds-card.ai-drama-card:focus-within{border-color:color-mix(in srgb,var(--cw-accent) 46%,var(--cw-line))}.ai-drama-card .vds-section-header{margin-bottom:var(--vf-space-4)}.ai-drama-card .vds-section-header h2{font-size:clamp(1rem,.94rem + .2vw,1.25rem)}.ai-drama-card .vds-section-header__action>svg{width:var(--vf-icon-20);height:var(--vf-icon-20);color:var(--cw-accent)}.creation-workspace--drama .ai-drama-card .vds-section-header__eyebrow{color:var(--cw-accent)}.ai-drama-parameters{grid-area:settings;min-width:0;max-height:var(--cw-panel-height);display:grid;align-content:start;gap:var(--vf-space-3);overflow-y:auto;scrollbar-width:thin}.ai-drama-detail-grid{grid-area:details;min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--cw-section-gap);align-items:stretch}.ai-drama-script{grid-column:span 5}.ai-drama-storyboard{grid-column:span 7}.ai-drama-shots{grid-column:span 8}.ai-drama-export{grid-column:span 4}.ai-drama-idea .vds-prompt-box{min-height:clamp(7rem,14dvh,9rem);align-items:stretch;flex-wrap:wrap;border-color:color-mix(in srgb,var(--cw-accent) 32%,var(--vf-border-default));background:color-mix(in srgb,var(--vf-glass-bg) 92%,transparent)}.ai-drama-idea .vds-prompt-box textarea{width:100%;flex-basis:100%;min-height:clamp(5.5rem,10dvh,7rem);padding-block:var(--vf-space-3);line-height:1.65;resize:vertical}.ai-drama-idea .vds-prompt-box .vds-button{margin-left:auto}.ai-drama-idea .vds-section-header{align-items:flex-start;flex-direction:column}.ai-drama-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vf-space-2);margin:0}.ai-drama-project-grid>div{min-height:4.375rem;display:flex;flex-direction:column;justify-content:center;gap:var(--vf-space-1);padding:var(--vf-space-3);border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-12);background:var(--cw-surface-strong)}.ai-drama-project-grid dt{color:var(--vf-text-tertiary);font-size:var(--vf-text-11)}.ai-drama-project-grid dd{margin:0;color:var(--vf-text-primary);font-size:var(--vf-text-13);font-weight:var(--vf-font-semibold)}.ai-drama-fields{display:grid;gap:var(--vf-space-3)}.ai-drama-fields .vds-field__control{background:var(--cw-surface-strong)}.ai-drama-script,.ai-drama-storyboard{min-height:clamp(22rem,38dvh,27rem)}.ai-drama-script>.vds-button{width:100%;margin-top:var(--vf-space-4)}.ai-drama-loading,.ai-drama-script .vds-empty-state{min-height:clamp(12rem,22dvh,15rem)}.ai-drama-loading{display:flex;flex-direction:column;justify-content:center;gap:var(--vf-space-3);padding:var(--vf-space-5);border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-16);background:var(--cw-surface-strong)}.ai-drama-loading p{margin:var(--vf-space-2) 0 0;color:var(--vf-text-tertiary);font-size:var(--vf-text-12)}.ai-drama-result{min-height:clamp(12rem,22dvh,15rem);padding:var(--vf-space-5);border:1px solid color-mix(in srgb,var(--vf-success) 34%,var(--vf-border-default));border-radius:var(--vf-radius-16);background:color-mix(in srgb,var(--vf-success) 5%,var(--cw-surface-strong))}.ai-drama-result h3{margin:var(--vf-space-3) 0 var(--vf-space-2);font-size:var(--vf-text-20)}.ai-drama-result>p{margin:0;color:var(--vf-text-secondary);line-height:1.7}.ai-drama-result dl{display:grid;gap:var(--vf-space-2);margin:var(--vf-space-4) 0 0}.ai-drama-result dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--vf-space-2)}.ai-drama-result dt{color:var(--vf-text-tertiary);font-size:var(--vf-text-11)}.ai-drama-result dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--vf-text-primary);font-size:var(--vf-text-12)}.ai-drama-task-log{max-height:18.75rem;display:grid;gap:var(--vf-space-2);margin:var(--vf-space-4) 0 0;padding:0;overflow-y:auto;list-style:none}.ai-drama-task-log li{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--vf-space-2);padding:var(--vf-space-2);border-left:2px solid var(--vf-border-default);background:var(--cw-surface-strong)}.ai-drama-task-log li[data-status=completed]{border-left-color:var(--vf-success)}.ai-drama-task-log li[data-status=failed]{border-left-color:var(--vf-danger)}.ai-drama-task-log span{color:var(--cw-accent);font-size:var(--vf-text-11);font-weight:var(--vf-font-bold)}.ai-drama-task-log p{margin:0;color:var(--vf-text-secondary);font-size:var(--vf-text-11);line-height:1.5}.ai-drama-task-log code{grid-column:2;overflow-wrap:anywhere;color:var(--vf-text-tertiary);font-size:10px}.ai-drama-shots .vds-empty-state,.ai-drama-storyboard .vds-empty-state{min-height:clamp(12rem,24dvh,16rem);border:1px dashed color-mix(in srgb,var(--cw-accent) 28%,var(--vf-border-default));border-radius:var(--vf-radius-16);background:var(--cw-surface-strong)}.ai-drama-preview .vds-empty-state{min-height:clamp(16rem,32dvh,22rem)}.ai-drama-video{min-height:clamp(17rem,34dvh,24rem);overflow:hidden;border:1px solid var(--vf-border-subtle);border-radius:var(--vf-radius-16);background:linear-gradient(var(--vf-border-faint) 1px,transparent 1px),linear-gradient(90deg,var(--vf-border-faint) 1px,transparent 1px),radial-gradient(circle at 60% 30%,var(--cw-accent-soft),transparent 38%),var(--vf-surface-1);background-size:28px 28px,28px 28px,auto,auto}.ai-drama-video-loading{min-height:clamp(17rem,34dvh,24rem);display:flex;flex-direction:column;justify-content:center;gap:var(--vf-space-3);padding:var(--vf-space-5)}.ai-drama-video-loading>span{color:var(--vf-warning);font-size:var(--vf-text-11);text-align:center}.creation-workspace--drama{--cw-accent:#f3bd6a;background:radial-gradient(ellipse 42% 34% at 72% 16%,rgba(52,112,205,.11),transparent 72%),radial-gradient(ellipse 26% 20% at 13% 52%,rgba(219,156,70,.06),transparent 74%)}.panel.vds-card.ai-drama-card{position:relative;background:linear-gradient(135deg,rgba(18,36,62,.8),rgba(5,13,26,.94)),var(--cw-surface)}.panel.vds-card.ai-drama-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(242,189,106,.76),rgba(201,225,255,.2) 32%,transparent 58%,rgba(87,162,255,.7));opacity:.58;-webkit-mask:linear-gradient(#000 0 0) top /100% 1px no-repeat,linear-gradient(#000 0 0) left /1px 100% no-repeat,linear-gradient(#000 0 0) right /1px 100% no-repeat;mask:linear-gradient(#000 0 0) top /100% 1px no-repeat,linear-gradient(#000 0 0) left /1px 100% no-repeat,linear-gradient(#000 0 0) right /1px 100% no-repeat}.ai-drama-idea{clip-path:polygon(0 0,91% 0,100% 18%,100% 100%,0 100%)}.ai-drama-idea .vds-prompt-box{border-radius:var(--vf-radius-16) 0 var(--vf-radius-16) var(--vf-radius-16);background:linear-gradient(135deg,rgba(16,35,61,.9),rgba(6,16,31,.96));box-shadow:inset 0 0 30px rgba(66,135,239,.08)}.ai-drama-preview .ai-drama-video{position:relative;border-color:rgba(147,196,255,.48);background-size:32px 32px,32px 32px,auto,auto;box-shadow:inset 0 1px rgba(255,255,255,.15),0 20px 46px rgba(0,0,0,.24)}.ai-drama-preview .ai-drama-video:after{content:"PREVIS · STORY → SCRIPT";position:absolute;top:var(--vf-space-3);right:var(--vf-space-3);color:rgba(219,233,255,.64);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.ai-drama-progress-track{background:rgba(136,167,210,.16);box-shadow:inset 0 1px rgba(255,255,255,.1);height:.5rem;overflow:hidden;border-radius:var(--vf-radius-full);background:var(--vf-surface-4)}.ai-drama-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--vf-gradient-primary);transition:width var(--vf-duration-normal) var(--vf-ease-standard)}.ai-drama-export>p,.ai-drama-progress>p{margin:var(--vf-space-3) 0 0;color:var(--vf-text-secondary);font-size:var(--vf-text-12);line-height:1.7}.ai-drama-export>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:var(--vf-space-2);margin-top:var(--vf-space-4)}.ai-drama-export .vds-button{width:100%}.ai-drama-error{grid-column:1/-1;min-height:4rem;display:flex;align-items:center;gap:var(--vf-space-3);padding:var(--vf-space-3) var(--vf-space-4);border:1px solid var(--vf-danger);border-radius:var(--vf-radius-16);background:var(--vf-danger-soft);color:var(--vf-danger)}.ai-drama-error>svg{width:var(--vf-icon-20);height:var(--vf-icon-20);flex:none}.ai-drama-error>div{display:flex;flex-direction:column;gap:var(--vf-space-1)}.ai-drama-error span{font-size:var(--vf-text-12)}@media (max-width:80rem){.ai-drama-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);grid-template-areas:"source preview" "settings preview" "progress progress" "details details" "error error"}.ai-drama-script,.ai-drama-storyboard{grid-column:span 6}.ai-drama-shots{grid-column:span 7}.ai-drama-export{grid-column:span 5}}@media (max-width:64rem){.ai-drama-workspace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"source preview" "progress progress" "settings settings" "details details" "error error"}.ai-drama-parameters{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-drama-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-drama-export,.ai-drama-script,.ai-drama-shots,.ai-drama-storyboard{grid-column:1/-1}}@media (max-width:56rem){.ai-drama-workspace{display:flex;flex-direction:column}.ai-drama-card,.ai-drama-detail-grid,.ai-drama-parameters{width:100%}.ai-drama-preview{order:-3}.ai-drama-idea{order:-2}.ai-drama-parameters{order:-1}.ai-drama-detail-grid,.ai-drama-parameters{display:flex;flex-direction:column}.ai-drama-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-drama-idea .vds-prompt-box{min-height:11rem;align-items:stretch}.ai-drama-idea .vds-prompt-box textarea{width:100%}}@media (max-width:30rem){.ai-drama-export>div:last-child,.ai-drama-project-grid{grid-template-columns:1fr}.ai-drama-card .vds-section-header{align-items:flex-start}.ai-drama-preview .vds-empty-state,.ai-drama-video,.ai-drama-video-loading{min-height:15rem}}@media (prefers-reduced-motion:reduce){.ai-drama-progress-track i,.panel.vds-card.ai-drama-card{transition:none}}