:root{--bg:#09090b;--canvas:#09090b;--surface:#131316;--panel:#131316;--raised:#1c1c21;--border:#303036;--text:#f7f4ee;--muted:#a8a8b2;--lime:#f36a4f;--mint:#f36a4f;--accent:#f36a4f;--accent-soft:#33221e;--primary:#f7f4ee;color-scheme:dark}
html,body{background:#09090b;color:#f7f4ee}body{font-family:Inter,Arial,sans-serif}.layout,.main,.content,.is-workspace .content{background:#09090b!important}.layout .content{animation:none!important;transform:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f7f4ee!important;box-shadow:none!important}.primary,.primary:hover,.generate-pill,.generate-pill:hover{background:#f7f4ee!important;color:#121214!important;border:1px solid #f7f4ee!important;box-shadow:none!important;text-shadow:none!important}.primary::before,.primary::after,.generate-pill::before,.generate-pill::after{display:none!important}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:#1c1c21!important;border-color:#63636f!important;color:#f7f4ee!important}.sidebar,.topbar,.video-console,.form-panel,.panel,.model-card,.generation-card,dialog,.job-gallery{background:#131316!important;border-color:#303036!important}.topbar{backdrop-filter:none!important}.sidebar{width:224px}.nav.active{background:#30211e!important;color:#ffb6a6!important;border-color:#805247!important}.preview-note{color:#a8a8b2;background:none!important;border-color:#303036!important}.eyebrow,.lf-overline{color:#c5c1bc}.muted,.fine,small,.page-heading p{color:#a8a8b2}.video-workspace,.studio{display:grid!important;grid-template-columns:minmax(360px,392px) minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.video-console,.form-panel{overflow:visible!important;max-height:none!important;padding:24px!important;border-radius:16px!important}.video-console form,.form-panel form{display:block}.prompt-compose,.compact-model,.model-select,.switch-row,.workflow-upload-area{background:#1c1c21!important;border-color:#60606b!important;color:#f7f4ee!important}.prompt-compose{padding:16px!important;border-radius:12px!important}.prompt-compose textarea{min-height:154px!important;color:#f7f4ee!important;background:transparent!important}.prompt-top b,.console-heading h2{color:#f7f4ee}.frame-slot{background:#1c1c21!important;border-color:#60606b!important}.frame-slot.is-dragging{outline:2px solid #f36a4f;background:#30211e!important}.frame-icon{color:#f7f4ee!important}.frame-hint{color:#b8b8c2!important}.frame-ready{background:#f7f4ee!important;color:#09090b!important}.quick-settings select,select,input:not([type=checkbox]),textarea{background:#1c1c21;color:#f7f4ee;border-color:#62626d}textarea::placeholder,input::placeholder{color:#a8a8b2}.workflow-tabs{gap:4px!important}.workflow-tabs button{font-size:12px!important;padding:12px 6px!important}.workflow-tabs button.selected{color:#f7f4ee!important;border-color:#f36a4f!important}.studio-history{min-height:480px!important;overflow:hidden!important}.generation-action{position:sticky;bottom:16px;z-index:3;padding:12px 0;background:#131316;border-radius:10px;margin-top:12px;min-height:104px}.generation-action .generate-pill{height:52px!important;min-height:52px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:0 18px!important;font-weight:650;border-radius:10px!important;opacity:1}.generation-action .generate-pill span:last-child{font-size:12px;color:#3c3b3b!important;border:0!important;padding:0!important}.generation-hint{font-size:12px;line-height:1.5;color:#b9b9c2;margin:0 0 8px;min-height:18px}.generation-recovery{padding:10px 0;color:#ffb6a6;background:none;border:0;font-size:12px}.job-gallery-head,.job-details{background:#131316!important}.job-media{background:#1c1c21!important}.job-badge{color:#f7f4ee!important;background:#222226!important;border-color:#65656b!important}.job-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}.job-empty{border:1px dashed #65656b;background:transparent!important}.model-picker-search{border-color:#62626d!important}.model-picker-search input{background:transparent!important}.brand img,.dw-wordmark img{filter:grayscale(1)}
/* Public composition: a single framed image is the visual focus. */
.ember-home{max-width:1440px;margin:auto}.ember-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #303036;gap:20px}.ember-nav nav{display:flex;gap:24px}.ember-nav nav button,.ember-nav nav a{color:#bcbcc5;background:none;border:0;font-size:13px;text-decoration:none}.ember-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:650;letter-spacing:-1px;color:#f7f4ee;text-decoration:none}.ember-brand img{width:32px;height:32px}.ember-hero{padding:76px 0 36px;position:relative}.ember-hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.ember-hero h1{font-size:clamp(48px,5.8vw,90px);font-weight:500;letter-spacing:-.065em;line-height:1.03;margin:20px 0 28px;max-width:950px}.ember-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#cbc7c0}.ember-hero p{color:#a8a8b2;max-width:370px;font-size:15px;line-height:1.7}.ember-actions{display:flex;gap:10px;margin:24px 0}.ember-actions button{padding:15px 24px;min-height:48px;border-radius:8px}.ember-art{position:relative;height:430px;margin:32px 0 0;padding:18px;background:linear-gradient(140deg,#414146 0,#09090b 14%,#19191d 49%,#51342d 52%,#f36a4f 52.2%,#17171b 53%,#39383b 100%);border:1px solid #535158;border-radius:28px;box-shadow:0 24px 100px #0006;overflow:hidden}.ember-art>img{width:100%;height:100%;object-fit:cover;border:1px solid #6c6661;border-radius:12px}.ember-art:after{content:'';pointer-events:none;position:absolute;inset:19px;border-radius:12px;background:linear-gradient(90deg,#09090b99,transparent 65%)}.ember-art-caption{position:absolute;z-index:1;left:48px;bottom:42px}.ember-art-caption span{font-size:10px;letter-spacing:3px;color:#f7f4ee}.ember-art-caption p{color:#f7f4ee;margin:10px 0 0;font-family:Georgia,serif;font-size:30px}.ember-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;color:#a8a8b2}.ember-section{padding:72px 0;border-top:1px solid #303036}.ember-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.ember-heading h2{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;line-height:1.12;font-weight:500;margin:12px 0}.ember-heading p{max-width:370px;color:#a8a8b2;line-height:1.7}.ember-split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.ember-feature{position:relative;border:1px solid #49494f;background:#131316;border-radius:14px;overflow:hidden;text-align:left;color:#f7f4ee;padding:0}.ember-feature img{width:100%;height:300px;object-fit:cover;display:block}.ember-feature div{padding:24px}.ember-feature h3{font-size:27px;margin:10px 0;letter-spacing:-.8px}.ember-feature p{color:#a8a8b2;line-height:1.6;margin:0 0 20px}.ember-feature span{color:#ffb6a6;font-size:12px}.ember-process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.ember-process article{border-top:1px solid #63636d;padding-top:24px}.ember-process b{color:#f36a4f}.ember-process p{color:#a8a8b2;line-height:1.7}.ember-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #49494f;background:#49494f}.ember-plans article{background:#131316;padding:24px}.ember-plans h3{margin:0 0 16px}.ember-plans strong{font-size:30px}.ember-plans p{font-size:12px;color:#a8a8b2;line-height:1.7}.ember-plans button{width:100%}.ember-home .lf-model-strip{margin:30px 0 0;padding:24px 0;background:transparent!important}.ember-home .lf-film-container{margin-top:24px}.ember-home .lf-product-stage{border-color:#535158!important;background:#09090b!important}.ember-home .lf-film-wash{background:radial-gradient(ellipse at 70% 20%,#f36a4f26,transparent 55%)!important}.ember-home .lf-demo-submit{background:#f7f4ee!important;color:#121214!important}.ember-home .lf-demo-status{color:#f7f4ee!important;background:#131316!important}.ember-home .lf-output-stage{height:480px}.ember-continue{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ember-continue button{padding:24px;text-align:left;font-size:18px}.ember-film-note{font-size:12px;color:#a8a8b2}.ember-home .lf-command-section{margin:0}.preset-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.preset-toolbar input{flex:1;min-width:160px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.preset-card{border:1px solid #49494f;border-radius:12px;overflow:hidden;background:#131316}.preset-poster{aspect-ratio:16/10;position:relative;overflow:hidden;background:#1c1c21}.preset-poster img{width:100%;height:100%;object-fit:cover}.preset-poster small{position:absolute;bottom:10px;left:12px;background:#09090bd9;color:#f7f4ee;padding:5px 8px;font-size:10px}.preset-card-body{padding:20px}.preset-card h3{margin:0 0 8px;font-size:21px}.preset-card p{color:#a8a8b2;font-size:13px;line-height:1.6}.preset-card footer{display:flex;gap:8px;margin-top:18px}.preset-card footer button{flex:1;padding:11px 5px}.preset-details img,.preset-details video{width:100%;max-height:340px;object-fit:cover;border-radius:10px}.preset-details dl{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px}.preset-details dd{margin:0;color:#a8a8b2}.preset-details .tile-art{height:200px}.preset-tiers{color:#ffb6a6;font-size:11px}.recipe-editor{display:grid;gap:16px}.feature-status-list{display:grid;gap:8px}.feature-status-list article{display:flex;justify-content:space-between;gap:24px;padding:16px;border-bottom:1px solid #303036}.feature-status-list small{display:block;margin-top:8px}.owner-charge{padding:12px 0;color:#ffb6a6}
@media(max-width:1100px){.video-workspace,.studio{grid-template-columns:minmax(340px,380px) minmax(0,1fr)!important}.ember-hero-top{display:block}.ember-hero p{max-width:560px}.ember-plans{grid-template-columns:repeat(2,1fr)}.ember-nav nav{gap:12px}}
@media(max-width:800px){.video-workspace,.studio{display:flex!important;flex-direction:column!important;gap:24px!important}.video-console,.form-panel,.studio-history{width:100%!important;min-width:0!important}.ember-nav nav{display:none}.ember-hero{padding-top:38px}.ember-hero h1{font-size:clamp(43px,9vw,70px)}.ember-art{height:330px;padding:10px;border-radius:20px}.ember-art:after{inset:11px}.ember-art-caption{left:28px;bottom:32px}.ember-art-caption p{font-size:25px}.ember-split{grid-template-columns:1fr}.ember-process{grid-template-columns:1fr;gap:20px}.ember-heading{display:block}.ember-section{padding:44px 0}.generation-action{bottom:max(8px,env(safe-area-inset-bottom));padding:12px;outline:1px solid #49494f;box-shadow:0 -6px 20px #09090b88;min-height:106px}.keyboard-open .generation-action{position:static;box-shadow:none}.ember-actions{flex-wrap:wrap}.ember-meta{font-size:9px}.ember-home .lf-model-strip>p{display:none}.ember-home .lf-model-strip>div{flex-wrap:wrap}.ember-home .lf-model-strip button{display:none}.ember-continue{grid-template-columns:1fr}.ember-plans article{padding:18px}.ember-feature img{height:240px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.reduce *,.reduce *::before,.reduce *::after{animation:none!important;transition:none!important}
.ember-home{box-sizing:border-box;width:100%;padding:0 40px}.ember-nav>div{display:flex;align-items:center;gap:12px}.ember-home .primary,body .layout .content .generation-action .generate-pill,body .layout .content .primary{background:#f7f4ee!important;color:#121214!important;border-color:#f7f4ee!important;box-shadow:none!important}.ember-home .primary:hover,body .layout .content .primary:hover{background:#e1dcd3!important;color:#121214!important}.ember-home .primary:before,.ember-home .primary:after{display:none!important}.ember-brand img{filter:none!important;background:none!important}.ember-home .lf-product-stage{margin-bottom:12px}.ember-home .lf-film-controls{margin-bottom:32px}.ember-home .lf-closeup{border-color:#7b665f!important}.ember-home .lf-shot-4 h3{color:#f7f4ee!important}
@media(max-width:800px){.ember-home{padding:0 20px}.ember-nav{padding:20px 0}.ember-nav .lf-command-trigger{display:none}.ember-brand{font-size:23px}.ember-art{height:300px}.ember-meta{align-items:start;line-height:1.5}.ember-meta>span{max-width:52%}.ember-meta .lf-watch{font-size:11px}.ember-art-caption p{font-size:21px}}
/* Supersede the retired studio layers, including their ID-specific action rules. */
body #generate-button.generate-pill,body #workflow-generate.generate-pill{background:#f7f4ee!important;background-image:none!important;color:#121214!important;border:1px solid #f7f4ee!important;box-shadow:none!important;backdrop-filter:none!important;position:static!important;justify-content:space-between!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 16px!important;gap:12px!important;font-size:14px!important;transform:none!important;opacity:1!important;filter:none!important}
body #generate-button.generate-pill>span,body #workflow-generate.generate-pill>span{color:#121214!important}body #generate-button.generate-pill>span:last-child,body #workflow-generate.generate-pill>span:last-child{font-size:11px!important;font-weight:500!important;white-space:nowrap}body #generate-button.generate-pill:disabled,body #workflow-generate.generate-pill:disabled{opacity:.75!important}body #generate-button.generate-pill:before,body #generate-button.generate-pill:after,body #workflow-generate.generate-pill:before,body #workflow-generate.generate-pill:after{display:none!important}
body .layout.is-workspace .video-workspace:has(.studio-history),body .layout.is-workspace .studio:has(.studio-history){display:grid!important;grid-template-columns:minmax(360px,392px) minmax(0,1fr)!important;gap:24px!important;height:auto!important;min-height:0!important;align-items:start!important}
body .layout.is-workspace .video-workspace:has(.studio-history)>.video-console,body .layout.is-workspace .studio:has(.studio-history)>.form-panel{background:#131316!important;border:1px solid #303036!important;border-radius:14px!important;padding:24px!important;height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
body .layout.is-workspace #studio-form,body .layout.is-workspace #workflow-form{display:block!important;width:100%!important;min-width:0!important}body .layout.is-workspace .generation-action{width:100%;box-sizing:border-box;grid-column:1/-1!important}body .layout.is-workspace .director-prompt,body .layout.is-workspace .prompt-compose,body .layout.is-workspace .compact-model,body .layout.is-workspace .switch-row{background:#1c1c21!important;border-color:#62626d!important}body .layout.is-workspace .studio-history{background:#131316!important;border-color:#303036!important;height:auto!important;max-height:none!important;min-height:440px!important}body .layout.is-workspace .quick-settings select{border-color:#62626d!important;background:#1c1c21!important;color:#f7f4ee!important}body .layout.is-workspace .switch-track{background:#55555e!important;border-color:#85858f!important}body .layout.is-workspace input:checked+.switch-track{background:#ad4936!important;border-color:#ffb6a6!important}.is-workspace .lf-command-trigger{background:#1c1c21!important;border-color:#60606b!important;color:#f7f4ee!important}
@media(max-width:1100px){body .layout.is-workspace .video-workspace:has(.studio-history),body .layout.is-workspace .studio:has(.studio-history){grid-template-columns:minmax(340px,380px) minmax(0,1fr)!important}}
@media(max-width:900px){body .layout.is-workspace .video-workspace:has(.studio-history),body .layout.is-workspace .studio:has(.studio-history){display:flex!important;flex-direction:column!important;height:auto!important}body .layout.is-workspace .video-workspace:has(.studio-history)>.video-console,body .layout.is-workspace .studio:has(.studio-history)>.form-panel{grid-column:auto!important;grid-row:auto!important;padding:18px!important;width:100%!important}body .layout.is-workspace .studio-history{width:100%!important}body .layout.is-workspace .generation-action{padding:12px;bottom:max(8px,env(safe-area-inset-bottom))}}
body .layout.is-workspace .workflow-tabs{background:#1c1c21!important;border-color:#62626d!important}body .layout.is-workspace .workflow-tabs button{color:#bdbdc6!important}body .layout.is-workspace .workflow-tabs button.selected{background:#33221e!important;color:#f7f4ee!important;box-shadow:inset 0 -2px #f36a4f!important}body .layout.is-workspace .frame-icon{background:#27272c!important;border-color:#666671!important;color:#f7f4ee!important}body .layout.is-workspace .frame-icon>i{background:#f7f4ee!important;color:#121214!important;border-color:#131316!important}.account-credit-menu>summary{background:#1c1c21!important;border-color:#62626d!important}.credit-spark{color:#f36a4f!important}
@media(max-width:680px){body .layout.is-workspace .content:has([data-generation-action]){padding-bottom:170px!important}body .layout.is-workspace .generation-action{position:fixed!important;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto!important;margin:0!important;z-index:12;border:1px solid #62626d;outline:0;padding:12px;background:#131316;box-shadow:0 -8px 25px #09090b88}body.keyboard-open .layout.is-workspace .generation-action{position:static!important;width:100%!important;box-shadow:none!important}body.keyboard-open .layout.is-workspace .content:has([data-generation-action]){padding-bottom:28px!important}body .layout.is-workspace .video-console,body .layout.is-workspace .form-panel{transform:none!important;animation:none!important}}
.lf-product-stage[data-step="5"] .lf-shot-5{opacity:1;visibility:visible;transform:none}.lf-shot-5{flex-direction:column;text-align:center;gap:22px}.lf-shot-5 h3{font-size:clamp(42px,7vw,90px);letter-spacing:-4px;margin:0}.lf-shot-5 p{color:#a8a8b2;margin:0}.lf-shot-4>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lf-shot-4>div{position:relative;z-index:1;text-align:center}.lf-shot-4:after{content:'';position:absolute;inset:0;background:#09090b66}.lf-shot-4 h3{font-size:clamp(30px,5vw,70px);letter-spacing:-2px;line-height:1.15;margin:20px 0}.lf-shot-4 small{color:#f7f4ee}.lf-shot-3 .lf-demo-console{position:relative;z-index:2}.lf-shot-3>.lf-demo-console{background:#131316}.lf-shot-3:after{display:none}.lf-shot-3 .lf-demo-canvas>div{position:absolute}
body .generation-card.preview-unavailable .job-details>a{display:inline-flex!important;margin-top:8px;color:#f7f4ee!important;border:1px solid #62626d!important;padding:10px 14px;max-width:100%;font-size:12px}.generation-card.preview-unavailable .job-media{min-height:170px}.generation-card.preview-unavailable .job-error{padding:24px;line-height:1.7}.generation-card .media-actions{opacity:1!important}.generation-card .media-icon:disabled{opacity:.4!important;cursor:not-allowed}

/* Controls flow with the page: the old gallery body lock hid settings below the viewport. */
html:has(.studio-history),body:has(.studio-history){overflow-y:auto!important;height:auto!important;max-height:none!important;scrollbar-width:auto!important}
body .layout.is-workspace .content:has(.studio-history){overflow:visible!important}
body .layout.is-workspace .video-console,body .layout.is-workspace .form-panel{position:static!important;overscroll-behavior:auto!important}
body .layout.is-workspace .generation-action{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;box-shadow:none!important}

.wild-enhance{display:block;width:100%;margin:8px 0 18px;padding:11px;font-size:12px}.wild-ai-launch{width:100%;padding:12px;margin:12px 0}.wild-ai-dialog{width:min(620px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #62626d;border-radius:16px;color:#f7f4ee}.wild-ai-dialog::backdrop{background:#0009}.wild-ai-dialog h2{margin:0}.wild-ai-dialog .row{justify-content:space-between;margin-bottom:20px}.wild-ai-dialog textarea{display:block;width:100%;min-height:110px;padding:12px;margin:8px 0 18px;resize:vertical;border-radius:10px}.wild-ai-messages p{padding:14px;background:#1c1c21;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.wild-ai-messages strong{display:block;margin-bottom:8px;color:#ffb6a6}.wild-ai-messages{max-height:40dvh;overflow:auto}

.production-suites{padding:28px;margin-bottom:30px}.suite-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.suite-tabs button{padding:12px}.suite-tabs [aria-pressed=true]{border-color:#f36a4f!important;background:#30211e!important}.production-suites textarea{display:block;width:100%;min-height:140px;padding:14px;border-radius:10px;margin:10px 0 18px;resize:vertical}.production-suites textarea[name=result]{min-height:240px}.production-suites .primary{padding:14px}.production-suites .ember-actions{margin:18px 0;display:flex;gap:10px}.local-audio{padding:20px;border:1px solid #62626d;border-radius:12px;margin:24px 0}.local-audio audio{width:100%;margin:15px 0}.local-audio input{width:100%}#suite-editor{max-width:900px}#suite-editor [role=status]{margin-top:12px;line-height:1.6}
body .layout.is-workspace .main:has(.studio-history){height:auto!important;min-height:100dvh!important;overflow:visible!important;display:block!important}
body .layout.is-workspace .content:has(.studio-history){height:auto!important;min-height:0!important;display:block!important;flex:none!important}
body .layout.is-workspace .video-workspace:has(.studio-history),body .layout.is-workspace .studio:has(.studio-history){flex:none!important}
html:has(.studio-history){overflow-y:auto!important;overflow-x:clip!important;min-height:100%!important}
body:has(.studio-history){overflow:visible!important;min-height:100dvh!important}
body #app:has(.studio-history),body .layout.is-workspace:has(.studio-history){height:auto!important;max-height:none!important;min-height:100dvh!important}
