@font-face{font-family:Manrope;src:url('/assets/design/manrope-regular.ttf');font-display:swap}@font-face{font-family:Manrope;src:url('/assets/design/manrope-semibold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/design/manrope-bold.ttf');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#f1efdf;--panel:#f8f6eb;--ink:#202018;--muted:#726f60;--line:#d2cfbf;--accent:#3c46e9;--radius:7px;--wa-font-family-body:Manrope,Arial,sans-serif;--wa-form-control-background-color:#faf8ef;--wa-form-control-border-color:#c4c0b1;--wa-color-brand-fill-loud:#3c46e9;--wa-color-brand-on-loud:#fff;--wa-color-focus:#3c46e9;--wa-focus-ring:solid 2px #3c46e9;--wa-color-text-normal:#202018;--wa-color-neutral-fill-normal:#faf8ef;--wa-color-neutral-on-normal:#202018;--wa-color-surface-default:#f8f6eb;--wa-color-surface-raised:#f8f6eb}
body{font-family:Manrope,Arial,sans-serif}header{border-color:var(--line);padding:17px 32px;gap:22px;min-height:75px}.brand{font-size:36px}.brand small{color:var(--muted)}header nav{margin-left:18px;gap:18px}header .primary{font-size:11px;min-height:38px;padding:10px 16px}.primary{color:white;background:var(--accent);border-radius:5px}.primary:hover{background:#2b35cd;color:white}.outline{border-color:var(--line);border-radius:5px}.outline:hover{background:#e6e3d5;color:var(--accent)}.text,.eyebrow{color:var(--accent)}main{max-width:1400px;padding-inline:32px}.step-panel{max-width:1040px}.page-heading h1{font-size:clamp(35px,4.7vw,64px);font-weight:600;letter-spacing:-.055em}.steps{max-width:1040px;gap:0;border-block:1px solid var(--line)}.steps button{padding:17px;color:var(--muted);border-right:1px solid var(--line);font-size:12px}.steps span{color:inherit}.steps button[aria-current=step]{background:var(--accent);color:white}.steps button[aria-current=step]:after{display:none}.card,.profile-choice{background:var(--panel);border-color:var(--line)}label{color:var(--ink);font-size:12px}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{background:#faf8ef;border:1px solid var(--line);color:var(--ink);border-radius:4px}input::placeholder,textarea::placeholder{color:#868171}.drop,.drop:hover,.drop.dragging{background:#e8e5d7;border-color:#a29de0}.drop>span{color:var(--muted)}.track-strip,.notice,.review-summary,.profile-setup-note,.profile-reminder{background:#e8e5d7;border-color:var(--line);color:var(--ink)}.story-card,.idea-edit,.advanced,.idea-box,.rhythm,.audio-editor{border-color:var(--line);background:var(--panel)}.helper,.caption,.story-card p,.review-row p,.page-heading p:last-child{color:var(--muted)}.story-card summary,.story-heading h2{color:var(--ink)}.screen{background:#23231d}.nav-link[aria-current=page]{color:var(--accent)}.error{color:#9b3022;background:#f7e8dd;border-color:#d6a999}.success{color:#3c5c34;background:#e3ead8}.loading-bars i{background:var(--accent)}footer{border-color:var(--line);color:var(--muted)}.public-view header .landing-nav{display:flex;margin-left:auto;gap:20px;align-items:center}.public-view header{max-width:1600px;margin:auto}.public-view main{max-width:1440px;padding:28px 32px 40px}.director-landing{max-width:none;padding:0}.director-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:end;margin:25px 0 34px}.director-intro h1{font-size:clamp(54px,7.5vw,112px);letter-spacing:-.075em;line-height:.98;font-weight:600;margin:0}.director-intro>div{padding:0 0 5px}.director-intro p{font-size:24px;line-height:1.3;letter-spacing:-.045em;margin:0 0 15px}.director-intro a{font-size:11px;color:var(--accent)}.director-table{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.director-controls{border:1px solid var(--line);padding:16px;border-radius:5px}.director-controls>label{margin:16px 0}.director-controls select{width:100%;font-size:12px;padding:9px}.director-controls>.primary{width:100%;font-size:12px}.director-controls>small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}.demo-track{background:var(--accent);color:white;border-radius:4px;padding:15px}.demo-track>*{display:block}.demo-track span{font-size:9px;letter-spacing:.09em}.demo-track strong{font-size:17px;margin:9px 0}.demo-track small{font-size:10px;opacity:.8}.director-stage>video,.director-stage>img{width:100%;height:600px;object-fit:contain;background:#20221f;border-radius:6px}.director-stage>img{object-fit:cover}.director-stage>p{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0}.demo-ribbon{display:flex;justify-content:center;gap:20px;padding:17px;border-block:1px solid var(--line);font-size:12px}.director-section{padding:62px 0;border-top:1px solid var(--line);margin-top:50px}.director-section h2,.director-final h2{font-size:clamp(34px,4.8vw,68px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:18px 0 30px}.director-section>p{max-width:820px}.landing-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.landing-example-grid video{width:100%;height:365px;object-fit:contain;background:#21221d;border-radius:5px}.landing-example-grid h3{font-size:14px;line-height:1.5;font-weight:600}.landing-example-grid a{font-size:10px;color:var(--accent)}.director-process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.director-process b{font-size:11px;color:var(--accent)}.director-process h3,.director-features h3{font-size:23px;line-height:1.25;letter-spacing:-.04em;font-weight:600}.director-process p,.director-features p,.director-section details p{font-size:13px;line-height:1.85;color:var(--muted)}.director-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 42px}.director-features article{border-top:1px solid var(--line)}.director-offers{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0}.director-offers article{min-width:210px;border:1px solid var(--line);padding:20px}.director-offers h3{font-size:16px}.director-offers strong{font-size:37px;letter-spacing:-.04em}.director-offers p{font-size:11px;color:var(--muted)}.director-section details{border-top:1px solid var(--line);padding:8px 0}.director-section summary{font-size:16px;font-weight:600;line-height:1.6;padding:14px 0}.director-final{padding:48px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.auth-dialog{max-width:490px;width:calc(100% - 32px);background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:32px}.auth-dialog::backdrop{background:#1e201cb0}.auth-dialog h2{font-size:38px;font-weight:600;letter-spacing:-.055em;line-height:1.1}.auth-dialog>p{font-size:13px;line-height:1.8;color:var(--muted)}.auth-dialog>a{font-size:11px;color:var(--accent)}.auth-close{position:absolute;right:14px;top:8px;font-size:28px}.auth-tabs{display:flex;gap:15px;margin-top:24px;border-bottom:1px solid var(--line)}.auth-tabs button{background:none;padding:10px 0;font-size:12px;color:var(--muted)}.auth-tabs [aria-pressed=true]{color:var(--accent);border-bottom:2px solid var(--accent)}.creative-heading h2{font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.045em;margin:12px 0}.creative-heading>p{font-size:13px;color:var(--muted)}.creative-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin:24px 0}.creative-inputs>label{margin-bottom:21px;gap:9px}.creative-inputs select,.creative-inputs textarea{width:100%;padding:12px;font-size:12px;line-height:1.65}.creative-reference{position:sticky;top:20px;align-self:start;border:1px solid var(--line);padding:20px;border-radius:5px}.creative-reference h3{font-size:28px;letter-spacing:-.04em;font-weight:600}.creative-reference video,.creative-reference img{width:100%;height:270px;object-fit:contain;background:#21221e;border-radius:4px}.creative-reference>p,.creative-reference details p{font-size:12px;line-height:1.8;color:var(--muted)}.legacy-direction{margin:20px 0;border-top:1px solid var(--line)}.legacy-direction>summary{color:var(--accent)}.distribution-heading{text-align:left;padding:15px 0}.distribution-heading h2{font-size:27px;letter-spacing:-.04em}.distribution-heading p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:1050px){.director-intro h1{font-size:72px}.director-table{grid-template-columns:240px 1fr}.director-stage>video,.director-stage>img{height:570px}.landing-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.director-process{grid-template-columns:repeat(2,minmax(0,1fr))}.public-view header .landing-nav{gap:14px}.landing-nav>a{font-size:11px}.director-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header{padding:14px 16px;gap:12px;flex-wrap:wrap}header nav{gap:13px;margin:0}.nav-link{font-size:11px}.account{font-size:10px}.public-view header .landing-nav>a{display:none}.public-view header .landing-nav{gap:12px}.public-view header .landing-nav .primary{padding:10px;font-size:10px}.public-view main,main{padding-inline:16px}.director-intro{grid-template-columns:1fr;gap:20px;margin-top:10px}.director-intro h1{font-size:clamp(44px,10vw,66px)}.director-intro p{font-size:19px}.director-table{grid-template-columns:1fr}.director-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.director-controls>label{margin:0}.demo-track,.director-controls>.primary,.director-controls>small{grid-column:1/-1}.director-stage>video,.director-stage>img{height:470px}.demo-ribbon{gap:12px;padding:13px 6px;font-size:10px}.director-section{padding:35px 0;margin-top:30px}.landing-example-grid{gap:12px}.landing-example-grid video{height:280px}.landing-example-grid h3{font-size:12px}.director-process{gap:18px}.director-process h3,.director-features h3{font-size:20px}.director-features{grid-template-columns:1fr}.director-final{display:block}.director-final .primary{width:100%}.steps button{font-size:10px;padding:14px 5px;white-space:normal}.steps span{display:block}.creative-workspace{grid-template-columns:1fr}.creative-reference{position:static}.creative-heading h2{font-size:27px}.auth-dialog{padding:26px}.auth-dialog h2{font-size:33px}.page-heading h1{font-size:38px}.director-offers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.director-offers article{min-width:0;padding:14px}.director-offers strong{font-size:30px}}
.legacy-direction.creative-active #track-direction,.legacy-direction.creative-active #prompt-details{display:none!important}
.youtube-dialog{background:var(--bg);color:var(--ink);border-color:var(--line);border-radius:8px;font-family:Manrope,Arial,sans-serif}.youtube-dialog input:not([type=checkbox]):not([type=radio]),.youtube-dialog select,.youtube-dialog textarea{background:#faf8ef;color:var(--ink);border-color:var(--line);border-radius:4px}.youtube-channel-row{border-color:var(--line)}.youtube-check input,.instagram-dialog input[type=checkbox],.youtube-progress progress{accent-color:var(--accent)}.instagram-recipient{color:var(--accent)}.profile-choice:hover,.profile-choice:focus-visible{background:#e8e5d7;border-color:var(--accent)}.profile-saved{background:#e4e8da;color:#3e5d39}
/* The public preview explains a recipe; all choices belong to the studio. */
.world-demo{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:60px;align-items:center;padding:30px 0 46px}
.world-recipe h2{font-size:clamp(32px,3.6vw,51px);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin:18px 0}
.world-lead{max-width:490px;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 25px}
.world-track{display:flex;align-items:center;gap:17px;background:var(--accent);color:white;padding:20px;border-radius:7px;overflow:hidden}
.world-track-icon{font-size:32px;line-height:1;width:35px;flex-shrink:0}.world-track>div:nth-child(2){min-width:0}.world-track small{display:block;font-size:9px;letter-spacing:.08em;color:#fff;opacity:.8}.world-track strong{display:block;font-size:17px;line-height:1.3;margin:8px 0 4px}.world-track span:not(.world-track-icon){font-size:11px;color:#fff;opacity:.8}
.world-wave{display:flex;gap:3px;align-items:center;margin-left:auto;height:44px;flex-shrink:0}.world-wave i{display:block;width:3px;height:var(--bar);background:#ffffff7d;border-radius:3px}
.world-ingredients{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:21px 0 26px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.world-ingredients>div{padding:18px 20px;min-width:0}.world-ingredients>div:nth-child(odd){border-right:1px solid var(--line)}.world-ingredients>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.world-ingredients dt{font-size:9px;letter-spacing:.08em;color:var(--muted)}.world-ingredients dd{font-size:22px;font-weight:600;letter-spacing:-.04em;margin:8px 0 4px;line-height:1.25}.world-ingredients span{font-size:10px;color:var(--muted)}
.world-start{display:flex;align-items:center;gap:20px}.world-start .primary{padding:15px 22px;font-size:13px}.world-start>span{font-size:10px;line-height:1.7;color:var(--muted)}
.world-result{min-width:0;border:1px solid var(--line);border-radius:9px;padding:15px;background:#e8e5d7}.world-result-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.07em;padding:0 2px 13px;color:var(--muted)}.world-video-frame{display:flex;justify-content:center;border-radius:5px;background:#24251f;overflow:hidden}.world-video-frame video{display:block;height:490px;width:100%;object-fit:contain;max-width:100%;background:#24251f}.world-story-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.world-story-switcher button{min-width:0;display:flex;text-align:left;align-items:center;gap:8px;border:1px solid transparent;padding:6px;background:transparent;border-radius:5px;color:var(--ink)}.world-story-switcher button[aria-pressed=true]{background:var(--panel);border-color:var(--accent)}.world-story-switcher img{width:31px;height:42px;border-radius:3px;object-fit:cover}.world-story-switcher span{font-size:12px}.world-story-switcher small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.world-result-note{font-size:10px;line-height:1.6;color:var(--muted);margin:11px 2px 0}
/* Web Awesome parts must follow the same light palette as native controls. */
wa-select::part(combobox){background:var(--panel);border-color:var(--line);color:var(--ink);border-radius:5px}wa-select::part(display-input){color:var(--ink)}wa-select::part(expand-icon){color:var(--muted)}wa-select::part(listbox){background:var(--panel);border-color:var(--line);box-shadow:0 12px 36px #20201826}wa-option{color:var(--ink)}wa-option:state(current){background:var(--accent);color:white}wa-option:state(selected){font-weight:600}.audio-transport output{color:var(--muted)}
@media(max-width:1100px){.world-demo{gap:30px}.world-wave{display:none}.world-ingredients dd{font-size:20px}.world-story-switcher img{width:24px;height:34px}.world-story-switcher button{gap:5px}}
@media(max-width:760px){.world-demo{grid-template-columns:1fr;gap:27px;padding:15px 0 20px}.world-recipe h2{font-size:36px}.world-lead{font-size:14px}.world-track{padding:17px}.world-wave{display:flex}.world-ingredients>div{padding:16px}.world-ingredients dd{font-size:22px}.world-start{gap:14px}.world-start .primary{padding:13px 17px}.world-result{max-width:440px;width:100%;justify-self:center;box-sizing:border-box}.world-video-frame video{height:min(570px,115vw)}.world-story-switcher img{width:31px;height:42px}.world-story-switcher button{gap:8px}.world-start>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.world-demo *{scroll-behavior:auto}}

.world-video-frame{background:transparent}.world-video-frame video{width:auto;border-radius:5px}