@layer themes {
/* Shared theme controls, ownership labels and responsive navigation. */
.header-actions,.auth-home-actions{display:flex;align-items:center;gap:22px}
.theme-switch{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:0;padding:var(--wf-space-1);border:1px solid var(--wf-rule);border-radius:30px;background:var(--wf-soft);color:var(--wf-muted);cursor:pointer;font:500 var(--wf-text-sm)/1.3 Arial,Helvetica,sans-serif;min-height:40px;white-space:nowrap}
.theme-switch:before{position:absolute;content:'';z-index:-1;inset:4px auto 4px 4px;width:calc(50% - 4px);background:var(--wf-surface);border-radius:22px;box-shadow:0 1px 5px color-mix(in srgb,var(--wf-shadow) 8.24%,transparent);transition:transform var(--wf-motion-normal)}
.theme-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-width:71px;padding:6px 9px;transition:color var(--wf-motion-normal)}
.theme-choice svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-switch[aria-checked=false] .theme-light{color:var(--wf-ink)}.theme-switch[aria-checked=true]:before{transform:translateX(100%)}
.theme-switch:focus-visible{outline:3px solid var(--wf-highlight);outline-offset:4px}

.stage-role{font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.05em;padding:3px 7px;border-radius:var(--wf-radius-sm);display:inline-block;white-space:nowrap;vertical-align:middle}
.role-human{background:var(--wf-soft);color:var(--wf-muted)}.role-ai{background:var(--wf-soft);color:var(--wf-muted)}
.wf-studio .journey-steps .stage-role{font-size:9px;margin-left:2px;padding:3px 5px}
.motion-landing .plan-stages,.wf-studio .plan-stages{display:flex;flex-direction:column;gap:0;margin:0 0 27px;flex:1;padding:0}
.plan-stages>div{border-top:1px solid var(--wf-rule);padding:17px 0}
.motion-landing .plan-stages dt,.wf-studio .plan-stages dt{font:500 var(--wf-text-base)/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:inherit;margin:0 0 var(--wf-space-2);display:flex;gap:7px;align-items:center}
.motion-landing .plan-stages dd,.wf-studio .plan-stages dd{font-size:var(--wf-text-base);line-height:1.6;margin:0;color:inherit;text-align:left}
.plan-stages dd small{display:block;font-size:var(--wf-text-sm);line-height:1.6;color:var(--wf-muted);margin-top:5px}
.public-plan.featured .plan-stages>div,.plan-featured .plan-stages>div{border-color:var(--wf-inverse-rule)}
.public-plan.featured .plan-stages dd small,.plan-featured .plan-stages dd small{color:var(--wf-inverse-muted)}
.public-plan.featured .role-human,.plan-featured .role-human{background:var(--wf-inverse);color:var(--wf-inverse-muted)}
.public-plan.featured .role-ai,.plan-featured .role-ai{background:var(--wf-inverse);color:var(--wf-inverse-muted)}
.motion-landing .pricing-details,.wf-studio .billing-explainer{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-studio .ai-usage-note{display:grid;grid-template-columns:auto 1fr;gap:var(--wf-space-3) 13px;align-items:start;padding:22px var(--wf-space-5);background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:7px;margin:0 0 27px}
.wf-studio .ai-usage-note p{font-size:var(--wf-text-base);line-height:1.75;color:var(--wf-muted);margin:0}
.wf-studio .ai-usage-note .stage-role{margin-top:3px}
.wf-studio .allowance-card .ai-usage-note{margin-top:23px;padding:18px;background:transparent}
html[data-theme=dark]{
  color-scheme:dark;
  --wf-base:#0b1118;--wf-secondary:#131e2b;
  --wf-paper:#0b1118;--wf-surface:#131e2b;--wf-soft:#182637;
  --wf-surface-hover:#182637;--wf-rule:#223347;--wf-border-hover:rgba(255,255,255,.16);
  --wf-ink:#f1f5f9;--wf-muted:#94a3b8;--wf-tertiary:#8798ae;--wf-decorative:#64748b;
  --wf-highlight:#a855f7;--wf-highlight-hover:#9333ea;--wf-highlight-ink:#ffffff;
  /* The requested electric violet is decorative; this deeper CTA shade gives
     white 12–14px labels AA contrast. No claim of AAA for every color pair. */
  --wf-action:#9333ea;--wf-action-hover:#7e22ce;--wf-accent-ink:#c084fc;--wf-focus:#c084fc;
  --wf-nav-tint:rgba(168,85,247,.12);--wf-nav-indicator:#c084fc;
  --wf-control-border:#536a84;
  --wf-inverse:#182637;--wf-inverse-ink:#f1f5f9;--wf-inverse-muted:#94a3b8;--wf-inverse-rule:#223347;
  --wf-sidebar:#101a26;--wf-sidebar-ink:#f1f5f9;--wf-sidebar-muted:#94a3b8;--wf-sidebar-hover:#182637;
  --wf-forest:#182637;--wf-sage:#182637;--wf-orange:#c084fc;--wf-blue:#9fc2e7;
  --wf-media:#080e15;--wf-media-ink:#f1f5f9;--wf-media-rule:#536a84;
  --wf-card-shadow:0 2px 6px rgba(0,0,0,.14);
  --wf-shadow:#080e15;--wf-glow:#f1f5f9}
.credit-rules{padding:22px 25px;margin:0 0 28px;border:1px solid var(--wf-rule);border-radius:7px;background:var(--wf-soft)}
.credit-rules>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 28px}
.credit-rules>div>span{display:flex;align-items:center;gap:9px;font-size:var(--wf-text-reading);line-height:1.6}
.credit-rules b{font-weight:600;margin-left:var(--wf-space-2)}
.credit-rules>p{margin:var(--wf-space-4) 0 0;font-size:var(--wf-text-base);line-height:1.7;color:var(--wf-muted)}
.plan-credit-count{font-size:var(--wf-text-md);line-height:1.5;padding:21px 0;border-block:1px solid var(--wf-rule);margin-bottom:18px}
.plan-credit-count>b{font-size:38px;letter-spacing:-1px;font-weight:500;margin-right:5px}
.motion-landing .public-plan>.plan-example,.wf-studio .plan-card>.plan-example{font-size:var(--wf-text-base);line-height:1.75;min-height:0;margin:0 0 26px;color:var(--wf-muted)}
.motion-landing .public-plan>.button{margin-top:auto}
.motion-landing .credit-reset,.wf-studio .credit-reset{font-size:var(--wf-text-base);line-height:1.8;color:var(--wf-muted);margin:25px 0}
.plan-revision-note{font-size:var(--wf-text-control);line-height:1.7;margin:0 0 var(--wf-space-5);color:var(--wf-muted)}
.motion-landing .public-plan.featured>.plan-example,.wf-studio .plan-featured>.plan-example,.wf-studio .plan-featured>.plan-revision-note{color:var(--wf-inverse-muted)}
@media(max-width:650px){.credit-rules{padding:19px}.credit-rules>div{align-items:flex-start;flex-direction:column;gap:14px}.credit-rules>div>span{font-size:var(--wf-text-base)}.credit-rules>p{font-size:var(--wf-text-control)}.plan-credit-count>b{font-size:34px}}


/* Semantic materials. Navigation geometry remains owned by navigation.css. */
html[data-theme] body{background:var(--wf-paper);color:var(--wf-ink)}
html[data-theme] body.wf-studio{--bg:var(--wf-paper);--panel:var(--wf-surface);--panel2:var(--wf-soft);--line:var(--wf-rule);--text:var(--wf-ink);--muted:var(--wf-muted);--accent:var(--wf-accent-ink);--mint:var(--wf-accent-ink);--wf-coral:var(--wf-highlight)}
html[data-theme=dark] body.wf-studio{color-scheme:dark}
html[data-theme] ::selection{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] .skip{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--wf-focus);outline-offset:2px}
.wf-studio .app-shell{background:var(--wf-paper)}
.wf-studio :is(.topbar,.brief-actionbar,footer){background:var(--wf-paper);border-color:var(--wf-rule)}
.wf-studio :is(.breadcrumb>a,.page-heading p,.section-kicker,.eyebrow,.field-help,.project-library-heading p,.film-card-body>p,.film-card-foot>span,.inspiration-body>p,.brief-preview-body>p,.editor-section-heading p,.editor-details summary small,.field-guide-card p,.structure-body>p,.structure-runtime,.billing-explainer p,.billing-history>p,.receipt-list span,.receipt-list small,.checkout-order>p,.checkout-result>p,.service-note,.reference-source-notes,.ai-usage-note p){color:var(--wf-muted)}

/* Persistent navigation uses a tint and an edge marker, never a CTA fill. */
.wf-studio .sidebar{background:var(--wf-sidebar);color:var(--wf-sidebar-ink);--text:var(--wf-sidebar-ink);--muted:var(--wf-sidebar-muted);--line:var(--wf-rule)}
.wf-studio .sidebar :is(.brand,.workspace,.credit-balance,.credit-balance b,.sidebar-bottom .text-button){color:var(--wf-sidebar-ink)}
.wf-studio .sidebar :is(.brand-sub,.nav-section-label,.workspace small,.sidebar-home,.credit-balance small,.credit-balance .section-kicker){color:var(--wf-sidebar-muted)}
.wf-studio .sidebar :is(.workspace,.nav-support,.sidebar-bottom,.credit-balance){border-color:var(--wf-rule)}
.wf-studio .workspace{background:transparent}
.wf-studio .workspace-avatar{background:var(--wf-surface);color:var(--wf-ink)}
.wf-studio .nav-item{position:relative;color:var(--wf-sidebar-muted);background:transparent}
.wf-studio .nav-item svg{color:inherit;background:transparent}
.wf-studio .nav-item:hover{background:var(--wf-sidebar-hover);color:var(--wf-sidebar-ink)}
.wf-studio .nav-item.active,.wf-studio .nav-support .nav-item.active{background:var(--wf-nav-tint);color:var(--wf-ink)}
.wf-studio .nav-item.active svg{color:var(--wf-ink);background:transparent}
.wf-studio .nav-item.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--wf-nav-indicator)}
.wf-studio .nav-active-dot{display:none}

/* Only creation triggers use a solid accent. Editing/checkout tools stay quiet. */
.wf-studio :is(.button.primary,.button.secondary){background:var(--wf-surface);border:1px solid var(--wf-control-border);color:var(--wf-ink);box-shadow:none}
.wf-studio :is(.button.primary,.button.secondary):hover{background:var(--wf-surface-hover);border-color:var(--wf-accent-ink);color:var(--wf-ink)}
.wf-studio :is(.sidebar-create,.creation-action,#quick-idea-form .button){background:var(--wf-action);border-color:var(--wf-action);color:var(--wf-highlight-ink);box-shadow:none}
.wf-studio :is(.sidebar-create,.creation-action,#quick-idea-form .button):hover{background:var(--wf-action-hover);border-color:var(--wf-action-hover);color:var(--wf-highlight-ink)}
.wf-studio :is(.look-preset,.option-card){background:var(--wf-surface);color:var(--wf-ink);border-color:var(--wf-control-border)}
.wf-studio :is(.look-preset[aria-pressed=true],.option-card.selected){background:var(--wf-nav-tint);border-color:var(--wf-accent-ink);color:var(--wf-ink)}
.wf-studio :is(input,select,textarea,#quick-idea):not(.project-search){background:var(--wf-surface);border-color:var(--wf-control-border);color:var(--wf-ink)}
.wf-studio :is(input,textarea)::placeholder{color:var(--wf-tertiary);opacity:1}
.wf-studio .project-search-wrap{border-color:var(--wf-control-border)}
.wf-studio .project-search-wrap:focus-within{outline:2px solid var(--wf-focus);outline-offset:2px}
.wf-studio .project-search-wrap .project-search{background:transparent;border:0;box-shadow:none;color:inherit}
.wf-studio .project-search-wrap .project-search:focus-visible{outline:none}
.wf-studio .context-tabs>a[aria-current=page]{border-color:var(--wf-control-border);color:var(--wf-ink)}
.wf-studio :is(.project-filters,.subject-chips){padding:5px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-lg);background:var(--wf-surface);width:fit-content;max-width:100%}
.wf-studio :is(.project-filters button,.subject-chips button){min-height:36px;border-color:transparent;color:var(--wf-muted);background:transparent}
.wf-studio :is(.project-filters [aria-pressed=true],.subject-chips [aria-pressed=true]){border-color:var(--wf-control-border);background:var(--wf-nav-tint);color:var(--wf-ink)}

/* Flat, explicit surface steps. Light mode adds a gentle ambient shadow. */
.wf-studio :is(.panel,.film-card,.inspiration-card,.field-guide-card,.structure-card,.brief-preview,.checkout-payment,.checkout-result,.studio-launch,.first-project,.billing-current,.checkout-order,.inspiration-intro,.ai-usage-note,.credit-rules,dialog,.review-document,.document,.connect-dialog,.new-film-tile,.starter-tile){border:1px solid var(--wf-rule);background:var(--wf-surface);color:var(--wf-ink);box-shadow:var(--wf-card-shadow)}
.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile){transition:background var(--wf-motion-fast) ease,border-color var(--wf-motion-fast) ease,transform var(--wf-motion-fast) ease,box-shadow var(--wf-motion-fast) ease}
.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile):hover{background:var(--wf-surface-hover);border-color:var(--wf-border-hover);transform:translateY(-2px);box-shadow:var(--wf-card-shadow)}
.wf-studio :is(.brief-section,.editor-details,.shot-editor,.export-links,.receipt-list,.receipt-list>article,.brief-promise,.brief-preview-body dl,.film-card-foot,.context-tabs,.production-summary,.production-steps,.project-journey,.order-total,.checkout-result dl>div){border-color:var(--wf-rule)}
.wf-studio :is(.count,.film-duration,.project-status,.quiet-tag,.tag,.soft-pill,.role-human,.role-ai,.brief-promise,.beat-ribbon>span,.notice,.friendly-collection,.api-availability,.optional-tools.proof-tools,.editorial-summary,.checkout-mode-note,.reference-source-notes,.connection-unavailable,.personalize-note){background:var(--wf-soft);color:var(--wf-ink);border-color:var(--wf-rule)}
.wf-studio :is(.cover-0,.cover-1,.cover-2,.cover-3,.guide-motion,.guide-food,.guide-design,.guide-place,.field-guide-art,.brief-preview-cover,.empty-film-stack>span){background:var(--wf-soft);color:var(--wf-accent-ink)}
.wf-studio :is(.starter-tile small,.brief-preview-body dt,.brief-promise>span){color:var(--wf-muted)}
.wf-studio .film-cover-label{background:var(--wf-surface);color:var(--wf-ink)}
.wf-studio :is(.launch-copy h2 em,.auth-art h1 em,.inspiration-intro-art,.field-guide-intro h2 em,#checkout-error){color:var(--wf-accent-ink)}
.wf-studio .inspiration-intro p{color:var(--wf-muted)}
.wf-studio :is(.board-image,.board-image svg,.direction-gallery img,.job-media video,video){background:var(--wf-media)}
.wf-studio :is(.video-table thead,.chart-foot,.table-scroll){background:var(--wf-soft);color:var(--wf-ink)}
.wf-studio .board-image{color:var(--wf-media-ink)}
.wf-studio .receipt-symbol{background:var(--wf-nav-tint);color:var(--wf-accent-ink)}
.wf-studio .launch-sticker{background:var(--wf-media);border:1px solid var(--wf-media-rule);color:var(--wf-media-ink)}
.wf-studio .launch-caption :is(span,b,small){color:var(--wf-media-ink);text-shadow:none}
.wf-studio .look-cinematic>span{color:var(--wf-inverse-ink)}
.wf-studio .look-graphic>span{color:var(--wf-ink)}
.wf-studio .audio-envelope path{stroke:var(--wf-rule)}
.wf-studio .audio-envelope polyline{stroke:var(--wf-accent-ink)}

/* Shared public-page colors follow the same semantic palette. */
html[data-theme] :is(.wf-studio .plan-card.plan-featured,.motion-landing .public-plan.featured,.motion-landing .perspective){background:var(--wf-inverse);color:var(--wf-inverse-ink);border-color:var(--wf-inverse-rule)}
:is(.plan-featured,.public-plan.featured,.perspective){--muted:var(--wf-inverse-muted);--rule:var(--wf-inverse-rule)}
html[data-theme] :is(.wf-studio .plan-featured,.motion-landing .public-plan.featured) :is(p,.plan-example,.plan-revision-note,.plan-stages dd small){color:var(--wf-inverse-muted)}
html[data-theme] .wf-studio .plan-card.plan-featured .button{background:var(--wf-surface);border-color:var(--wf-control-border);color:var(--wf-ink)}
html[data-theme] .motion-landing .button{color:var(--wf-ink);border-color:var(--wf-control-border)}
html[data-theme] .motion-landing :is(.button.dark,.public-plan.featured .button){background:var(--wf-action);color:var(--wf-highlight-ink);border-color:var(--wf-action)}
html[data-theme] .motion-landing :is(.button.dark,.public-plan.featured .button):hover{background:var(--wf-action-hover);color:var(--wf-highlight-ink);border-color:var(--wf-action-hover)}
html[data-theme] .motion-landing :is(.hero h1 em,.hero-world figcaption strong,.closing h2 em,.pencil-note){color:var(--wf-accent-ink)}
html[data-theme] .motion-landing .principle-strip{background:var(--wf-secondary);color:var(--wf-ink);border-color:var(--wf-rule)}
html[data-theme] .motion-landing .motion-tag{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] .motion-landing .perspective :is(.eyebrow,.perspective-intro,.perspective-notes p,.note-index){color:var(--wf-inverse-muted)}
html[data-theme] .motion-landing .closing-scribble{color:var(--wf-soft)}
html[data-theme=dark] .wf-mark{filter:brightness(0) invert(1)}
html[data-theme=dark] .theme-switch[aria-checked=true] .theme-dark{color:var(--wf-accent-ink)}
html[data-theme=dark] .theme-switch:before{background:var(--wf-paper)}
html[data-theme=dark] .motion-landing :is(.hero-description,.art-topline,.eyebrow,.hero-world figcaption small,.studio-note,.section-heading>p:last-child,.step-copy,.step-number,.step-label,.demo-kind,.demo-count,.demo-footnote,.film-caption p,.pricing-details p,.faq details p,.site-footer>span,.site-footer small){color:var(--wf-muted)}
html[data-theme=dark] .motion-landing :is(.site-header,.step,.closing,.site-footer,.faq-list,details,.brief-rule,.demo-bar,.demo-status,.perspective-notes article){border-color:var(--wf-rule)}
html[data-theme=dark] .motion-landing :is(.concept-demo,.public-plan,.pricing-test-note){background:var(--wf-surface);border-color:var(--wf-rule);color:var(--wf-ink)}
html[data-theme=dark] .motion-landing .public-plan.featured{background:var(--wf-inverse)}
html[data-theme=dark] .motion-landing .public-plan>p{color:var(--wf-muted)}
html[data-theme=dark] .motion-landing .paper-brief{background:var(--wf-soft);border-color:var(--wf-rule)}
html[data-theme=dark] .motion-landing .paper-brief dt{color:var(--wf-muted)}
html[data-theme=dark] .motion-landing .motion-frame{background:var(--wf-media);box-shadow:16px 20px 0 var(--wf-shadow)}

@media(max-width:1100px){.header-actions{gap:var(--wf-space-4)}.theme-choice{min-width:62px;padding-inline:var(--wf-space-2)}.theme-switch{font-size:var(--wf-text-xs)}}
@media(max-width:760px){.header-actions,.auth-home-actions{gap:var(--wf-space-3)}.header-actions .theme-choice{min-width:39px;padding:7px 10px}.header-actions .theme-choice>span{display:none}.header-actions .theme-choice svg{width:16px;height:16px}.wf-studio .top-actions{gap:10px}.wf-studio .top-actions .home-link,.wf-studio .auth-home-actions .home-link{display:none}.wf-studio .top-actions .theme-choice,.auth-home-actions .theme-choice{min-width:35px;padding:7px 9px}.wf-studio .top-actions .theme-choice>span,.auth-home-actions .theme-choice>span{display:none}.wf-studio .top-actions .platform-pill{display:none}.motion-landing .pricing-details,.wf-studio .billing-explainer{grid-template-columns:1fr}.wf-studio .journey-steps{gap:14px}.wf-studio .journey-steps .stage-role{font-size:8px}}
@media(max-width:500px){.motion-landing .site-header{gap:var(--wf-space-3)}.motion-landing .site-header .wordmark{font-size:var(--wf-text-lg);gap:7px;letter-spacing:-1px}.motion-landing .site-header .wf-mark{width:28px;height:28px}.header-actions{gap:10px}.motion-landing .nav-entry{font-size:var(--wf-text-sm);gap:var(--wf-space-2);white-space:nowrap}.header-actions .theme-choice{min-width:33px;padding:6px var(--wf-space-2)}}
@media(max-width:360px){.motion-landing .site-header .wordmark{font-size:0;gap:0}.motion-landing .site-header .wf-mark{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.theme-switch:before,.theme-choice{transition:none}.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile):hover{transform:none}}
}