/* Generated by deploy/build-styles.py. Edit the listed source files. */

/* Source: studio-shell.css */
/* Shared neutral studio palette and controls, loaded after page styles. */
html[data-theme] body{background:var(--theme-bg);color:var(--theme-text)}
html[data-theme] body :is(.app-shell,.app-main){background:var(--theme-bg)}
html[data-theme] body .brand-background{display:none}
html[data-theme] body .sidebar{background:#191a1c;border-right:1px solid #353638;box-shadow:none;padding-bottom:68px}
html[data-theme] body .sidebar :is(.brand-lockup strong,.nav-item,.nav-item svg){color:#bcbcc1}
html[data-theme] body .sidebar :is(.brand-lockup small,.sidebar-balance__label){color:#939399}
html[data-theme] body .sidebar .nav-item:hover{color:#fff;background:#2c2d30;border-color:#414246}
html[data-theme] body .sidebar .nav-item.is-active{color:#fff;background:#303134;border-color:#48494d;box-shadow:inset 3px 0 #7eddf3}
html[data-theme] body .sidebar .nav-item.is-active svg{color:#fff}
html[data-theme] body .content-wrap:not(.content-wrap--video){padding-top:82px;padding-bottom:80px}
html[data-theme] body .content-wrap--explore{padding-top:82px;padding-bottom:80px}
.app-corner-toolbar{position:fixed;top:14px;right:24px;z-index:90;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px)}
.app-corner-actions,.app-utility-dock{position:static;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--theme-line);border-radius:12px;background:var(--theme-bg);box-shadow:0 6px 22px #0002}
.app-utility-dock form{margin:0;display:flex}
html[data-theme] body .app-corner-button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;min-height:36px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--theme-muted);font:inherit;cursor:pointer;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}
html[data-theme] body .app-corner-button:hover{color:var(--theme-text);background:var(--theme-surface-raised);border-color:var(--theme-line)}
.app-corner-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app-motion-button svg{fill:currentColor;stroke:none;width:15px;height:15px}
html[data-theme=dark] [data-theme-toggle] [data-theme-icon=light],html[data-theme=light] [data-theme-toggle] [data-theme-icon=dark]{display:none}
.app-corner-button:focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}
.app-corner-actions .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html[data-theme=dark] body :is(.panel,.form-section,.single-form-card,.stat-card,.integration-card,.profile-card,.settings-card,.output-layout,.production-panel,.asset-card,.asset-library-card,.handoff-card,.avatar-card,.scenario-card,.project-card,.prompt-panel,.table-wrap,.project-table,.billing-hero,.billing-balance,.launch-strip,.project-hero,.profile-hero,.empty-state,.security-note,.editor-aside,.wizard-summary,.shot-card,.shot-builder,.avatar-picker,.reference-card,.reference-upload,.offer-editor,.connection-list>div,.profile-section,.billing-interval-switch,.prompt-accordion,.command-palette,.generation-overlay__panel){background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-line);box-shadow:none}
html[data-theme=dark] body :is(.billing-type,.table-tag,.status-pill,.provider-mark,.wizard-steps,.wizard-steps button,.form-section__index,.asset-library-card__preview,.avatar-card__media--empty,.profile-stat,.profile-metrics,.billing-interval-switch button,.billing-interval-switch button.is-active){background:var(--theme-surface-raised);border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme=dark] body :is(.billing-hero h1,.billing-balance strong,.project-hero h1,.profile-hero h1,.asset-library-card strong,.project-row strong,.avatar-data strong,.launch-wallet strong,.launch-hero h1 em,.profile-name,.form-section__heading h2,.empty-state h2,.empty-state h3){color:var(--theme-text)}
html[data-theme=dark] body :is(.billing-hero p,.billing-balance span,.billing-balance small,.asset-library-card small,.project-row small,.avatar-data small,.profile-hero p,.project-hero p,.profile-section p,.empty-state p,.security-note p){color:var(--theme-muted)}
html[data-theme=dark] body :is(.field-control,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background-color:var(--theme-control);border-color:#393a3e;color:var(--theme-text);box-shadow:none}
html[data-theme=dark] body :is(input,textarea)::placeholder{color:#929398}
html[data-theme=dark] body :is(.aside-card,.tip-card,.avatar-choice,.objective-choice-grid button,.script-starters button,.speech-fit,.advanced-disclosure,.advanced-panel,.automation-note,.format-choice,.language-choices button,.continuous-lock,.scene-preset,.direction-card,.single-shot-card,.storyboard-shot,.workflow-mode-picker,.settings-section,.settings-nav,.detail-card,.profile-score,.action-card,.model-choice,.offer-settings,.text-charge-notice){background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-line);box-shadow:none}
html[data-theme=dark] body :is(.avatar-choice,.objective-choice-grid button,.format-choice,.language-choices button,.scene-preset,.model-choice).is-active{background:#262b2e;border-color:#7eddf380;color:#fff}
html[data-theme=dark] body :is(.choice-block__heading label,.field-group label,.script-field__heading label,.aside-card h3,.settings-section h2,.detail-card h3,.advanced-disclosure strong,.automation-note strong,.speech-fit strong,.avatar-choice strong,.objective-choice-grid strong,.summary-list dd,.format-choice strong,.language-choices strong,.continuous-lock strong,.scene-preset strong,.direction-card strong){color:var(--theme-text)}
html[data-theme=dark] body :is(.choice-block__heading small,.field-group small,.aside-card small,.tip-card p,.settings-section p,.detail-card p,.advanced-disclosure small,.automation-note small,.speech-fit small,.avatar-choice small,.objective-choice-grid small,.summary-list dt,.format-choice small,.continuous-lock small,.scene-preset small,.direction-card small,.script-starters>span){color:var(--theme-muted)}
html[data-theme=dark] body :is(.script-metrics span,.script-field__heading>span,.step-indicator button>span,.shot-order){background:var(--theme-surface-raised);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] body .step-indicator button.is-active>span{background:#176f89;color:#fff;border-color:#7eddf3}
html[data-theme=dark] body .tip-card strong{color:var(--theme-text)}
html[data-theme=dark] body :is(.model-selector-card,.settings-savebar,.settings-save-bar,.inline-note,.provider-setup-panel,.voice-quality-guide,.upload-zone,.editor-note,.readiness-list li,.asset-profile-summary){background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-line);box-shadow:none}
html[data-theme=dark] body :is(.settings-nav a.is-active,.settings-section__heading>span,.model-selector-card__top strong){color:var(--theme-text);background:var(--theme-surface-raised);border-color:var(--theme-line)}
html[data-theme=dark] body :is(.model-selector-card small,.settings-savebar span,.settings-save-bar span,.inline-note,.provider-setup-panel small){color:var(--theme-muted)}
html[data-theme=dark] body :is(.provider-wordmark,.consent-fields,.consent-card,.project-filters,.voice-quality-guide>span,.asset-library-card__copy>b){background:var(--theme-surface-raised);color:var(--theme-text);border-color:var(--theme-line);box-shadow:none}
html[data-theme=dark] body .consent-card :is(strong,span){color:var(--theme-text)}
html[data-theme=dark] body .progress-track{background:#353638}
html[data-theme=dark] body .provider-overview>article{color:var(--theme-text);background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme=dark] body .provider-overview :is(strong,.provider-count){color:var(--theme-text);}
html[data-theme=dark] body .provider-overview small{color:var(--theme-muted)}
html[data-theme] body .sidebar-launcher{color:var(--theme-text);background:var(--theme-surface);border-color:var(--theme-line);box-shadow:none}
html[data-theme=dark] body .button:not(.button--danger){color:#fff!important;background:#242527;border-color:#48494d;box-shadow:none}
html[data-theme=dark] body .button.button--primary{background:var(--action-gradient);border-color:#7eddf360;color:var(--action-text);}
html[data-theme=dark] body .button:not(.button--danger):hover{background:#333438;border-color:#7eddf380;transform:none}
html[data-theme=dark] body :is(.asset-library-card,.avatar-card,.project-card,.launch-product){transition:border-color .25s,box-shadow .25s}
html[data-theme=dark] body :is(.asset-library-card,.avatar-card,.project-card,.launch-product):hover{border-color:#7eddf380;box-shadow:0 10px 30px #0003;transform:none}
:is(.asset-library-card__preview,.avatar-card__media){overflow:hidden}:is(.asset-library-card__preview,.avatar-card__media) img{transition:transform .6s ease}
:is(.asset-library-card,.avatar-card):hover img{transform:scale(1.025)}
.explore-preview__navigation{display:flex;gap:8px;margin:18px 0}.explore-preview__navigation button{flex:1;font-size:var(--text-xs)!important;min-height:38px}
html[data-theme] body.studio-cinema-page .video-studio{padding-top:72px;padding-bottom:14px}
html[data-theme] body.studio-cinema-page .app-corner-toolbar{left:16px;right:auto}
html[data-theme=light] body.studio-cinema-page{background:var(--theme-bg);color:var(--theme-text)}
html[data-theme=light] body.studio-cinema-page :is(.app-shell,.app-main,.content-wrap--video,.video-studio){background:var(--theme-bg);color:var(--theme-text)}
html[data-theme=light] body.studio-cinema-page :is(.video-studio__controls,.video-studio__workspace,.generation-history,.creation-submit,.avatar-picker,.generation-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme=light] body.studio-cinema-page :is(.studio-control-heading h1,.section-title,.field-stack label,.avatar-picker__field small,.workspace-heading strong,.generation-history__heading h2,.generation-card__copy strong,.empty-stage h2){color:var(--theme-text)}
html[data-theme=light] body.studio-cinema-page .video-creation-form :is(input,select,textarea){background:var(--theme-control);color:var(--theme-text);border-color:var(--theme-line);color-scheme:light}
html[data-theme=light] body.studio-cinema-page :is(.generation-card__copy small,.control-section__heading small,.empty-stage p){color:var(--theme-muted)}
/* Public access and legal screens use the same palette. */
html[data-theme] body.studio-auth-page{background:var(--theme-bg);color:var(--theme-text)}
html[data-theme] .studio-auth-page :is(.studio-auth-shell,.studio-auth-story,.studio-auth-content){background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme] .studio-auth-page .studio-auth-shell{margin-top:78px;margin-bottom:78px;min-height:calc(100svh - 156px)}
html[data-theme] .studio-auth-page :is(.studio-auth-brand,.studio-auth-brand strong,.studio-auth-story h1,.studio-auth-heading h2,.studio-auth-field label,.legal-document h1,.legal-document h2,.legal-document h3){color:var(--theme-text)}
html[data-theme] .studio-auth-page :is(.studio-auth-story__description,.studio-auth-heading p,.studio-auth-hint,.studio-auth-field small,.legal-document,.legal-document p,.legal-document li){color:var(--theme-muted)}
html[data-theme] .studio-auth-page :is(.studio-auth-story h1 em,.studio-auth-brand small,.studio-auth-panel__eyebrow,.studio-auth-kicker,.studio-auth-copyright,.studio-auth-privacy,.studio-auth-story__footer,.studio-auth-password__toggle,.rn-muted,.billing-auth-link){color:var(--theme-muted)}
html[data-theme] .studio-auth-page .auth-input{color:var(--theme-text);background:var(--theme-control);border-color:var(--theme-line)}
html[data-theme] .studio-auth-page :is(.rn-input,.rn-field input){color:var(--theme-text);background:var(--theme-control);border-color:var(--theme-line)}
html[data-theme] .studio-auth-page :is(.rn-auth-card__header h1,.rn-field__label){color:var(--theme-text)}
html[data-theme] .studio-auth-page :is(.auth-launch-offer,.terms-dialog,.terms-dialog__copy,.terms-consent,.legal-document){background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme] .studio-auth-page .legal-document a{color:var(--shell-accent)}
html[data-theme=light] .studio-auth-page :is(.studio-auth-tabs .is-active,.studio-auth-tabs a,.studio-auth-quick-link a,.studio-auth-copyright a){color:var(--theme-text)}
html[data-theme=light] .studio-auth-page .auth-launch-offer :is(strong,span){color:var(--theme-text)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:shell-fade-out .16s ease-out both}::view-transition-new(root){animation:shell-fade-in .22s ease-out both}
@keyframes shell-fade-out{to{opacity:0}}@keyframes shell-fade-in{from{opacity:0}to{opacity:1}}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation:none!important;transition:none!important}
html[data-motion=paused] .launch-reveal-pending{opacity:1;transform:none}
html[data-motion=paused]::view-transition-old(root),html[data-motion=paused]::view-transition-new(root){animation:none!important}
@media(max-width:600px){.app-corner-toolbar{right:12px;top:10px;gap:6px}.app-corner-actions{gap:3px}.app-utility-dock{gap:5px}html[data-theme] body .content-wrap:not(.content-wrap--video){padding-top:82px;padding-bottom:32px}html[data-theme] body .app-corner-button{width:34px;height:34px;min-height:34px}html[data-theme] body.studio-cinema-page .video-studio{padding-top:64px;padding-bottom:max(12px,env(safe-area-inset-bottom))}html[data-theme] body.studio-cinema-page .app-corner-toolbar{left:12px}html[data-theme] .studio-auth-page .studio-auth-shell{margin-top:72px;margin-bottom:32px}}
@media(max-width:380px){.app-corner-toolbar{gap:4px}.app-corner-actions,.app-utility-dock{gap:2px;padding:3px}body:not(.studio-auth-page):not(.studio-cinema-page) .app-create-shortcut{display:none}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Source: creative.css */
/* Shared comparison and deliberate feedback, neutral in either theme. */
[data-compare]{position:relative;isolation:isolate;--compare:50%}
[data-compare] .compare-before{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#1c1d1f;clip-path:inset(0 calc(100% - var(--compare)) 0 0);pointer-events:none;z-index:2}
.compare-label{position:absolute;top:12px;z-index:3;color:#fff;font-size:var(--text-xs);padding:5px 8px;background:#101112b0;border:1px solid #ffffff30;border-radius:6px;pointer-events:none}.compare-label--before{left:12px}.compare-label--after{right:12px}
.compare-slider{position:absolute;left:12%;right:12%;bottom:52px;z-index:4;display:flex;padding:9px 14px;background:#101112c0;border:1px solid #ffffff30;border-radius:20px;backdrop-filter:blur(8px)}
.compare-slider input{width:100%;accent-color:#7eddf3;min-height:24px;margin:0;cursor:ew-resize}
.compare-unavailable :is(.compare-before,.compare-label,.compare-slider){display:none}
[data-compare-collapsed] :is(.compare-before,.compare-label,.compare-slider){display:none!important}
.compare-toggle{border:1px solid var(--theme-line);border-radius:7px;padding:7px 10px;background:var(--theme-surface);color:var(--theme-text);font:inherit;font-size:var(--text-xs);cursor:pointer;white-space:nowrap}
.compare-toggle[hidden]{display:none}.compare-toggle:hover,.compare-toggle[aria-pressed=true]{border-color:var(--shell-accent);color:var(--shell-accent)}
[data-app-sound][aria-pressed=true]{color:var(--shell-accent)!important}
.creative-style-panel{margin:8px 0 12px;border:1px solid var(--theme-line);border-radius:9px;padding:10px;background:var(--theme-control)}
.creative-style-panel summary{font-size:12px;cursor:pointer;color:var(--theme-text)}.creative-style-panel summary span{font-size:var(--text-xs);color:var(--theme-muted);display:block;margin:4px 0 0 14px}
.creative-style-panel label{display:block;margin:10px 0 5px;font-size:var(--text-xs);color:var(--theme-muted)}
html[data-theme] .creative-style-panel :is(input,select,textarea){width:100%;min-width:0;color:var(--theme-text);background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:6px;font-size:var(--text-xs);padding:8px;box-sizing:border-box}
.creative-style-panel textarea{resize:vertical;min-height:58px}.creative-style-panel small,.creative-note{display:block;font-size:var(--text-xs);line-height:1.6;color:var(--theme-muted);margin-top:8px}
.creative-style-load,.creative-style-save{display:flex;gap:5px;margin:10px 0;min-width:0}.creative-style-load select,.creative-style-save input{flex:1}
html[data-theme] .creative-style-panel button{background:var(--theme-surface-raised);border:1px solid var(--theme-line);color:var(--theme-text);padding:8px;border-radius:6px;font-size:var(--text-xs);white-space:nowrap}
.creative-reference-upload{margin-top:10px;font-size:var(--text-xs)}.creative-reference-upload input{width:100%;font-size:var(--text-xs)}
html[data-theme] body.studio-cinema-page .video-studio__controls{overflow:clip}
html[data-theme] body.studio-cinema-page .creative-style-panel{flex-shrink:0;margin:10px 14px}
html[data-theme] body.studio-cinema-page .generate-video-button{position:relative;isolation:isolate;overflow:hidden;background:var(--action-gradient);background-size:220% 100%;border-color:#7eddf3;color:var(--action-text);box-shadow:0 0 18px #46c9f32b,inset 0 1px 0 #c7f4ff40;transition:box-shadow .25s,border-color .25s;animation:celeste-flow 7s ease-in-out infinite}
html[data-theme] body.studio-cinema-page .generate-video-button::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,#b9f3ff1c 48%,transparent 60%);transform:translateX(-120%);animation:celeste-shine 5s ease-in-out infinite;pointer-events:none}
html[data-theme] body.studio-cinema-page .generate-video-button:hover:not(:disabled){background:linear-gradient(115deg,#096688,#117c9b 45%,#075b7e);border-color:#b8f2ff;box-shadow:0 0 24px #46c9f355,inset 0 1px 0 #d8faff60}
html[data-theme] body.studio-cinema-page .generate-video-button:disabled{background:linear-gradient(115deg,#12313f,#184957,#12313f);color:#c0cbd0;border-color:#396778;box-shadow:none;animation:none}
html[data-theme] body.studio-cinema-page .generate-video-button:disabled::before{display:none}
.generate-video-cost{border-left-color:#ffffff40}
html[data-theme] body.studio-cinema-page .studio-motion-toggle{display:inline-flex;align-items:center;gap:7px;width:auto;flex-shrink:0;margin:0;padding:7px 9px;min-height:32px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-surface-raised);color:var(--theme-text);font-size:var(--text-xs);cursor:pointer}
.studio-motion-toggle:hover{border-color:var(--shell-accent)!important}.studio-motion-toggle svg{width:12px;height:12px;fill:currentColor}
@keyframes celeste-flow{50%{background-position:100% 50%;box-shadow:0 0 24px #46c9f345,inset 0 1px 0 #c7f4ff40}}
@keyframes celeste-shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.creative-stages{display:flex;justify-content:space-between;gap:5px;list-style:none;margin:0;padding:8px 12px 12px;flex-shrink:0}
.creative-stages li{position:relative;font-size:var(--text-xs);color:var(--theme-muted);flex:1;border-top:2px solid var(--theme-line);padding-top:8px}
.creative-stages .is-active{color:var(--theme-text);border-color:var(--shell-accent)}.creative-stages .is-done{color:var(--theme-text);border-color:#737a7d}
.creative-stages .is-active:before{content:'';position:absolute;top:-4px;width:6px;height:6px;border-radius:50%;background:var(--shell-accent);animation:creative-stage 1.8s ease-in-out infinite}
@keyframes creative-stage{50%{box-shadow:0 0 0 5px #7eddf320}}
.creative-remix{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;background:var(--theme-surface);flex-shrink:0;border-top:1px solid var(--theme-line)}
.creative-remix>span{font-size:var(--text-xs);color:var(--theme-muted);width:100%}.creative-remix a{font-size:var(--text-xs);color:var(--theme-text);padding:7px 9px;border:1px solid var(--theme-line);border-radius:6px;transition:border-color .2s,background .2s}.creative-remix a:hover{border-color:var(--shell-accent);background:var(--theme-surface-raised)}.creative-remix small{font-size:var(--text-xs);color:var(--theme-muted);width:100%}
html[data-motion=paused] .creative-stages .is-active:before{animation:none}
@media(prefers-reduced-motion:reduce){.creative-stages .is-active:before{animation:none}}
@media(max-height:650px) and (min-width:801px){.creative-remix{padding:5px 10px}.creative-remix>span,.creative-remix small{width:auto}.creative-stages{padding-bottom:6px}}

/* Source: card-surfaces.css */
/* Shared card surfaces. Loaded last so screen and theme styles cannot restore
   decorative outlines on hover, selection, or nested card sections. */
html[data-theme] body :is(
  .panel, .stat-card, .quick-flow, .form-section, .single-form-card,
  .integration-card, .profile-card, .settings-card, .production-panel,
  .asset-card, .handoff-card, .avatar-card, .avatar-mini-card,
  .avatar-manager-card, .avatar-manager-empty, .scenario-card, .project-card,
  .prompt-panel, .table-wrap, .project-table, .output-layout, .orbit-card,
  .continue-card, .metric-strip, .aside-card, .consent-card, .consent-record-card,
  .health-item, .quick-action, .action-card, .production-action,
  .reference-card, .reference-card__visual, .toggle-card, .tip-card,
  .asset-library-card, .asset-library-card__preview, .scenario-hero-preview,
  .advanced-panel, .direction-card,
  .storyboard-shot, .preflight-item, .job-progress-card, [data-job-monitor],
  .provider-setup-panel, .workflow-mode-picker, .single-shot-card, .shot-card,
  .shot-builder, .settings-section, .model-selector-card, .identity-readiness-card,
  .environment-reference-card, .ai-suggestion-card, .detail-card, .voice-card,
  .production-card, .connections-panel, .token-management-card, .token-wallets-panel,
  .billing-hero, .billing-balance, .billing-form-card, .billing-economics-card,
  .launch-strip, .launch-product, .project-hero, .profile-hero, .profile-section,
  .empty-state, .empty-inline, .security-note, .editor-aside, .wizard-summary,
  .avatar-picker, .reference-upload, .offer-editor, .offer-settings,
  .prompt-accordion, .generation-overlay__panel, .generation-stage,
  .generation-card, .generation-history, .empty-stage__mark,
  .video-studio__controls,
  .video-studio__workspace, .creative-style-panel, .clone-panel,
  .clone-history-item, .clone-status-box, .clone-notice,
  .explore-feature, .explore-card, .collection-card, .explore-recent__item,
  .explore-empty, .explore-preview, .explore-shortcuts > a, .preset-card,
  .store-hero, .store-card, .store-empty, .store-film, .store-wallet,
  .store-calculator, .store-calculator__result, .store-gift, .store-gift__art,
  .store-kit-preview, .store-faq-list details,
  .studio-auth-shell, .studio-auth-story, .studio-auth-content,
  .studio-auth-art, .studio-auth-panel, .rn-auth-card, .auth-launch-offer,
  .terms-dialog, .terms-dialog__copy, .terms-consent, .legal-document
) {
  border: 0 !important;
}

html[data-theme] body .empty-stage__mark::before {
  border: 0 !important;
}

/* Secondary screens: asset editors, guided scripts, master tools and dialogs. */
html[data-theme] body :is(
  .upload-zone, .environment-dropzone, .angle-slot, .voice-empty,
  .profile-portrait, .profile-score, .profile-stat, .profile-metrics,
  .asset-profile-summary, .identity-flow > span, .angle-upload-guide > span,
  .voice-quality-guide, .voice-quality-guide > span, .consent-fields,
  .provider-overview > article, .settings-nav, .settings-toggle,
  .settings-savebar, .settings-save-bar, .inline-note, .editor-note,
  .credential-privacy-note, .generation-consent, .leonardo-run,
  .leonardo-dialog, .leonardo-panel, .studio-health, .project-filters,
  .speech-fit, .advanced-disclosure, .preflight__grid > span,
  .preflight__grid > button, .version-compare, .output-main,
  .generation-summary, .automation-note, .continuous-lock,
  .scene-brief, .direction-fields, .storyboard-empty,
  .preflight-summary, .preflight-group, .scene-preset-conflict,
  .wizard-progress-hint, .text-charge-notice, .token-rate-example,
  .preset-recipe-dialog, .preset-recipe-specs > div, .preset-loaded,
  .avatar-manager-dialog, .avatar-manager-dialog__inner,
  .command-palette, .launch-hero, .launch-faq,
  .store-dialog, .store-checkout-summary, .store-retention__offer,
  .store-paid-gift, .store-checkout-bonus, .store-sticky,
  .rn-auth-product, .studio-auth-setup, .studio-auth-alert,
  .rn-auth-error, .form-errors, .form-error-summary, .studio-form-errors,
  .avatar-choice, .visual-choice, .format-choice, .model-choice,
  .scene-preset-grid > button, .objective-choice-grid button,
  .performance-choice-grid button, .audio-choice-grid button,
  .action-choice-grid button, .language-choices button,
  .segmented--large button, .ratio-choices button,
  .store-advisor-options button, .store-usecases button
) {
  border: 0 !important;
}

/* The legacy preset preview drew its border on a pseudo element. */
html[data-theme] body .preset-card__media::after {
  border: 0 !important;
}

/* Decorative dividers inside cards use spacing and surface contrast instead. */
html[data-theme] body :is(
  .explore-feature__link, .avatar-card .card-link,
  .integration-card .card-link, .continue-card__project,
  .metric-strip > a, .metric-strip > div, .account-list > div,
  .connection-list > div, .split-action-panels, .split-action-panels > section,
  .advanced-panel[open] > summary, details.direction-card[open] > summary,
  .avatar-manager-card__body, .featured-generation__top,
  .featured-generation__footer, .studio-control-heading,
  .generation-history > header, .video-creation-form .control-section,
  .creation-submit, .explore-preview__copy details,
  .studio-auth-art__top, .studio-auth-art__caption, .studio-auth-timeline,
  .studio-auth-story__footer
) {
  border: 0 !important;
}

html[data-theme] body :is(
  .project-row, .account-table, .account-row, .billing-row,
  .billing-payment__head, .billing-product__price, .bonus-account-lot,
  .launch-order-bonus, .launch-benefits, .legal-operator,
  .token-wallet-table th, .token-wallet-table td, .token-ledger-list article,
  .settings-nav__tools, .settings-defaults-grid, .settings-toggles,
  .settings-accounts, .settings-account, .leonardo-form-intro, .leonardo-runs,
  .inline-form, .detail-status, .form-footer, .wizard-actions,
  .production-wizard__actions, .check-list li, .summary-list > div,
  .version-bar, .version-compare > div, .version-compare article,
  .output-toolbar, .output-bottom, .prompt-document, .prompt-section,
  .prompt-toc, .subsection-heading, .environment-reference-card__body,
  .scene-brief__top, .scene-brief__facts, .scene-brief__facts > span,
  .avatar-manager-dialog__header, .avatar-manager-dialog__toolbar,
  .preset-sync-status > div, .terms-dialog__header, .terms-dialog__footer,
  .rn-auth-footer, .studio-auth-quick-link
) {
  border: 0 !important;
}

/* Raised neutral surfaces replace the missing card edges on older screens. */
html[data-theme=dark] body :is(
  .output-main, .scene-brief, .generation-summary, .direction-fields,
  .preflight-summary, .preflight-group, .storyboard-empty,
  .provider-overview > article, .settings-toggle, .settings-savebar,
  .credential-privacy-note, .generation-consent, .leonardo-run,
  .speech-fit, .voice-quality-guide, .consent-fields, .angle-slot,
  .inline-note, .editor-note, .token-rate-example, .studio-auth-setup,
  .store-paid-gift, .visual-choice, .performance-choice-grid button,
  .audio-choice-grid button, .action-choice-grid button,
  .identity-readiness-card, .environment-reference-card,
  .environment-dropzone, .upload-zone, .scene-preset-grid > button,
  .segmented--large button, .ratio-choices button, .direction-card > summary,
  .identity-flow > span, .split-action-panels > section, .voice-empty, .toggle-card
) {
  background: var(--theme-surface);
  color: var(--theme-text);
}

html[data-theme=dark] body :is(
  .visual-choice, .performance-choice-grid button,
  .audio-choice-grid button, .action-choice-grid button,
  .identity-readiness-card, .scene-preset-grid > button,
  .segmented--large button, .ratio-choices button, .direction-card > summary,
  .identity-flow > span, .split-action-panels > section, .voice-empty, .toggle-card,
  .generation-summary, .provider-overview > article, .settings-toggle,
  .credential-privacy-note, .generation-consent, .leonardo-run,
  .voice-quality-guide, .inline-note, .editor-note
) :is(strong, h2, h3, label) {
  color: var(--theme-text);
}

html[data-theme=dark] body :is(
  .visual-choice, .performance-choice-grid button,
  .audio-choice-grid button, .action-choice-grid button,
  .identity-readiness-card, .scene-preset-grid > button,
  .segmented--large button, .ratio-choices button, .direction-card > summary,
  .identity-flow > span, .split-action-panels > section, .voice-empty, .toggle-card,
  .generation-summary, .provider-overview > article, .settings-toggle,
  .credential-privacy-note, .generation-consent, .leonardo-run,
  .voice-quality-guide, .inline-note, .editor-note
) :is(small, p) {
  color: var(--theme-muted);
}

html[data-theme=dark] body .scene-preset__art {
  background: var(--theme-surface-raised);
  border: 0;
}

html[data-theme=dark] body .wizard-progress-hint {
  background: color-mix(in srgb, #ffb24a 12%, var(--theme-surface));
  color: #ffcc82;
}

/* The old duration selector used important white backgrounds. */
html[data-theme=dark] body .segmented--large button {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}

/* These selection shadows were thin inset outlines, not depth shadows.
   The checked badges, labels, and selected backgrounds remain visible. */
html[data-theme] body :is(
  .reference-card, .direction-card, .clone-history-item, .empty-stage__mark,
  .clone-modes label:has(input:checked),
  .avatar-choice.is-active, .visual-choice.is-active,
  .format-choice.is-active, .model-choice.is-active,
  .scene-preset.is-active, .storyboard-shot.is-active,
  .objective-choice-grid [aria-pressed=true],
  .performance-choice-grid [aria-pressed=true],
  .audio-choice-grid [aria-pressed=true],
  .action-choice-grid [aria-pressed=true],
  .scene-preset-grid button.is-active, .segmented--large button.is-active,
  .ratio-choices button.is-active
) {
  box-shadow: none !important;
}

html[data-theme] body :is(
  .avatar-choice, .visual-choice, .format-choice, .model-choice,
  .scene-preset, .objective-choice-grid button,
  .performance-choice-grid button, .audio-choice-grid button,
  .action-choice-grid button, .scene-preset-grid > button,
  .segmented--large button, .ratio-choices button
):is(.is-active, [aria-pressed=true]) {
  background: color-mix(in srgb, var(--shell-accent) 16%, var(--theme-surface)) !important;
}

/* Retain the Plus glow without its inset white line. */
html[data-theme] body.token-store-page .store-card--plus {
  box-shadow: 0 0 32px #52d0ee28, 0 20px 38px #0005;
}

/* Focus rings only appear during keyboard use, never as idle card outlines. */
html[data-theme] body :is(
  .collection-card, .explore-shortcuts > a, .explore-recent__item,
  .avatar-mini-card, .direction-card, .generation-card, .clone-history-item
):focus-visible {
  outline: 2px solid #7eddf3;
  outline-offset: 4px;
}

/* Surface components remain borderless; inputs retain their own field contract. */
html[data-theme] body.studio-cinema-page :is(.video-studio, .clone-studio, .app-corner-actions, .app-utility-dock) { border:0; }

html[data-theme] body.studio-cinema-page :is(.generation-card, .clone-history-item):not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}
html[data-theme] body.studio-cinema-page :is(.studio-creation-modes, .clone-modebar) {
  display: flex;
  align-items: stretch;
  gap: 6px;
  padding: 8px 14px;
  margin: 0;
  flex-shrink: 0;
}
html[data-theme] body.studio-cinema-page :is(.studio-creation-modes, .clone-modebar) a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 36px;
  padding: 8px 10px;
  margin: 0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  color: var(--theme-muted);
}
html[data-theme] body.studio-cinema-page :is(.studio-creation-modes, .clone-modebar) a[aria-current] {
  background: var(--theme-surface-raised);
  color: var(--theme-text);
  padding: 8px 10px;
  border-radius: 8px;
  margin: 0;
}
html[data-theme] body.studio-cinema-page .generation-card.is-selected {
  background: color-mix(in srgb, #7eddf3 12%, var(--theme-surface));
}
/* Restore the select chevron without drawing two decorative border lines. */
html[data-theme] body.studio-cinema-page .output-setting__control::after {
  width: 6px;
  height: 6px;
  top: 14px;
  background: #aeb0b5;
  clip-path: polygon(0 25%, 50% 75%, 100% 25%, 100% 50%, 50% 100%, 0 50%);
  transform: none;
}

html[data-theme] body.studio-cinema-page .creation-wallet {
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 9px;
  padding: 0;
  background: transparent;
}
.creation-wallet > div { min-width: 0; }
.creation-wallet__amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; }
.creation-wallet__amount strong { color: var(--theme-text); font-size: 18px; line-height: 1.1; font-weight: 750; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.creation-wallet__amount > span { color: var(--theme-muted); font-size:var(--text-xs); white-space: nowrap; }
html[data-theme] body.studio-cinema-page .creation-wallet__buy {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(115deg, #096b94, #1487aa);
  font-size:var(--text-xs);
  font-weight: 700;
  text-decoration: none;
  transition: filter .2s;
}
.creation-wallet__buy:hover { filter: brightness(1.16); }
html[data-theme] body.studio-cinema-page .creation-wallet__buy span { color: inherit; font-size: 14px; }
/* Keep the luminous CTA without the one-pixel inset line from its animation. */
html[data-theme] body.studio-cinema-page .generate-video-button {
  box-shadow: 0 0 18px #46c9f32b;
  animation-name: creation-flow-borderless;
}
html[data-theme] body.studio-cinema-page .generate-video-button:hover:not(:disabled) { box-shadow: 0 0 24px #46c9f355; }
html[data-theme] body.studio-cinema-page .generate-video-button:disabled { box-shadow: none; }
@keyframes creation-flow-borderless { 50% { background-position: 100% 50%; box-shadow: 0 0 24px #46c9f345; } }
@media (prefers-reduced-motion: reduce) { html[data-theme] body.studio-cinema-page .generate-video-button { animation: none; } }

/* Balance and purchase stay beside the generation decision, without a card. */
html[data-theme] body.studio-cinema-page .creation-wallet__buy { border: 0; }
html[data-theme] body.studio-cinema-page .video-creation-form { overflow: hidden; padding-bottom: 0; }
html[data-theme] body.studio-cinema-page .creation-fields { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; scrollbar-color: #444 #151617; }
html[data-theme] body.studio-cinema-page .creation-submit { position: static; margin-top: 0; z-index: 2; }

/* Source: languages.css */
.language-picker{position:relative;flex:none;color:var(--theme-text);font-family:inherit}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:58px;min-height:44px;padding:0 9px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:var(--text-xs);font-weight:700;list-style:none;color:inherit}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.language-picker>summary:hover,.language-picker[open]>summary{background:rgba(100,180,215,.12);border-color:rgba(125,211,252,.3)}
.language-picker :focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}
.language-picker__menu{position:absolute!important;top:calc(100% + 10px);right:0;z-index:1600;display:flex!important;flex-direction:column;gap:4px!important;width:230px;max-width:calc(100vw - 32px);padding:12px!important;border:1px solid #383b40;border-radius:16px;background:#17191d;color:#f4f4f5;box-shadow:0 18px 48px #0008;text-align:left}
.language-picker__menu strong{font-size:12px;padding:4px 10px 8px}
.language-picker__menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:9px;color:#f4f4f5;background:transparent;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.language-picker__menu button:hover,.language-picker__menu button[aria-current]{background:#7dd3fc1f;color:#b9e7ff}
.language-picker__menu small{font-size:var(--text-xs);line-height:1.5;color:#b5bac4;padding:8px 10px 2px}
.sidebar-tools>.language-picker>summary{justify-content:flex-start}
.sidebar-tools>.language-picker .language-picker__menu{top:auto;bottom:calc(100% + 8px);right:auto;left:0}
[data-theme=light] .language-picker__menu{background:#fff;color:#16181c;border-color:#d5d9df}
[data-theme=light] .language-picker__menu button{color:#16181c}
[data-theme=light] .language-picker__menu button:hover,[data-theme=light] .language-picker__menu button[aria-current]{background:#dff3fd;color:#115072}
[data-theme=light] .language-picker__menu small{color:#525966}
@media(max-width:600px){.language-picker>summary{min-width:46px;gap:4px;padding:0 5px}.language-picker>summary svg{width:16px}.app-corner-toolbar{max-width:calc(100vw - 16px)}}
@media(max-width:600px){.app-utility-dock .language-picker__menu{left:0;right:auto}}

.terms-dialog__header>.language-picker{float:right;margin-left:12px}
/* Keep icon-only utility labels available to assistive technology on auth pages. */
.app-corner-toolbar .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Source: form-contrast.css */
/* Final theme contract: typed content must stay readable across page styles. */
html[data-theme] body :is(textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=hidden]),[contenteditable=true]) {
  color: var(--theme-text);
  -webkit-text-fill-color: var(--theme-text);
  caret-color: var(--theme-text);
  background-color: var(--theme-control);
  background-clip: padding-box;
  color-scheme: inherit;
  font-family:var(--font-sans);
  font-size:var(--text-sm);
  min-height:var(--control-height);
  border:1px solid var(--theme-control-line);
  border-radius:var(--control-radius);
}
html[data-theme] body :is(textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=hidden])):focus-visible {
  outline:2px solid var(--shell-accent);
  outline-offset:2px;
}
html[data-theme] body :is(input,textarea)::placeholder {
  color: var(--theme-muted);
  -webkit-text-fill-color: var(--theme-muted);
  opacity: 1;
}
html[data-theme] body :is(input,textarea):autofill {
  -webkit-text-fill-color: var(--theme-text);
  caret-color: var(--theme-text);
  box-shadow: 0 0 0 1000px var(--theme-control) inset;
}
html[data-theme] body :is(input,textarea,select):disabled {
  color: var(--theme-muted);
  -webkit-text-fill-color: var(--theme-muted);
  opacity: .8;
}
html[data-theme] body select option { color: var(--theme-text); background: var(--theme-control); }
html[data-theme] body :is(input,textarea)::selection { color: #fff; background: #176581; }
html[data-session-pending] body>:not(.session-restore){visibility:hidden!important}
.session-restore{position:fixed;inset:0;z-index:10000;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--theme-bg,#101112);color:var(--theme-text,#f5f5f5);font:14px system-ui,sans-serif}
.session-restore::backdrop{background:var(--theme-bg,#101112)}
.session-restore button{padding:12px 18px;border:1px solid var(--theme-line,#393a3e);border-radius:10px;background:var(--theme-surface,#202123);color:var(--theme-text,#f5f5f5);font:inherit;cursor:pointer}
@media(max-width:600px) {
  html[data-theme] body :is(textarea,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]) { font-size:16px; }
}

/* Source: video-progress.css */
/* One visual language for upload, generation and project progress. */
:root {
  --vidia-progress-track: #171e25;
  --vidia-progress-edge: #83dcff38;
  --vidia-progress-glow: #4dcaff26;
  --vidia-progress-text: #d6f5ff;
}

html[data-theme="light"] {
  --vidia-progress-track: #dae9ef;
  --vidia-progress-edge: #178ab53d;
  --vidia-progress-glow: #138bb51a;
  --vidia-progress-text: #14556e;
}

/* Cinema stages retain their dark surfaces in either interface theme. */
.studio-cinema-page :is(.stage-feedback, .clone-loading) {
  --vidia-progress-track: #171e25;
  --vidia-progress-edge: #83dcff38;
  --vidia-progress-glow: #4dcaff26;
  --vidia-progress-text: #d6f5ff;
}

:is(.vidia-wait-bar, .studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) {
  position: relative;
  box-sizing: border-box;
  height: 12px;
  padding: 2px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--vidia-progress-edge);
  border-radius: 999px;
  background: var(--vidia-progress-track);
  box-shadow: inset 0 1px 3px #0003, 0 0 24px var(--vidia-progress-glow);
}

:is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i {
  position: relative;
  display: block;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(90deg, #168bdb 0%, #43c9ff 48%, #a4efff 100%);
  box-shadow: 0 0 12px #58d7ff66, inset 0 1px #ffffff70;
  transition: width 450ms cubic-bezier(.22, 1, .36, 1);
}

:is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  background: linear-gradient(100deg, transparent 30%, #fff9 50%, transparent 70%);
  animation: vidia-meter-sheen 3s ease-in-out infinite;
}

.vidia-wait-bar__flow {
  top: 2px;
  bottom: 2px;
  box-shadow: 0 0 12px #67dfff55;
  background: linear-gradient(90deg, transparent, #28b5f5 30%, #b6f5ff 75%, transparent);
}

.vidia-upload-meter {
  width: min(390px, 90%);
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid var(--vidia-progress-edge);
  border-radius: 14px;
  background: var(--vidia-progress-track);
  box-shadow: 0 8px 24px #00000012;
}

.vidia-upload-meter progress {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #83dcff14;
  box-shadow: 0 0 14px var(--vidia-progress-glow);
}

.vidia-upload-meter progress::-webkit-progress-bar {
  border-radius: 999px;
  background: #83dcff14;
  box-shadow: inset 0 1px 2px #0002;
}

.vidia-upload-meter progress::-webkit-progress-value {
  border-radius: 999px;
  background: linear-gradient(90deg, #168bdb, #43c9ff 48%, #a4efff);
  box-shadow: inset 0 1px #ffffff70;
  transition: width 250ms ease-out;
}

.vidia-upload-meter progress::-moz-progress-bar {
  border-radius: 999px;
  background: linear-gradient(90deg, #168bdb, #43c9ff 48%, #a4efff);
  box-shadow: inset 0 1px #ffffff70;
}

.vidia-upload-meter > span {
  color: var(--vidia-progress-text);
  font-size: 12px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 14px var(--vidia-progress-glow);
}

.stage-feedback--working > small {
  margin-top: 10px;
  color: var(--vidia-progress-text);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

:is(.vidia-wait-bar, .vidia-upload-meter, .vidia-upload-meter progress)[hidden] {
  display: none !important;
}

[aria-valuenow="100"] > i::after,
html[data-motion="paused"] :is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i::after {
  animation: none;
  opacity: 0;
}

@keyframes vidia-meter-sheen {
  0%, 15% { transform: translateX(-100%); opacity: 0; }
  35% { opacity: .8; }
  80%, 100% { transform: translateX(100%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i { transition: none; }
  :is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i::after { animation: none; opacity: 0; }
}

@media (forced-colors: active) {
  :is(.vidia-wait-bar, .leonardo-progress, .job-progress, .vidia-upload-meter) { border-color: CanvasText; }
  :is(.studio-progress.vidia-wait-bar, .leonardo-progress, .job-progress) > i,
  .vidia-wait-bar__flow { background: Highlight; box-shadow: none; }
}

/* Source: video-player.css */
/* The visible timeline is independent from the range's generous hit area. */
[data-vidia-player][data-player-ready] {
    position: relative;
    isolation: isolate;
    container-type: inline-size;
    --player-played: 0%;
    --player-buffered: 0%;
    --player-volume: 100%;
    --theme-text: #f1faff;
    --theme-control: #26313b;
    --theme-muted: #a0b3c3;
    color-scheme: dark;
}
[data-player-ready] > video { cursor: pointer; }
.vidia-player__controls {
    position: absolute;
    z-index: 6;
    inset: auto 0 0;
    padding: 0 16px 8px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(0deg, #05080ce8, #05080c99 55%, #05080c00);
    box-shadow: none;
    color: #fff;
    line-height: 1;
    font-family: inherit;
}
.vidia-player__controls [hidden], .vidia-player__controls[hidden] { display: none !important; }
.vidia-player__timeline, .vidia-player__volume-level {
    position: relative;
    display: flex;
    align-items: center;
    height: 44px;
    margin: 0;
    cursor: pointer;
}
.vidia-player__track {
    position: absolute;
    inset: auto 4px;
    top: 50%;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: #ffffff30;
    transform: translateY(-50%);
    pointer-events: none;
    transition: height .16s ease;
}
.vidia-player__buffered, .vidia-player__played {
    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
}
.vidia-player__buffered { width: var(--player-buffered); background: #ffffff38; }
.vidia-player__played { width: var(--player-played); background: linear-gradient(90deg, #36acf0, #a3e7ff); }
.vidia-player__timeline:is(:hover, :focus-within) .vidia-player__track { height: 4px; }
/* The shared form surface must not paint a rectangle behind this range. */
html[data-theme] body [data-vidia-player][data-player-ready] .vidia-player__controls input[type=range] {
    display: block;
    position: relative;
    z-index: 1;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    outline-offset: 2px;
    cursor: pointer;
    accent-color: #a3e7ff;
}
.vidia-player__controls input[type=range]::-webkit-slider-runnable-track { height: 3px; border: 0; background: transparent; }
.vidia-player__controls input[type=range]::-moz-range-track { height: 3px; border: 0; background: transparent; }
.vidia-player__controls input[type=range]::-moz-range-progress { height: 3px; border: 0; background: transparent; }
.vidia-player__controls input[type=range]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    margin-top: -2.5px;
    border: 0;
    border-radius: 50%;
    background: #edfbff;
    box-shadow: 0 0 0 3px #9bdeff18, 0 0 8px #67cfff40;
    transition: transform .16s ease, box-shadow .16s ease;
}
.vidia-player__controls input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
    background: #edfbff;
    box-shadow: 0 0 0 3px #9bdeff18, 0 0 8px #67cfff40;
    transition: transform .16s ease, box-shadow .16s ease;
}
.vidia-player__timeline:is(:hover, :focus-within) input::-webkit-slider-thumb { transform: scale(1.25); box-shadow: 0 0 0 4px #9bdeff24, 0 0 10px #67cfff60; }
.vidia-player__timeline:is(:hover, :focus-within) input::-moz-range-thumb { transform: scale(1.25); box-shadow: 0 0 0 4px #9bdeff24, 0 0 10px #67cfff60; }
.vidia-player__controls input[type=range]:disabled { opacity: .5; cursor: default; }
.vidia-player__row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.vidia-player__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 12px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #f4faff;
    cursor: pointer;
    box-shadow: none;
    transition: color .16s ease, background .16s ease;
}
.vidia-player__button:hover { background: #ffffff12; color: #b7ebff; }
.vidia-player__controls .vidia-player__button svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.vidia-player__controls .vidia-player__play svg { fill: currentColor; stroke: none; }
.vidia-player__volume { display: flex; align-items: center; gap: 1px; }
.vidia-player__volume-level { width: 60px; margin-right: 8px; }
.vidia-player__volume-level .vidia-player__track { left: 3px; right: 3px; height: 2px; }
.vidia-player__volume-level .vidia-player__played { width: var(--player-volume); background: #d9f3ff; }
.vidia-player__controls .vidia-player__volume-level input::-webkit-slider-runnable-track { height: 2px; }
.vidia-player__controls .vidia-player__volume-level input::-moz-range-track { height: 2px; }
.vidia-player__controls .vidia-player__volume-level input::-moz-range-progress { height: 2px; }
.vidia-player__controls .vidia-player__volume-level input::-webkit-slider-thumb { width: 6px; height: 6px; margin-top: -2px; box-shadow: none; }
.vidia-player__controls .vidia-player__volume-level input::-moz-range-thumb { width: 6px; height: 6px; box-shadow: none; }
.vidia-player__time { flex-shrink: 0; color: #eef8ff; font-size:var(--text-xs); font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: .02em; }
.vidia-player__time span { color: #91a2b1; margin: 0 3px; }
.vidia-player__speed { display: flex; margin: 0 0 0 auto; min-width: 0; }
/* Override the shared form-contrast surface, including its high-specificity :is(). */
html[data-theme] body .vidia-player__speed select { width: 56px; min-height: 44px; margin: 0; padding: 8px 4px; border: 0; border-radius: 12px; background: transparent !important; color: #f1faff; -webkit-text-fill-color: #f1faff; font-size: 12px; font-family: inherit; box-shadow: none; cursor: pointer; color-scheme: dark; transition: color .16s ease; }
html[data-theme] body .vidia-player__speed select:is(:hover, :focus) { background: transparent; color: #b7ebff; -webkit-text-fill-color: #b7ebff; box-shadow: none; }
html[data-theme] body .vidia-player__speed select:focus-visible { outline: 2px solid #a7eaff; outline-offset: 2px; }
.vidia-player__controls :is(button, input, select):focus-visible, [data-vidia-player]:focus-visible { outline: 2px solid #a7eaff; outline-offset: 2px; }
[data-vidia-player][data-player-ready] .compare-slider { bottom: 118px; }
[data-vidia-player]:fullscreen { width: 100vw !important; height: 100dvh !important; max-height: none !important; background: #101215; }
[data-vidia-player]:fullscreen > video { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain; }
[data-vidia-player]:fullscreen .vidia-player__controls { padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); padding-bottom: max(12px, env(safe-area-inset-bottom)); }
@media (max-width: 600px) {
    .vidia-player__controls { padding: 0 8px 8px; }
    .vidia-player__volume-level { display: none; }
    .vidia-player__row { gap: 4px; }
    .vidia-player__time { font-size:var(--text-xs); letter-spacing: 0; }
    html[data-theme] body .vidia-player__speed select { width: 52px; font-size: 16px; padding: 8px 0; }
    [data-vidia-player][data-player-ready] .compare-slider { bottom: 112px; left: 8%; right: 8%; }
}
/* The preview may be narrow even on a desktop with three studio columns. */
@container (max-width: 600px) {
    .vidia-player__controls { padding: 0 8px 8px; }
    .vidia-player__volume-level { display: none; }
    .vidia-player__row { gap: 4px; }
    .vidia-player__time { font-size:var(--text-xs); letter-spacing: 0; }
    html[data-theme] body .vidia-player__speed select { width: 52px; }
}
@container (max-width: 360px) {
    .vidia-player__controls { padding-left: 4px; padding-right: 4px; }
    .vidia-player__row { gap: 2px; }
    .vidia-player__time { font-size:var(--text-xs); }
}
@media (prefers-reduced-motion: reduce) { .vidia-player__controls * { transition: none !important; } }

/* Source: payment-notices.css */
.payment-notice-stack{position:fixed;right:22px;bottom:22px;z-index:210;display:grid;gap:12px;width:min(390px,calc(100vw - 32px));max-height:60vh;overflow:auto}.payment-notice{position:relative;padding:20px 48px 20px 22px;border:1px solid #58c9e975;border-radius:18px;background:#161a1e;color:#f6fcff;box-shadow:0 18px 48px #0005;animation:paymentNoticeIn .2s ease-out}.payment-notice strong{font-size:15px;line-height:1.5}.payment-notice p{margin:7px 0 13px;font-size:13px;line-height:1.55;color:#d0e0e8}.payment-notice a{display:inline-flex;align-items:center;min-height:44px;color:#a5ecff;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.payment-notice button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.payment-notice :is(a,button):focus-visible{outline:2px solid #75ddff;outline-offset:3px}[data-theme=light] .payment-notice{background:#fff;color:#14212c;box-shadow:0 18px 48px #15304022}[data-theme=light] .payment-notice p{color:#415564}[data-theme=light] .payment-notice :is(a,button){color:#145b76}@keyframes paymentNoticeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.payment-notice{animation:none}}@media(max-width:600px){.payment-notice-stack{bottom:12px;right:12px}}

/* Source: ui-components.css */
/* Shared component contract. Layout-specific density is an explicit variant. */
body { font-family:var(--font-sans); }
small { font-size:var(--text-xs); }
.button, .store-cta, .studio-auth-submit, .generate-video-button, .clone-generate {
  font-family:var(--font-sans);
  font-size:var(--control-font);
  min-height:var(--control-height);
  border-radius:var(--control-radius);
  line-height:1.35;
}
.studio-auth-submit, .generate-video-button, .clone-generate, .ui-button--large {
  --control-height:var(--control-height-large);
}
.button--small, .ui-button--compact { --control-height:40px; --control-font:12px; }
.button--primary, .store-cta, .studio-auth-submit {
  color:var(--action-text);
  background:var(--action-gradient);
}
.button--secondary, .store-cta--secondary {
  color:var(--theme-text);
  background:var(--theme-surface-raised);
}
html[data-theme] body :is(.field-help, .field-group small, .form-section__heading p,
  .advanced-disclosure small, .settings-section p, .official-field small) {
  color:var(--theme-muted);
  font-size:var(--text-xs);
  line-height:1.65;
}
.button:focus-visible, .store-cta:focus-visible, .studio-auth-submit:focus-visible,
.clone-generate:focus-visible, .generate-video-button:focus-visible {
  outline:2px solid var(--shell-accent);
  outline-offset:3px;
}
.button:disabled, .store-cta:disabled, .studio-auth-submit:disabled {
  color:var(--theme-muted);
  background:var(--theme-surface-raised);
  box-shadow:none;
  cursor:not-allowed;
}
.intro-offer-slot:empty { display:none; }
.intro-offer-slot { margin:0 0 var(--space-4); }
.page-heading__actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.studio-creation-modes{display:flex;gap:14px;padding:10px 14px 0;flex-shrink:0;flex-wrap:wrap}
.studio-creation-modes a{display:inline-flex;align-items:center;min-height:44px;padding-bottom:8px;color:var(--theme-muted);font-size:var(--text-xs);font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.studio-creation-modes a[aria-current]{color:var(--theme-text);border-bottom-color:var(--theme-accent)}
.project-create-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.project-create-heading .studio-creation-modes{padding:0;grid-row:2}
.project-create-heading .step-indicator{width:100%;grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.project-create-heading .step-indicator button{min-height:44px}