:root{--blue:#1464f6;--blue2:#0a46c8;--blue-soft:#dfe9fb;--yellow:#ffd400;--yellow-soft:#fff3a8;--navy:#08285f;--ink:#10254b;--muted:#60708d;--line:#ccd8eb;--surface:#fbfdff;--canvas:#e7edf7;--success:#168a60;--font:Rubik,Arial,sans-serif;--shadow:0 24px 70px rgba(17,49,105,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:var(--font);background:radial-gradient(circle at 9% 15%,rgba(255,212,0,.14) 0 80px,transparent 81px),radial-gradient(circle at 92% 36%,rgba(20,100,246,.08) 0 140px,transparent 141px),var(--canvas)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}
.topbar{position:sticky;top:0;z-index:20;height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(20,100,246,.09);backdrop-filter:blur(18px)}.brand{display:block;width:176px;height:62px;text-decoration:none;direction:ltr}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}.top-actions,.language-switcher{display:flex;align-items:center;gap:12px}.save-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.save-state i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(32,168,115,.11)}.text-button{border:0;padding:9px 12px;background:none;color:var(--navy);font-weight:700;border-radius:10px}.text-button:hover{background:var(--blue-soft);color:var(--blue)}.language-switcher{gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#f3f6fc;direction:ltr}.language-switcher button{border:0;padding:6px 9px;border-radius:8px;background:transparent;color:var(--muted);font:700 11px DM Sans,sans-serif}.language-switcher button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(8,40,95,.08)}.avatar{width:37px;height:37px;border:0;border-radius:50%;background:var(--yellow);color:var(--navy);font:800 12px DM Sans,sans-serif}
main{width:min(1120px,92vw);margin:0 auto 64px}.intro{padding:32px 20px 22px;text-align:center}.eyebrow{color:var(--blue);font:800 10px DM Sans,sans-serif;letter-spacing:.16em}.intro .eyebrow span{color:#e9bd00}.intro h1{max-width:780px;margin:8px auto 10px;color:var(--navy);font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-.045em}.intro p{max-width:650px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.55}.intro-note{width:fit-content;margin:14px auto 0;padding:7px 12px;display:flex;align-items:center;gap:7px;color:var(--navy);background:var(--yellow-soft);border-radius:999px;font-size:12px;font-weight:700}.intro-note i{font-style:normal;color:var(--blue)}
.stepper{position:relative;max-width:760px;margin:3px auto 18px;display:grid;grid-template-columns:repeat(6,1fr)}.stepper:before{content:"";position:absolute;z-index:0;top:16px;right:8%;left:8%;height:3px;border-radius:3px;background:#dce6f7}.step{position:relative;z-index:1;border:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;color:#98a5bb;font-size:12px;font-weight:700}.step i{width:34px;height:34px;border:3px solid var(--canvas);display:grid;place-items:center;border-radius:50%;background:#dce6f7;color:#7d8da9;font:800 11px DM Sans,sans-serif;transition:.24s}.step.active,.step.done{color:var(--navy)}.step.active i{background:var(--yellow);color:var(--navy);box-shadow:0 0 0 5px rgba(255,212,0,.19);transform:scale(1.08)}.step.done i{background:var(--blue);color:#fff}
.workspace{overflow:hidden;border:1px solid rgba(20,100,246,.12);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.stage{display:none;padding:clamp(28px,5vw,58px)}.stage.active{display:block;animation:stageIn .35s ease both}@keyframes stageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stage-copy{position:relative;margin-bottom:30px;padding-inline-start:56px}.stage-number{position:absolute;inset-inline-start:0;top:5px;width:40px;height:28px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:var(--blue);font:800 11px DM Sans,sans-serif}.stage-copy h2{margin:0 0 9px;color:var(--navy);font-size:clamp(28px,3.7vw,43px);line-height:1.05;letter-spacing:-.035em}.stage-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.meta-row{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-row label,.advanced label{display:flex;flex-direction:column;gap:8px;color:var(--navy);font-size:12px;font-weight:800}.meta-row input,.advanced select,.auto-panel select{min-height:50px;outline:none;border:1.5px solid var(--line);border-radius:14px;padding:12px 15px;background:#fbfdff;color:var(--navy);transition:.2s}.meta-row input:focus,.advanced select:focus,.auto-panel select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(20,100,246,.1)}.stage-actions{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.hint{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.hint i{color:var(--blue);font-style:normal}.primary-action{min-width:190px;min-height:50px;border:0;border-radius:14px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--yellow);color:var(--navy);font-weight:800;box-shadow:0 8px 24px rgba(255,212,0,.24);transition:.2s}.primary-action:hover{background:#ffe03b;box-shadow:0 11px 26px rgba(255,212,0,.33);transform:translateY(-2px)}.primary-action i{color:var(--blue);font-size:18px;font-style:normal}.back{border:0;padding:10px 4px;background:none;color:var(--muted);font-weight:700}.back:hover{color:var(--blue)}
.upload-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.dropzone{position:relative;overflow:hidden;min-height:134px;border:1.5px dashed #bdcceb;border-radius:20px;padding:23px;display:flex;align-items:center;gap:16px;background:#f8faff;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}.dropzone.has-file{border-style:solid;border-color:var(--success);background:#f3fff9}.dropzone input,.field-head input{position:absolute;opacity:0;pointer-events:none}.drop-icon{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 7px 22px rgba(20,100,246,.1);font-size:24px}.primary-drop .drop-icon{background:var(--blue);color:var(--yellow)}.dropzone div{display:flex;flex-direction:column;gap:4px}.dropzone b{color:var(--navy);font-size:16px}.dropzone small{color:var(--muted)}.dropzone em{margin-inline-start:auto;color:var(--blue);font-size:12px;font-style:normal;font-weight:800}
.choice-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-card{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:21px;display:flex;align-items:center;gap:14px;background:#fff;text-align:start;transition:.2s}.source-card:hover{border-color:#abc3f3;transform:translateY(-2px)}.source-card>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:14px;background:var(--blue-soft);color:var(--blue);font-size:19px}.source-card div{display:flex;flex-direction:column;gap:3px}.source-card b{color:var(--navy)}.source-card small{color:var(--muted)}.source-card>i{display:none;margin-inline-start:auto;color:var(--blue);font-style:normal}.source-card.selected{border-color:var(--blue);background:#fbfdff;box-shadow:0 0 0 4px rgba(20,100,246,.08)}.source-card.selected>span{background:var(--yellow);color:var(--navy)}.source-card.selected>i{display:block}.auto-panel{margin-top:18px;padding:20px;border-radius:18px;display:flex;align-items:center;gap:16px;background:var(--blue-soft)}.listening-orb{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--blue)}.listening-orb span{width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(255,212,0,.2)}.auto-panel>div:nth-child(2){flex:1}.auto-panel b{display:block;color:var(--navy)}.auto-panel p{margin:4px 0 0;color:var(--muted);font-size:13px}.auto-panel select{width:auto;background:#fff}.manual-panel{position:relative;margin-top:18px}.field-head{margin-bottom:8px;display:flex;justify-content:space-between;color:var(--navy);font-size:12px;font-weight:800}.field-head label{color:var(--blue);cursor:pointer}textarea{width:100%;min-height:185px;resize:vertical;outline:none;border:1.5px solid var(--line);border-radius:16px;padding:18px;background:#fbfdff;color:var(--navy);font-size:16px;line-height:1.8}.manual-panel>small{position:absolute;bottom:12px;left:14px;color:var(--muted)}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recipe{overflow:hidden;border:1.5px solid var(--line);border-radius:19px;padding:0;background:#fff;text-align:start;transition:.25s}.recipe:hover{border-color:#b7c9ec;box-shadow:0 14px 30px rgba(8,40,95,.09);transform:translateY(-3px)}.recipe.selected{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,100,246,.08)}.recipe-image{position:relative;overflow:hidden;height:174px}.recipe-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.recipe:hover img{transform:scale(1.035)}.recipe-image>span{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font:800 10px DM Sans,sans-serif}.recipe-image>i{position:absolute;right:11px;bottom:11px;border-radius:20px;padding:6px 9px;background:var(--yellow);color:var(--navy);font-size:10px;font-style:normal;font-weight:800}.recipe>div:last-child{padding:18px}.recipe b{color:var(--navy);font-size:18px}.recipe p{margin:7px 0 16px;color:var(--muted);font-size:13px;line-height:1.45}.recipe small{display:inline-block;border-radius:8px;padding:6px 8px;background:var(--blue-soft);color:var(--blue2)}.style-tuning{margin-top:20px;padding:20px 22px;border-radius:18px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:22px;align-items:center;background:#f7faff}.style-tuning>div{display:flex;flex-direction:column}.style-tuning b{color:var(--navy)}.style-tuning small{color:var(--muted);font-size:11px}.style-tuning label{display:flex;flex-direction:column;gap:9px;color:var(--navy);font-size:11px;font-weight:800}.style-tuning input{width:100%;accent-color:var(--blue)}.advanced{margin-top:12px;border:1px solid var(--line);border-radius:14px}.advanced summary{list-style:none;padding:14px 18px;display:flex;justify-content:space-between;color:var(--navy);font-size:13px;font-weight:800;cursor:pointer}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary i{transform:rotate(45deg)}.advanced>div{border-top:1px solid var(--line);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sync-player{border-radius:20px;padding:22px;background:var(--navy);color:#fff}.track{display:flex;align-items:center;gap:12px}.cover-mini{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#79a6ff);background-size:cover!important;color:var(--yellow);font-weight:800}.track div{flex:1;display:flex;flex-direction:column}.track small{color:#aab8d0}.track button{width:42px;height:42px;border:0;border-radius:50%;background:var(--yellow);color:var(--navy)}.waveform{height:72px;margin-top:19px;display:flex;align-items:center;gap:3px;direction:ltr}.waveform i{width:3px;border-radius:3px;background:#42638f}.waveform i.played{background:var(--yellow)}.wave-time{display:flex;justify-content:space-between;color:#96a8c4;font:500 10px DM Sans,sans-serif}.review-head{margin:24px 0 10px;display:flex;justify-content:space-between;align-items:center}.review-head>div{display:flex;flex-direction:column}.review-head b{color:var(--navy)}.review-head small{color:var(--muted)}.review-head>span{display:flex;align-items:center;gap:6px;color:var(--success);font-size:12px}.review-head>span i{width:7px;height:7px;border-radius:50%;background:var(--success)}.moment-list{overflow:hidden;border:1px solid var(--line);border-radius:16px}.moment{padding:12px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 72px 1fr 100px 125px;align-items:center;gap:12px}.moment:last-child{border:0}.moment.active{background:var(--blue-soft)}.moment-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:10px}.moment time{color:var(--muted);font:500 11px DM Sans,sans-serif;direction:ltr}.moment>b{color:var(--navy);font-size:15px}.confidence{font-size:11px;font-weight:700}.confidence.amber{color:#bb7926}.confidence.green{color:var(--success)}.moment>div{display:flex;align-items:center;gap:8px;direction:ltr}.moment>div button{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:#fff}.moment>div em{font:500 11px DM Sans,sans-serif;font-style:normal}
.preview-stage{padding-bottom:32px}.preview-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:18px}.film-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border-radius:21px;background:var(--navy)}.film-frame>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;animation:slowDrift 12s ease-in-out infinite alternate}.film-frame .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,13,.05),rgba(8,40,95,.7))}.film-copy{position:absolute;right:11%;top:50%;display:flex;flex-direction:column;align-items:flex-start;color:#fff;transform:translateY(-50%)}.film-copy span{font-size:clamp(17px,2.1vw,28px);opacity:.78;animation:rise .8s ease both}.film-copy strong{font-family:'Frank Ruhl Libre',serif;font-size:clamp(54px,8vw,112px);line-height:.88;letter-spacing:-.04em;animation:wordReveal 1.1s cubic-bezier(.2,.8,.2,1) both}.film-copy i{width:42%;height:5px;margin-top:15px;border-radius:5px;background:var(--yellow);animation:lineGrow 1.2s .1s both}.film-frame[data-recipe=light] .film-copy{right:auto;left:9%;align-items:flex-end}.film-frame[data-recipe=light] .film-copy strong,.film-frame[data-recipe=memory] .film-copy strong{font-family:Assistant,sans-serif;font-weight:800}.film-frame[data-recipe=memory] .film-copy{right:8%;transform:translateY(-50%) rotate(-2deg)}.film-frame>button{position:absolute;left:24px;bottom:22px;width:45px;height:45px;border:0;border-radius:50%;background:var(--yellow);color:var(--navy)}.timecode{position:absolute;bottom:36px;left:81px;color:#fff9;font:500 10px DM Sans,sans-serif;direction:ltr}.intent-panel{border-radius:20px;padding:22px;background:#f6f9ff}.intent-panel h3{margin:8px 0 18px;color:var(--navy);font-size:21px}.intent-panel>button{width:100%;margin-bottom:9px;border:1px solid transparent;border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;background:#fff;text-align:start}.intent-panel>button:hover,.intent-panel>button.active{border-color:var(--blue);box-shadow:0 4px 14px rgba(20,100,246,.08)}.intent-panel>button>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-style:normal;font-weight:800}.intent-panel button span{display:flex;flex-direction:column}.intent-panel button b{color:var(--navy)}.intent-panel button small{margin-top:2px;color:var(--muted);font-size:11px}.intent-panel .advanced-studio{margin-top:18px;border:0;border-radius:0;padding:10px 0;justify-content:space-between;background:transparent;color:var(--blue);font-weight:800}.export-bar{margin-top:18px;border:1px solid var(--line);border-radius:17px;padding:15px 17px;display:flex;align-items:center;gap:24px}.export-bar>div:first-child{flex:1;display:flex;flex-direction:column}.export-bar span,.export-bar .cost small{color:var(--muted);font-size:11px}.export-bar b{color:var(--navy)}.export-bar .cost{border-inline-start:1px solid var(--line);padding-inline-start:22px;text-align:center}.export-bar .cost small{display:block}.export-bar .cost b{font:800 22px DM Sans,sans-serif}
.processing{position:fixed;inset:0;z-index:60;display:none;place-items:center;align-content:center;background:rgba(245,248,255,.95);backdrop-filter:blur(14px);text-align:center}.processing.show{display:grid}.processing>div{height:48px;display:flex;align-items:center;justify-content:center;gap:5px}.processing>div span{width:7px;border-radius:6px;background:var(--blue);animation:listen .8s infinite alternate}.processing>div span:nth-child(2){background:var(--yellow);animation-delay:.2s}.processing>div span:nth-child(3){animation-delay:.4s}.processing b{margin-top:15px;color:var(--navy);font-size:24px}.processing p{color:var(--muted)}@keyframes listen{from{height:12px}to{height:44px}}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:.78;transform:none}}@keyframes wordReveal{from{opacity:0;filter:blur(10px);transform:translateY(40px) scale(.93)}to{opacity:1;filter:blur(0);transform:none}}@keyframes lineGrow{from{width:0}to{width:42%}}@keyframes slowDrift{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.11) translateX(1%)}}
.modal{position:fixed;inset:0;z-index:70;display:none;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(8,40,95,.74);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(560px,92vw);border-radius:24px;padding:34px;background:#fff;box-shadow:0 30px 90px rgba(8,40,95,.38)}.modal-close{position:absolute;top:15px;left:15px;width:32px;height:32px;border:0;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:21px}.modal-card h2{margin:10px 0;color:var(--navy);font-size:34px;line-height:1.05}.modal-card>p{color:var(--muted)}.price-options{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-options>div{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.price-options .featured{border-color:var(--blue);background:var(--blue-soft)}.price-options b{margin:7px 0;color:var(--navy);font:800 28px DM Sans,sans-serif}.price-options small{color:var(--muted)}.price-options em{position:absolute;top:-10px;left:12px;border-radius:9px;padding:4px 8px;background:var(--yellow);color:var(--navy);font-size:10px;font-style:normal;font-weight:800}.modal-card>.primary-action{width:100%}.toast{position:fixed;right:50%;bottom:26px;z-index:100;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;background:var(--navy);color:#fff;font-size:13px;transform:translate(50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(50%,0)}body[dir=ltr] .film-copy{right:auto;left:11%;align-items:flex-start}body[dir=ltr] .film-frame .shade{background:linear-gradient(-90deg,rgba(8,9,13,.05),rgba(8,40,95,.7))}
@media(max-width:800px){.brand{width:145px;height:54px}.topbar{height:72px;padding:0 18px}.save-state,.text-button{display:none}.intro{padding:24px 16px 18px}.intro p{font-size:15px}.stepper span{display:none}.workspace{border-radius:22px}.stage{padding:28px 20px}.upload-grid,.choice-pair,.recipe-grid,.preview-layout{grid-template-columns:1fr}.recipe-grid{gap:12px}.recipe{display:grid;grid-template-columns:120px 1fr}.recipe-image{height:100%}.style-tuning{grid-template-columns:1fr}.style-tuning>div{margin-bottom:5px}.moment{grid-template-columns:30px 1fr 85px}.moment time,.moment>div{display:none}.export-bar{flex-wrap:wrap}.export-bar .primary-action{width:100%}.export-bar .cost{border:0}.hint{display:none}.stage-actions{justify-content:flex-end}.stage-actions:has(.back){justify-content:space-between}}
@media(max-width:520px){main{width:94vw}.top-actions{gap:7px}.avatar{display:none}.brand{width:132px}.intro h1{font-size:37px}.intro-note{font-size:11px}.meta-row,.advanced>div,.price-options{grid-template-columns:1fr}.dropzone{min-height:110px;padding:17px}.dropzone em{display:none}.recipe{grid-template-columns:95px 1fr}.recipe>div:last-child{padding:14px}.recipe p{margin-bottom:8px}.auto-panel{align-items:flex-start;flex-wrap:wrap}.auto-panel select{width:100%}.film-copy strong{font-size:52px}.modal-card{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.topbar{background:rgba(240,244,251,.92);border-bottom-color:rgba(8,40,95,.13)}.workspace{border-color:rgba(8,40,95,.16)}.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}.newsletter{margin:28px 0 0;padding:28px 30px;border:1px solid rgba(8,40,95,.16);border-radius:24px;display:grid;grid-template-columns:58px minmax(240px,.8fr) minmax(360px,1.2fr);gap:22px;align-items:center;background:linear-gradient(135deg,#dbe5f5,#edf2fa);box-shadow:0 18px 45px rgba(17,49,105,.09)}.newsletter-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--blue);color:var(--yellow);font:900 33px DM Sans,sans-serif}.newsletter-copy h2{margin:5px 0 5px;color:var(--navy);font-size:25px;line-height:1.1}.newsletter-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.newsletter-fields{display:flex;gap:9px}.newsletter-fields input{width:100%;min-width:0;height:50px;outline:none;border:1.5px solid #b7c6df;border-radius:14px;padding:0 15px;background:rgba(255,255,255,.78);color:var(--navy)}.newsletter-fields input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,100,246,.1)}.newsletter-fields button{height:50px;flex:none;border:0;border-radius:14px;padding:0 17px;display:flex;align-items:center;gap:15px;background:var(--yellow);color:var(--navy);font-weight:800}.newsletter-fields button i{color:var(--blue);font-style:normal}.consent{margin-top:9px;display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:12px;line-height:1.35;cursor:pointer}.consent input{margin-top:2px;accent-color:var(--blue)}.newsletter-status{min-height:16px;margin:5px 0 0;font-size:12px;font-weight:700}.newsletter-status.error{color:#b23a48}.newsletter-status.success{color:var(--success)}@media(max-width:900px){.newsletter{grid-template-columns:58px 1fr}.newsletter form{grid-column:1/-1}}@media(max-width:520px){.newsletter{padding:22px 18px;grid-template-columns:46px 1fr;gap:15px}.newsletter-mark{width:46px;height:46px;border-radius:14px;font-size:27px}.newsletter-copy h2{font-size:21px}.newsletter-fields{flex-direction:column}.newsletter-fields button{justify-content:center}.consent{font-size:11px}}

/* Immersive creator shell */
body{position:relative;background:#071937;color:#fff}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 15% 8%,#174fcf 0,transparent 34%),radial-gradient(circle at 86% 22%,#693ee7 0,transparent 29%),radial-gradient(circle at 48% 92%,#0b65c8 0,transparent 42%),linear-gradient(145deg,#06132d 0%,#0a2453 54%,#091633 100%)}.ambient:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.ambient span{position:absolute;border-radius:50%;filter:blur(4px);opacity:.72;animation:ambientFloat 14s ease-in-out infinite alternate}.ambient span:nth-child(1){width:340px;height:340px;top:8%;left:-8%;background:rgba(17,101,255,.55)}.ambient span:nth-child(2){width:260px;height:260px;top:30%;right:-5%;background:rgba(255,212,0,.22);animation-delay:-5s}.ambient span:nth-child(3){width:440px;height:440px;bottom:-22%;left:35%;background:rgba(105,62,231,.34);animation-delay:-9s}.ambient>i{position:absolute;color:rgba(255,255,255,.045);font:900 clamp(70px,11vw,170px) DM Sans,sans-serif;font-style:normal;letter-spacing:-.08em;user-select:none;animation:wordDrift 20s linear infinite}.ambient>i:nth-of-type(1){top:12%;left:-4%}.ambient>i:nth-of-type(2){top:48%;right:-6%;animation-delay:-7s}.ambient>i:nth-of-type(3){bottom:-1%;left:16%;animation-delay:-13s}@keyframes ambientFloat{to{transform:translate3d(60px,35px,0) scale(1.14)}}@keyframes wordDrift{50%{transform:translateX(38px)}}
.topbar{background:rgba(6,19,45,.7);border-bottom-color:rgba(255,255,255,.09);backdrop-filter:blur(25px)}.brand{width:188px;padding:6px 10px;border-radius:15px;background:rgba(255,255,255,.94)}.save-state{color:#c4d3f1}.text-button{color:#fff}.text-button:hover{background:rgba(255,255,255,.1);color:var(--yellow)}.language-switcher{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.language-switcher button{color:#aebddd}.language-switcher button.active{background:#fff;color:var(--blue)}main{width:min(1220px,94vw)}.intro{padding:28px 20px 18px}.intro .eyebrow{color:var(--yellow)}.intro .eyebrow span{color:#fff}.intro h1{color:#fff;text-shadow:0 12px 40px rgba(0,0,0,.28);font-size:clamp(38px,5.2vw,64px)}.intro p{color:#c0d0ed}.intro-note{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(12px)}.intro-note i{color:var(--yellow)}
.stepper{max-width:690px;margin:6px auto 20px;padding:11px 18px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(5,18,43,.46);backdrop-filter:blur(16px)}.stepper:before{top:28px;right:10%;left:10%;background:rgba(255,255,255,.16)}.step{color:#8095bb}.step.active,.step.done{color:#fff}.step i{border-color:#0c2450;background:#203a69;color:#8ca2c9}.step.active i{background:var(--yellow);color:var(--navy);box-shadow:0 0 0 5px rgba(255,212,0,.15)}.step.done i{background:var(--blue)}
.workspace{border:1px solid rgba(255,255,255,.24);border-radius:34px;background:rgba(248,251,255,.94);box-shadow:0 35px 100px rgba(0,0,0,.32),inset 0 1px 0 #fff;backdrop-filter:blur(24px)}.stage{padding:clamp(28px,4.5vw,58px)}.stage[data-stage="1"].active{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-template-areas:"copy visual" "fields visual" "credits visual" "actions visual";column-gap:48px;align-items:center}.stage[data-stage="1"] .stage-copy{grid-area:copy;margin-bottom:14px}.stage[data-stage="1"] .meta-row{grid-area:fields;grid-template-columns:1fr;margin:0;gap:14px}.stage[data-stage="1"] .stage-actions{grid-area:actions}.stage[data-stage="1"] .live-canvas{grid-area:visual}.stage[data-stage="1"] .meta-row label{position:relative;gap:4px;padding:12px 0 7px;border-bottom:2px solid #cbd7ea}.stage[data-stage="1"] .meta-row label:focus-within{border-color:var(--blue)}.stage[data-stage="1"] .meta-row label>span{color:#6c7b96;font-size:13px}.stage[data-stage="1"] .meta-row input{min-height:48px;border:0!important;border-radius:0;padding:0;background:transparent!important;box-shadow:none!important;color:var(--navy);font-size:clamp(22px,2.4vw,32px);font-weight:800}.stage[data-stage="1"] .meta-row input::placeholder{color:#b7c2d4;font-weight:600}.stage[data-stage="1"] .stage-actions{margin-top:24px;padding-top:18px}
.song-credits{grid-area:credits;margin-top:14px;border:1px solid rgba(145,179,235,.22);border-radius:15px;background:rgba(8,37,79,.5);overflow:hidden}.song-credits summary{list-style:none;padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;color:#e3edff;cursor:pointer}.song-credits summary::-webkit-details-marker{display:none}.song-credits summary span{font-weight:800}.song-credits summary small{grid-column:1;color:#91a8ce;font-size:12px}.song-credits summary i{grid-column:2;grid-row:1/3;color:#8fb5ff;font-style:normal;transition:.2s}.song-credits[open] summary i{transform:rotate(45deg)}.credit-fields{border-top:1px solid rgba(145,179,235,.18);padding:14px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credit-fields label{display:grid;gap:6px}.credit-fields label span{color:#a9bde0;font-size:12px;font-weight:700}.credit-fields input{width:100%;min-width:0;border:1px solid rgba(155,189,244,.25);border-radius:11px;padding:11px 12px;background:#0b2a59;color:#edf4ff;font:600 14px Rubik,sans-serif}.credit-fields input:focus{outline:0;border-color:#4c8dff;box-shadow:0 0 0 4px rgba(58,128,255,.18)}
.live-canvas{position:relative;isolation:isolate;overflow:hidden;min-height:430px;border-radius:28px;background:radial-gradient(circle at 75% 18%,rgba(255,212,0,.95) 0 7%,transparent 25%),radial-gradient(circle at 28% 74%,#315dff 0,transparent 44%),linear-gradient(145deg,#111b48 0%,#4b28c6 58%,#0c5ff0 100%);box-shadow:0 30px 55px rgba(24,57,161,.3);transform:rotate(1deg)}.canvas-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(58deg) scale(1.5);transform-origin:bottom}.live-canvas:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.13))}.live-canvas>b{position:absolute;left:24px;top:18px;color:rgba(255,255,255,.12);font:900 190px DM Sans,sans-serif;line-height:1}.canvas-copy{position:absolute;right:36px;left:36px;top:50%;display:flex;flex-direction:column;transform:translateY(-50%)}.canvas-copy small{color:var(--yellow);font:800 11px DM Sans,sans-serif;letter-spacing:.16em}.canvas-copy strong{max-width:88%;overflow:hidden;color:#fff;font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 10px 28px rgba(0,0,0,.26);animation:canvasWord 3.5s ease-in-out infinite alternate}.canvas-copy span{margin-top:12px;color:#d9e4ff;font-size:18px;font-weight:700}.sound-rings{position:absolute;right:-90px;bottom:-100px;width:300px;height:300px}.sound-rings i{position:absolute;inset:0;border:2px solid rgba(255,255,255,.24);border-radius:50%;animation:ringPulse 3s ease-out infinite}.sound-rings i:nth-child(2){inset:40px;animation-delay:-1s}.sound-rings i:nth-child(3){inset:80px;animation-delay:-2s}.beat-line{position:absolute;right:34px;bottom:30px;display:flex;align-items:center;gap:5px;height:45px}.beat-line i{width:5px;border-radius:5px;background:var(--yellow);animation:beat .8s ease-in-out infinite alternate}.beat-line i:nth-child(1),.beat-line i:nth-child(5),.beat-line i:nth-child(9){height:18px}.beat-line i:nth-child(2),.beat-line i:nth-child(6){height:38px;animation-delay:-.25s}.beat-line i:nth-child(3),.beat-line i:nth-child(7){height:27px;animation-delay:-.5s}.beat-line i:nth-child(4),.beat-line i:nth-child(8){height:45px;animation-delay:-.7s}@keyframes beat{to{transform:scaleY(.4);opacity:.58}}@keyframes ringPulse{from{transform:scale(.72);opacity:.7}to{transform:scale(1.08);opacity:0}}@keyframes canvasWord{to{transform:translateY(-5px) scale(1.015)}}
.stage-copy h2{color:var(--navy)}.primary-action{border-radius:16px}.newsletter{background:rgba(7,25,55,.75);border-color:rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.newsletter-copy h2{color:#fff}.newsletter-copy p,.consent{color:#b9c8e4}.newsletter .eyebrow{color:var(--yellow)}.newsletter-fields input{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff}.newsletter-fields input::placeholder{color:#9fb0ce}
@media(max-width:860px){.stage[data-stage="1"].active{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "fields" "credits" "actions";gap:22px}.live-canvas{min-height:300px;transform:none}.canvas-copy strong{font-size:clamp(42px,10vw,70px)}}
@media(max-width:520px){.ambient>i{display:none}.brand{width:142px}.intro{padding-top:20px}.intro h1{font-size:39px}.stepper{padding:9px 8px}.workspace{border-radius:25px}.live-canvas{min-height:250px;border-radius:22px}.canvas-copy{right:24px;left:24px}.stage[data-stage="1"] .meta-row input{font-size:23px}.stage[data-stage="1"] .stage-actions{flex-direction:column;align-items:stretch}.stage[data-stage="1"] .primary-action{width:100%}.credit-fields{grid-template-columns:1fr}}

/* Final brand typography and motion language */
html[lang="en"] .intro h1,
html[lang="en"] .stage-copy h2,
html[lang="en"] .canvas-copy strong,
html[lang="en"] .intent-panel h3,
html[lang="en"] .modal-card h2,
html[lang="en"] .newsletter-copy h2{font-family:Syne,sans-serif}
html[lang="en"] .intro h1{color:#c9d9f7}
html[lang="en"] .canvas-copy strong{color:#dce8ff}
.film-frame[data-recipe=light] .film-copy strong,.film-frame[data-recipe=memory] .film-copy strong{font-family:Rubik,sans-serif}
.primary-action,.newsletter-fields button{position:relative;isolation:isolate;border-radius:18px 18px 7px 18px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}
.primary-action:after,.newsletter-fields button:after{content:"";position:absolute;z-index:-1;left:8px;bottom:-7px;width:16px;height:14px;background:var(--yellow);clip-path:polygon(0 0,100% 0,30% 100%);transform:rotate(7deg);transform-origin:top center;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease}
.primary-action:hover,.newsletter-fields button:hover{background:#ffe03b;box-shadow:0 13px 30px rgba(255,212,0,.34);transform:translateY(-3px) rotate(-.35deg)}
.primary-action:hover:after,.newsletter-fields button:hover:after{background:#ffe03b;transform:rotate(2deg) translateY(1px)}
.primary-action:hover i,.newsletter-fields button:hover i{animation:brandNudge .55s ease-in-out infinite alternate}
.primary-action:active,.newsletter-fields button:active{transform:translateY(1px) scale(.985)}
@keyframes brandNudge{to{transform:translateX(-3px)}}

/* Deep-blue, no-white product surface */
.topbar{background:linear-gradient(100deg,rgba(66,126,242,.94) 0%,rgba(42,79,181,.94) 44%,rgba(8,28,66,.94) 100%);border-bottom-color:rgba(169,199,255,.2);box-shadow:0 14px 42px rgba(2,14,39,.24)}
.brand{width:202px;height:62px;padding:0;border-radius:0;background:transparent;filter:drop-shadow(0 2px 1px rgba(190,215,255,.5)) drop-shadow(0 9px 22px rgba(0,0,0,.25))}
.brand img{object-position:left center}
.language-switcher{border-color:rgba(207,224,255,.22);background:rgba(5,25,65,.3)}
.language-switcher button{color:#d2e0fb}
.language-switcher button.active{background:var(--yellow);color:#08285f;box-shadow:0 5px 14px rgba(255,212,0,.22)}
.avatar{box-shadow:0 6px 18px rgba(2,17,48,.24)}
.intro .eyebrow span,.intro h1,.intro-note{color:#d9e6ff}
.workspace{border-color:rgba(128,171,255,.3);background:linear-gradient(145deg,rgba(7,25,58,.97),rgba(12,40,85,.96));box-shadow:0 38px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(178,207,255,.15)}
.stage-copy h2,.stage-copy p,.hint,.back,.meta-row label,.advanced label,.field-head,.review-head b,.review-head small,.moment time,.moment>b,.export-bar span,.export-bar .cost small,.export-bar b{color:#d9e6ff}
.stage-copy p,.hint,.review-head small,.moment time,.export-bar span,.export-bar .cost small{color:#9fb4d9}
.stage-number{background:rgba(31,104,244,.24);color:#bdd2ff}
.stage-actions{border-top-color:rgba(151,184,239,.18)}
.stage[data-stage="1"] .meta-row label{border-bottom-color:rgba(165,193,239,.28)}
.stage[data-stage="1"] .meta-row label>span{color:#a9bde0}
.stage[data-stage="1"] .meta-row input,.meta-row input,.advanced select,.auto-panel select,textarea{border-color:rgba(155,189,244,.25);background:#0b2a59!important;color:#edf4ff}
.stage[data-stage="1"] .meta-row input::placeholder,.meta-row input::placeholder,textarea::placeholder{color:#7892bd}
.meta-row input:focus,.advanced select:focus,.auto-panel select:focus,textarea:focus{border-color:#4c8dff;background:#0e326b!important;box-shadow:0 0 0 4px rgba(58,128,255,.18)}
.dropzone,.source-card,.recipe,.style-tuning,.auto-panel,.advanced,.intent-panel,.export-bar,.moment-list{border-color:rgba(145,179,235,.22);background:#0c2a57}
.dropzone:hover,.dropzone.drag,.source-card.selected,.moment.active{background:#10366f}
.dropzone.has-file{background:#0c413f}
.drop-icon,.moment>div button{border-color:rgba(155,190,245,.24);background:#143869;color:#9fc0ff}
.dropzone b,.source-card b,.auto-panel b,.recipe b,.style-tuning b,.style-tuning label,.advanced summary,.intent-panel h3,.intent-panel button b{color:#e6efff}
.dropzone small,.source-card small,.auto-panel p,.recipe p,.style-tuning small,.intent-panel button small{color:#9eb2d6}
.dropzone em,.field-head label,.source-card>i{color:#88b1ff}
.source-card>span,.recipe small,.intent-panel>button>i{background:rgba(43,109,230,.24);color:#b7ceff}
.recipe-image>span{background:#0a2855;color:#dce9ff;box-shadow:0 5px 18px rgba(0,0,0,.28)}
.advanced>div{border-top-color:rgba(145,179,235,.2)}
.intent-panel>button{border-color:rgba(145,179,235,.16);background:#113362}
.intent-panel>button:hover,.intent-panel>button.active{background:#163e77;border-color:#4b8dff}
.intent-panel .advanced-studio{background:transparent;color:#91b8ff}
.export-bar .cost{border-inline-start-color:rgba(145,179,235,.2)}
.modal-card{border:1px solid rgba(140,177,238,.26);background:linear-gradient(145deg,#0a2855,#102f63);box-shadow:0 34px 100px rgba(0,0,0,.52)}
.modal-card h2,.modal-card>p,.price-options b,.price-options small,.price-options>div>span{color:#e3edff}
.price-options>div{border-color:rgba(145,179,235,.22);background:#0b2853}
.price-options .featured{background:#123a75;border-color:#4b8dff}
.modal-close{background:#173d75;color:#c4d8ff}
.newsletter-fields input{border-color:rgba(137,174,235,.25);background:#0b2a59;color:#eef5ff}
.newsletter-fields input:focus{background:#0e326b;box-shadow:0 0 0 4px rgba(58,128,255,.18)}
@media(max-width:800px){.brand{width:165px;height:54px}}
@media(max-width:520px){.brand{width:148px;height:48px}}

/* Light-blue masthead keeps the original navy logo crisp */
.topbar{background:linear-gradient(100deg,rgba(207,226,255,.97) 0%,rgba(164,199,255,.97) 52%,rgba(119,168,241,.97) 100%);border-bottom-color:rgba(8,40,95,.18);box-shadow:0 14px 42px rgba(2,14,39,.2)}
.brand{filter:drop-shadow(0 8px 18px rgba(8,40,95,.18))}
.save-state,.text-button{color:#08285f}
.text-button:hover{background:rgba(8,40,95,.1);color:#08285f}
.language-switcher{border-color:rgba(8,40,95,.18);background:rgba(8,40,95,.08)}
.language-switcher button{color:#173c78}

/* English mobile fit: keep every label and control inside the card */
@media(max-width:520px){
  html[lang="en"] .intro h1{font-size:32px;line-height:1.04;letter-spacing:-.035em}
  html[lang="en"] .intro p{font-size:14px;line-height:1.48}
  html[lang="en"] .stage-copy{min-width:0;padding-inline-start:48px}
  html[lang="en"] .stage-copy h2{max-width:100%;font-size:27px;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere}
  html[lang="en"] .stage-copy p{font-size:14px;line-height:1.45}
  html[lang="en"] .canvas-copy strong{max-width:100%;font-size:38px;line-height:.98}
  html[lang="en"] .newsletter-copy h2{font-size:23px;line-height:1.12}
  .stage[data-stage="1"] .meta-row,.stage[data-stage="1"] .meta-row label,.stage[data-stage="1"] .meta-row input{width:100%;min-width:0;max-width:100%}
  .stage[data-stage="1"] .meta-row input{font-size:19px}
  .stage[data-stage="1"] .stage-actions,.stage[data-stage="1"] .primary-action{min-width:0;max-width:100%}
  .stage[data-stage="1"] .primary-action{gap:14px;padding-inline:16px;font-size:15px}
}

/* One decision at a time */
.flow-progress{width:min(680px,92vw);margin:8px auto 20px;padding:13px 18px;display:flex;align-items:center;gap:18px;border:1px solid rgba(170,199,245,.2);border-radius:18px;background:rgba(5,18,43,.54);backdrop-filter:blur(16px)}
.progress-copy{min-width:118px;display:flex;flex-direction:column;gap:2px}
.progress-copy b{color:#edf4ff;font-size:14px}
.progress-copy small{color:#91a8ce;font-size:11px}
.progress-track{height:7px;flex:1;overflow:hidden;border-radius:99px;background:rgba(156,188,238,.18);direction:ltr}
.progress-track i{display:block;width:16.666%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),#ffe76c);box-shadow:0 0 18px rgba(255,212,0,.32);transition:width .35s cubic-bezier(.2,.8,.2,1)}
body:not([data-step="1"]) .intro{display:none}
body:not([data-step="6"]) .newsletter{display:none}
body[data-step="6"] .newsletter{display:grid}
.workspace{max-width:1080px;margin-inline:auto}
.stage.active{animation:stageIn .32s ease both}
.tuning-details .advanced-body{display:block;padding:18px}
.tuning-details summary>span{display:flex;flex-direction:column;gap:2px}
.tuning-details summary small{color:#9eb2d6;font-size:12px;font-weight:500}
.tuning-details .style-tuning{margin:0;padding:0;grid-template-columns:repeat(3,1fr);background:transparent}
.advanced-selects{margin-top:18px;padding-top:18px;border-top:1px solid rgba(145,179,235,.18);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.upload-focus{display:grid;gap:14px}
.optional-upload{border:1px solid rgba(145,179,235,.2);border-radius:16px;background:#0a244d}
.optional-upload summary{list-style:none;padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;color:#dce8ff;cursor:pointer}
.optional-upload summary::-webkit-details-marker{display:none}
.optional-upload summary span{font-weight:800}
.optional-upload summary small{grid-column:1;color:#94aad0}
.optional-upload summary i{grid-column:2;grid-row:1/3;color:#8fb5ff;font-style:normal;transition:.2s}
.optional-upload[open] summary i{transform:rotate(45deg)}
.optional-upload .dropzone{margin:0 14px 14px}
.visual-route{border:1px solid rgba(145,179,235,.2);border-radius:18px;padding:16px;background:#0a244d}.visual-route-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:13px}.visual-route-heading>b{color:#e6efff;font-size:17px}.visual-route-heading>small{color:#94aad0}.visual-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual-choice{min-width:0;border:1px solid rgba(145,179,235,.2);border-radius:15px;padding:15px;display:flex;align-items:center;gap:13px;background:#0c2a57;color:#e6efff;text-align:start;transition:.2s}.visual-choice:hover,.visual-choice.selected{border-color:#4c8dff;background:#10366f;transform:translateY(-1px)}.visual-choice.selected{box-shadow:0 0 0 3px rgba(58,128,255,.13)}.visual-choice>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(43,109,230,.23);color:#ffd900;font-style:normal;font-size:20px;font-weight:900}.visual-choice>span{display:grid;gap:4px}.visual-choice b{color:#eef4ff;font-size:15px}.visual-choice small{color:#9eb2d6;line-height:1.35}.visual-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(145,179,235,.18);animation:visualPanelIn .24s ease both}.visual-panel[hidden],#readyGraphicPanel[hidden],#createGraphicPanel[hidden]{display:none!important}.ready-graphic-drop{margin:0}.no-text-note{margin:12px 0 0;border:1px solid rgba(255,212,0,.35);border-radius:14px;padding:13px 15px;display:flex;align-items:flex-start;gap:12px;background:rgba(255,212,0,.08)}.no-text-note>i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--yellow);color:var(--navy);font-style:normal;font-weight:950}.no-text-note>span{display:grid;gap:3px}.no-text-note b{color:#fff3af;font-size:14px}.no-text-note small{color:#c7d5ef;line-height:1.45}.visual-panel .cover-creator{padding:0}@keyframes visualPanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.preview-layout{grid-template-columns:minmax(0,1fr)}
.intent-panel{padding:0;background:#0c2a57}
.preview-options summary{list-style:none;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}
.preview-options summary::-webkit-details-marker{display:none}
.preview-options summary>span{display:flex;flex-direction:column;gap:5px}
.preview-options summary>span>b{color:#e6efff;font-size:17px}
.preview-options summary>i{color:#9dbdff;font-style:normal;font-size:22px;transition:.2s}
.preview-options[open] summary>i{transform:rotate(45deg)}
.intent-choices{padding:0 14px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.intent-choices>button{min-width:0;border:1px solid rgba(145,179,235,.16);border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;background:#113362;color:#e6efff;text-align:start}
.intent-choices>button:hover,.intent-choices>button.active{background:#163e77;border-color:#4b8dff}
.intent-choices>button>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:none;background:rgba(43,109,230,.24);color:#b7ceff;font-style:normal;font-weight:800}
.intent-choices .advanced-studio{grid-column:1/-1;margin:2px 0 0;padding:11px 4px;border:0;background:transparent;color:#91b8ff;font-weight:800;justify-content:space-between}
@media(max-width:860px){.stage[data-stage="1"] .live-canvas{display:none}.stage[data-stage="1"].active{grid-template-areas:"copy" "fields" "credits" "actions"}.flow-progress{margin-top:14px}.intent-choices{grid-template-columns:1fr}.intent-choices .advanced-studio{grid-column:auto}}
@media(max-width:620px){.intro{padding-bottom:10px}.intro p,.intro-note{display:none}.flow-progress{width:94vw;margin:6px auto 12px;padding:11px 14px}.workspace{border-radius:24px}.stage{padding:25px 20px}.stage-copy{margin-bottom:24px}.stage-copy p{font-size:14px}.tuning-details .style-tuning,.advanced-selects{grid-template-columns:1fr}.stage-actions{margin-top:24px;padding-top:18px}.primary-action{width:100%;min-width:0}.stage-actions:has(.back){display:grid;grid-template-columns:auto 1fr}.stage-actions:has(.back) .primary-action{grid-column:2}.newsletter{margin-top:18px}}

/* Illustrated song moods */
.mood-visual{background-image:url('assets/style-moods-sprite.webp');background-size:200% 200%;background-repeat:no-repeat;transition:background-size .35s ease}
.mood-emotional{background-position:0 0}
.mood-upbeat{background-position:100% 0}
.mood-powerful{background-position:0 100%}
.mood-calm{background-position:100% 100%}
.recipe:hover .mood-visual{background-size:206% 206%}
.extra-styles{margin-top:14px;border:1px solid rgba(145,179,235,.2);border-radius:16px;background:#0a244d}
.extra-styles summary{list-style:none;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dce8ff;cursor:pointer}
.extra-styles summary::-webkit-details-marker{display:none}
.extra-styles summary>span{display:flex;flex-direction:column;gap:3px}
.extra-styles summary b{color:#e6efff}
.extra-styles summary small{color:#94aad0}
.extra-styles summary>i{color:#8fb5ff;font-style:normal;font-size:21px;transition:.2s}
.extra-styles[open] summary>i{transform:rotate(45deg)}
.extra-style-grid{padding:0 14px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.extra-recipe .recipe-image{height:112px}
.extra-recipe>div:last-child{padding:13px}
.extra-recipe b{font-size:15px}
.extra-recipe p{margin:5px 0 0;font-size:12px}
.extra-visual{background-image:url('assets/style-extras-sprite.webp');background-size:200% 400%;background-repeat:no-repeat;transition:background-size .35s ease}
.extra-joyful{background-position:0 0}
.extra-romantic{background-position:100% 0}
.extra-nostalgic{background-position:0 33.333%}
.extra-spiritual{background-position:100% 33.333%}
.extra-dramatic{background-position:0 66.666%}
.extra-urban{background-position:100% 66.666%}
.extra-electronic{background-position:0 100%}
.extra-acoustic{background-position:100% 100%}
.extra-recipe:hover .extra-visual{background-size:206% 412%}
@media(min-width:901px){.recipe-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:621px) and (max-width:900px){.recipe-grid,.extra-style-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.extra-style-grid{grid-template-columns:1fr 1fr;gap:8px}.extra-recipe{display:block}.extra-recipe .recipe-image{height:96px}.extra-recipe>div:last-child{padding:11px}.extra-recipe p{display:none}}

/* One-image AI cover creator */
.cover-creator{padding:0 14px 14px;display:grid;gap:14px}.optional-upload .face-drop{margin:0;position:relative;overflow:hidden}.face-drop.has-file:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,25,59,.8),rgba(6,25,59,.35)),var(--face-preview);background-position:center;background-size:cover;opacity:.42}.face-drop>*{position:relative}.cover-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;border:1px solid rgba(145,179,235,.2);border-radius:16px;padding:16px;background:#0c2a57}.cover-prompt label{display:grid;gap:8px;color:#e6efff}.cover-prompt textarea{width:100%;min-height:92px;resize:vertical;border:1px solid rgba(155,189,244,.25);border-radius:12px;padding:12px 14px;background:#0b2a59!important;color:#edf4ff;font:500 15px/1.5 Rubik,sans-serif}.cover-prompt textarea:focus{outline:0;border-color:#4c8dff;box-shadow:0 0 0 4px rgba(58,128,255,.18)}.cover-generate{height:50px;border:0;border-radius:14px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--yellow);color:var(--navy);font-weight:900;white-space:nowrap;box-shadow:0 10px 26px rgba(255,212,0,.18)}.cover-generate i{font-style:normal;color:var(--blue)}.cover-generate:disabled{cursor:wait;opacity:.72}.cover-generate.loading i{animation:coverSpin 1s linear infinite}.cover-status{grid-column:1/-1;min-height:17px;margin:0;color:#c9d9f5;font-size:12px;line-height:1.45;font-weight:700}.cover-status.error{color:#ff9aa8}.cover-result{border:1px solid rgba(255,212,0,.38);border-radius:18px;padding:14px;display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(180px,.75fr);gap:16px;align-items:center;background:linear-gradient(135deg,rgba(255,212,0,.1),rgba(21,94,238,.11));box-shadow:0 18px 48px rgba(2,17,48,.2)}.cover-result[hidden]{display:none}.cover-result img{width:100%;aspect-ratio:16/9;border-radius:14px;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.28)}.cover-result>div:nth-child(2){display:grid;gap:4px}.cover-result b{color:#f1f6ff;font-size:18px}.cover-result small{color:#9eb2d6;line-height:1.4}.cover-result-actions{grid-column:2;display:flex;gap:9px}.cover-result-actions button{min-height:42px;border-radius:12px;padding:0 15px;font-weight:850}.cover-use{border:0;background:var(--yellow);color:var(--navy)}.cover-retry{border:1px solid rgba(145,179,235,.26);background:#12376b;color:#dce9ff}.cover-result.approved{border-color:#54d59a;box-shadow:0 0 0 2px rgba(84,213,154,.13)}@keyframes coverSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){.cover-prompt{grid-template-columns:1fr}.cover-generate{width:100%}.cover-result{grid-template-columns:1fr}.cover-result img{width:100%}.cover-result-actions{grid-column:1/-1}.cover-result-actions button{flex:1}}
@media(max-width:620px){.visual-route{padding:14px}.visual-route-heading{display:grid;gap:4px}.visual-choice-grid{grid-template-columns:1fr}.visual-choice{padding:13px}.no-text-note{padding:12px}}
.face-consent{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,212,0,.36);border-radius:14px;padding:13px 15px;background:rgba(255,212,0,.08);color:#eef4ff;font-size:14px;line-height:1.45;cursor:pointer}.face-consent[hidden]{display:none}.face-consent input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--yellow)}

/* Native access and privacy surfaces. */
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:12px;z-index:1000;background:#172540;color:#fff;padding:12px 20px;border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #1b57b7!important;outline-offset:4px!important}
.rights-notice{background:#eef3fc;border:1px solid #b8c9e6;border-radius:16px;padding:18px;margin-block:20px;color:#273951}
.rights-notice[hidden],.rights-review[hidden]{display:none}.rights-review{display:block;margin-block:12px;color:#cbdcff;font:inherit;font-size:13px}
.cover-prompt[hidden]{display:none}.primary-action:disabled{opacity:.5;cursor:not-allowed}
.rights-notice .consent{align-items:flex-start;font-size:14px;line-height:1.7;color:#273951}.rights-notice p{font-size:13px;line-height:1.7;margin:10px 0}.rights-notice input,.legal-dialog input{min-width:20px;min-height:20px;accent-color:#214fa5}
.legal-footer{max-width:1160px;margin:30px auto;padding:22px 24px 36px;border-top:1px solid #cbd5e3;color:#465976;font-size:13px;text-align:center}.legal-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}.legal-footer button,.legal-footer a{font:inherit;color:#294f91;background:none;border:0;padding:10px 2px;text-decoration:underline;cursor:pointer}.legal-footer p{margin-top:16px}
.legal-dialog{border:1px solid #c9d4e5;border-radius:22px;background:#fff;color:#25364e;padding:28px;width:min(760px,calc(100vw - 28px));max-height:85dvh;overflow:auto;line-height:1.8;box-sizing:border-box}.legal-dialog::backdrop,dialog.modal::backdrop{background:rgba(16,28,49,.6)}.legal-dialog h2{font-size:25px;margin:8px 0 24px}.legal-dialog h3{font-size:17px;margin:22px 0 8px}.legal-dialog p{font-size:15px;margin:0 0 14px}.legal-close{display:block;margin-inline-start:auto;border:1px solid #aebed6;background:#f2f6fd;border-radius:8px;padding:8px 16px;color:#25364e;font:inherit;cursor:pointer}.legal-dialog #clearDraft{margin-block:18px;background:#233f73;color:white;border:0;border-radius:8px;padding:12px;font:inherit;cursor:pointer}.legal-dialog .consent{line-height:1.6;color:#25364e}
dialog.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0}dialog.modal:not([open]){display:none!important}dialog.modal[open]{display:flex;align-items:center;justify-content:center}.modal-card{max-height:90dvh;overflow:auto}.modal-backdrop{display:none!important}
.dropzone:focus-within{outline:3px solid #1b57b7;outline-offset:4px}.dropzone input[type=file]{display:block!important;position:absolute!important;width:1px!important;height:1px!important;opacity:.01!important;overflow:hidden!important;clip-path:inset(50%)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.legal-dialog{padding:20px}.rights-notice{padding:14px}.legal-footer nav{gap:4px 15px}}

/* Viewport-first creation: one focused screen and a stable navigation dock. */
html:has(.viewport-wizard){height:100%;overflow:hidden;scroll-behavior:auto}
body.viewport-wizard{height:var(--app-height,100dvh);min-height:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 70%,#2234a6 0,transparent 58%),radial-gradient(ellipse at 10% 90%,#084c86 0,transparent 60%),#071b3c;color:#cbdfff}
.viewport-wizard>div:has(>.topbar){height:100%;min-height:0;display:flex;flex-direction:column}
.viewport-wizard [hidden]{display:none!important}
.viewport-wizard .topbar{position:relative;flex:0 0 auto;height:72px;min-height:0;padding:8px max(18px,env(safe-area-inset-left));box-shadow:none}
.viewport-wizard .brand{width:180px;height:52px}
.viewport-wizard .top-actions{gap:10px}.viewport-wizard .save-state,.viewport-wizard .avatar,.viewport-wizard #pricingBtn{display:none}
.viewport-wizard .language-switcher button{min-width:40px;min-height:40px;font-size:14px;padding:6px}
.viewport-wizard main{flex:1;min-height:0;width:min(940px,100%);margin:0 auto;padding:14px 22px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.viewport-wizard .intro,.viewport-wizard .stage{display:none!important}
.viewport-wizard .flow-progress{width:100%;max-width:none;margin:0;padding:0 6px;border:0;background:none;box-shadow:none;flex:0 0 25px;backdrop-filter:none}
.viewport-wizard .progress-copy{min-width:140px;gap:12px;flex-direction:row;align-items:center}.viewport-wizard .progress-copy b{font-size:14px}.viewport-wizard .progress-copy small{font-size:12px;white-space:nowrap}.viewport-wizard .progress-track{height:4px}
.viewport-wizard .workspace{flex:1;min-height:0;width:100%;max-width:none;margin:0;border:1px solid #7caff52b;background:#091f43dc;border-radius:28px;box-shadow:0 16px 60px #04132b33;overflow:hidden}
.wizard{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px 28px 18px;gap:18px}
.wizard-heading{display:flex;align-items:center;gap:12px}.wizard-heading h1{margin:0;color:#cbdfff;font-size:clamp(24px,3.3vw,34px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;font-family:Syne,Rubik,sans-serif}.wizard-spark{color:#ffd400;font-size:28px;flex:none}.wizard-heading h1:focus{outline:none!important}
.wizard-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6398f1 transparent;padding:4px;display:flex;flex-direction:column;justify-content:safe center}
.wizard-screen{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px;flex-shrink:0}
.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #99bbed24;padding-top:14px;min-height:60px}.wizard-actions .primary-action{min-height:48px;width:auto;min-width:180px;padding:12px 22px;border-radius:18px 18px 5px 18px;font-size:16px;gap:12px}.wizard-actions .back{min-height:44px;min-width:60px;color:#cbdfff;font-size:16px}.wizard-actions .back:disabled{visibility:hidden}.wizard-actions .primary-action:disabled{opacity:.4}
.wizard-link{border:0;background:none;color:#bcd5ff;min-height:44px;padding:8px;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;align-self:center}.wizard-link:disabled{opacity:.35;cursor:default}.wizard-menu-button{border:1px solid #08285f40;border-radius:12px;background:#bcd6ff;color:#08285f;min-height:42px;padding:7px 12px;font-weight:700}
.wizard .meta-row,.wizard .credit-fields{margin:0;display:grid;grid-template-columns:1fr;gap:18px;padding:0}.wizard label{min-width:0}.wizard .meta-row label,.wizard .credit-fields label{display:grid;gap:8px;color:#cbdfff;font-size:16px}.wizard .meta-row input,.wizard .credit-fields input{height:54px;min-height:54px;width:100%;min-width:0;border:1px solid #789fd84f;border-radius:14px;background:#0d2d5b!important;color:#deebff;padding:12px 16px;font-size:18px}.wizard input::placeholder{color:#9ab3db;opacity:1}
.wizard .wizard-moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wizard .recipe,.wizard .extra-recipe{display:flex;flex-direction:column;min-width:0;width:100%;border:1px solid #84aff542;border-radius:20px;background:#103062;text-align:start;overflow:hidden;box-shadow:none}.wizard .recipe.selected{border-color:#ffd400;box-shadow:0 0 0 1px #ffd400}.wizard .recipe .recipe-image{display:block;width:100%;height:auto;aspect-ratio:1.1;min-height:0}.wizard .recipe>div:last-child{padding:12px}.wizard .recipe b{font-size:17px;color:#d4e4ff;line-height:1.25}.wizard .recipe p{display:block;font-size:13px;line-height:1.4;color:#a9c2e8;margin:5px 0 0}.wizard .recipe-image>span,.wizard .recipe-image>i{display:none}.wizard-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.wizard-pager>span{direction:ltr;color:#aac5ef;font-size:14px;white-space:nowrap}
.wizard .rights-notice{margin:0;padding:18px;background:#102f5b;color:#d1e3ff;border-color:#759cdb55}.wizard .rights-notice .consent,.wizard .rights-notice p{color:#c5daf8;line-height:1.5;font-size:15px}.wizard .rights-notice .text-button{color:#bcd8ff}.wizard .rights-notice input{min-width:22px;min-height:22px}.wizard .face-consent{font-size:16px;line-height:1.55;margin:0;padding:20px}
.wizard .dropzone{min-height:170px;margin:0;padding:24px;background:#11305d;border-color:#709de099}.wizard .dropzone div{min-width:0}.wizard .dropzone b{font-size:19px;color:#d4e6ff}.wizard .dropzone small{font-size:14px;color:#aec6ec;overflow-wrap:anywhere}.wizard .dropzone em{font-size:14px;color:#bbd6ff}.wizard .drop-icon{width:50px;height:50px;font-size:28px}.wizard .visual-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wizard .visual-choice{padding:25px 18px;min-height:170px;display:flex;flex-direction:column;text-align:center;gap:14px;background:#103060}.wizard .visual-choice b{font-size:19px}.wizard .visual-choice small{font-size:14px}.wizard .visual-choice i{font-size:36px}.wizard .no-text-note{margin:0;padding:14px}.wizard .no-text-note small{font-size:14px}.wizard .cover-prompt{margin:0;padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.wizard .cover-prompt label{font-size:16px;gap:12px}.wizard #coverPrompt{height:125px;min-height:100px;max-height:190px;resize:none;font-size:16px}.wizard .cover-generate{min-height:48px;font-size:16px}.wizard .cover-status:empty{display:none}.wizard .cover-status{font-size:14px;overflow-wrap:anywhere}.wizard .cover-result{display:flex;flex-direction:column;align-items:stretch;padding:14px;gap:12px}.wizard .cover-result img{max-height:30dvh;object-fit:contain;aspect-ratio:16/9}.wizard .cover-result-actions{display:flex;gap:12px}.wizard .cover-result-actions button{flex:1;min-height:48px;font-size:15px}.wizard .cover-result small{font-size:14px}
.wizard .choice-pair{grid-template-columns:1fr 1fr;gap:16px}.wizard .source-card{padding:22px 16px;display:flex;flex-direction:column;gap:12px;align-items:center;min-height:160px;background:#103060}.wizard .source-card b{font-size:19px;color:#cee3ff}.wizard .source-card small{font-size:14px;color:#a9c8f7}.wizard .auto-panel{margin:0;padding:22px;display:flex;flex-direction:column;gap:14px;text-align:center}.wizard .listening-orb{width:64px;height:64px}.wizard .manual-panel{margin:0}.wizard #lyricsInput{height:clamp(150px,31dvh,320px);min-height:0;resize:none;padding:16px;font-size:17px;line-height:1.6}.wizard .field-head{font-size:16px}.wizard .field-head label{min-height:44px;display:flex;align-items:center}.wizard .sync-player{padding:16px;margin:0}.wizard .waveform{height:45px;margin:12px 0}.wizard .review-head{margin:0}.wizard .review-head small{font-size:13px}.wizard .moment{min-height:86px;padding:14px;grid-template-columns:auto auto 1fr}.wizard .moment>b{font-size:17px}.wizard .moment .confidence{grid-column:2}.wizard .moment>div{grid-column:3;justify-self:end}.wizard .moment button{min-width:42px;min-height:42px}.wizard .film-frame{width:100%;min-height:0;height:auto;max-height:38dvh;aspect-ratio:16/9;margin:auto;flex:none}.wizard .intent-choices{display:grid;grid-template-columns:1fr;gap:12px}.wizard .intent-choices button{min-height:66px;font-size:16px}.wizard .intent-choices small{font-size:14px}.wizard #exportBtn{width:auto;min-height:48px;margin:0 auto;font-size:15px}.wizard-demo{font-size:13px;color:#a4c2ee;margin:0;text-align:center}
.wizard-menu{width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #7ca6e855;border-radius:22px;background:#0b254e;color:#cee0ff}.wizard-menu::backdrop{background:#020e24b8;backdrop-filter:blur(6px)}.wizard-menu-links{display:flex;flex-direction:column;gap:8px}.wizard-menu-close{display:block;margin-inline-start:auto;min-height:44px;border:0;border-radius:12px;background:#bad6ff;color:#08285f;padding:8px 16px}.wizard-menu .legal-footer{padding:14px 0;margin:10px 0;border-color:#7095cc44;color:#c0d9ff}.wizard-menu .legal-footer nav{display:flex;flex-direction:column;gap:0}.wizard-menu .legal-footer button,.wizard-menu .legal-footer a{color:#c0d9ff;min-height:44px;font-size:14px}.wizard-menu .newsletter{display:block;margin:0;padding:12px;border:0;background:none}.wizard-menu .newsletter-mark{display:none}.wizard-menu .newsletter h2{font-size:25px}.wizard-menu .newsletter p{font-size:15px}.wizard-menu .newsletter-fields{display:flex;flex-direction:column}.wizard-menu .newsletter-fields input{font-size:16px;width:100%}
.viewport-wizard .toast{bottom:max(90px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:14px}.viewport-wizard .legal-dialog{background:#0b254e;color:#d4e4ff;border-color:#648aca}.viewport-wizard .legal-dialog .consent{color:#d4e4ff}.viewport-wizard .legal-close{position:sticky;top:0;background:#bcd6ff;color:#08285f;z-index:1}.viewport-wizard :focus-visible{outline-color:#ffd400!important}
@media(max-width:620px){.viewport-wizard .topbar{height:64px;padding:6px 12px}.viewport-wizard .brand{width:132px;height:44px}.viewport-wizard .top-actions{gap:6px}.viewport-wizard .language-switcher{padding:2px}.viewport-wizard .language-switcher button{min-width:32px;min-height:36px;font-size:12px}.wizard-menu-button{padding:6px 9px;min-height:38px;font-size:13px}.viewport-wizard main{padding:9px 10px max(10px,env(safe-area-inset-bottom));gap:8px}.viewport-wizard .workspace{border-radius:22px}.viewport-wizard .flow-progress{flex-basis:24px;gap:12px}.viewport-wizard .progress-copy{min-width:120px;gap:8px}.wizard{padding:18px 14px 12px;gap:14px}.wizard-heading{gap:8px}.wizard-heading h1{font-size:25px}.wizard-spark{font-size:23px}.wizard-actions{gap:12px;padding-top:12px;min-height:58px}.wizard-actions .primary-action{min-width:0;max-width:78%;font-size:15px;padding:12px 17px}.wizard-screen{gap:13px}.wizard .wizard-moods{grid-template-columns:1fr 1fr;gap:10px}.wizard .recipe .recipe-image{aspect-ratio:1.85;max-height:105px}.wizard .recipe>div:last-child{padding:9px 10px}.wizard .recipe b{font-size:16px}.wizard .recipe p{font-size:12px;line-height:1.3;margin-top:4px}.wizard-pager{gap:5px}.wizard-pager .wizard-link{font-size:13px;padding:7px 3px}.wizard .visual-choice-grid,.wizard .choice-pair{grid-template-columns:1fr;gap:14px}.wizard .visual-choice,.wizard .source-card{flex-direction:row;min-height:110px;padding:18px;text-align:start;align-items:center;gap:16px}.wizard .visual-choice b,.wizard .source-card b{font-size:18px}.wizard .dropzone{flex-wrap:wrap;min-height:165px;padding:20px;gap:14px}.wizard .dropzone em{margin-inline-start:64px}.wizard .dropzone b{font-size:18px}.wizard .dropzone div{flex:1}.wizard .rights-notice{padding:14px}.wizard .rights-notice .consent,.wizard .rights-notice p{font-size:14px;line-height:1.5}.wizard .cover-result img{max-height:26dvh}.wizard .cover-result{padding:10px}.wizard .cover-result b{font-size:17px}.wizard .cover-result small{font-size:13px}.wizard .cover-prompt{padding:14px}.wizard .review-head{display:block}.wizard .review-head>span{display:none}.wizard .moment{gap:8px}.wizard .moment>b{font-size:16px}.wizard .moment time{font-size:12px}.wizard .intent-choices button{min-height:72px}.wizard .auto-panel{padding:18px}.wizard .film-copy strong{font-size:62px}}
@media(max-height:700px){.wizard{gap:10px;padding-top:14px}.wizard .recipe .recipe-image{max-height:72px;aspect-ratio:2.1}.wizard .recipe p{display:none}.wizard .cover-result img{max-height:23dvh}.wizard .wizard-screen{gap:10px}.wizard .rights-notice p{font-size:13px}.wizard .dropzone{min-height:140px}.wizard-heading h1{font-size:24px}}
@media(max-height:500px){.viewport-wizard .topbar{height:52px}.viewport-wizard .brand{height:38px}.viewport-wizard main{gap:4px;padding-top:4px}.wizard{padding:10px 14px;gap:8px}.wizard-actions{padding-top:6px;min-height:50px}.wizard .wizard-body{justify-content:flex-start}.wizard-heading h1{font-size:22px}}

/* Milamo glossy 3D surfaces — supplied blue/yellow icon family. */
body.viewport-wizard{background:radial-gradient(ellipse at 12% 15%,#0757d878,transparent 48%),radial-gradient(ellipse at 90% 92%,#004bd957,transparent 45%),linear-gradient(135deg,#061631,#0a2451 60%,#061630)}
.viewport-wizard .ambient{opacity:.18}
.viewport-wizard .topbar{background:linear-gradient(120deg,#b9d9ff,#80b2f2);border-bottom:1px solid #c8e5ff70;box-shadow:0 6px 24px #020d253d,inset 0 -3px 6px #497dd750}
.viewport-wizard .workspace{background:linear-gradient(150deg,#12366c,#0a2148 56%,#081d40);border:1px solid #608dcc55;box-shadow:inset 0 2px 2px #a9cfff26,inset 0 -5px 12px #020e2c80,0 18px 44px #020b245e;border-radius:32px}
.viewport-wizard .language-switcher{background:#6795d340;border:1px solid #305a9b38;box-shadow:inset 0 2px 4px #123c6c28;border-radius:17px}
.viewport-wizard .language-switcher button.active,.wizard .primary-action,.wizard .cover-generate,.wizard .cover-use{background:linear-gradient(165deg,#fff470 0%,#ffe000 35%,#ffce00 100%);color:#062353;border:1px solid #ffed67;box-shadow:inset 0 2px 2px #fff9bf, inset 0 -4px 3px #d99c00,0 5px 0 #9c7300,0 10px 24px #000b2f55;border-radius:18px;transition:transform .18s ease,box-shadow .18s ease}
.wizard .primary-action:after{display:none}
.wizard .primary-action:active,.wizard .cover-generate:active,.wizard .cover-use:active{transform:translateY(3px);box-shadow:inset 0 2px 2px #fff9bf,inset 0 -2px 3px #d99c00,0 2px 0 #9c7300}
.wizard .primary-action:disabled{box-shadow:none;opacity:.5}
.viewport-wizard .progress-track{background:#03142d;box-shadow:inset 0 2px 5px #000a;border:1px solid #49699966;height:9px}
.viewport-wizard .progress-track i{background:linear-gradient(#fff377,#ffe000 55%,#d7a900);box-shadow:0 0 15px #ffdf0030;border-radius:99px}
.wizard-heading{align-items:center;gap:16px}
.wizard-heading h1{color:#d5e8ff;text-shadow:0 3px 0 #02132d55;line-height:1.18}
.wizard .meta-row label,.wizard .credit-fields label{color:#b8d7ff}
.wizard .meta-row input,.wizard .credit-fields input,.wizard textarea{background:linear-gradient(180deg,#081b3a,#0c2b58)!important;color:#d5e8ff;border:1px solid #5e8bcc66!important;border-radius:18px!important;box-shadow:inset 0 3px 8px #010b2570,0 1px 0 #9dc6ff20;padding:16px!important}
.wizard input::placeholder,.wizard textarea::placeholder{color:#90aed7;opacity:1}
.wizard input:focus,.wizard textarea:focus{border-color:#8ebfff!important;outline:2px solid #6caaff44;outline-offset:2px}
.wizard .visual-choice,.wizard .source-card,.wizard .dropzone,.wizard .recipe{background:linear-gradient(145deg,#174487,#0b2855 80%);border:1px solid #608de366;border-radius:24px;box-shadow:inset 0 2px 3px #b7d8ff25,inset 0 -4px 7px #00143780,0 7px 0 #04142e,0 14px 25px #010b2338;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.wizard .recipe{overflow:hidden}
.wizard .recipe b,.wizard .source-card b,.wizard .visual-choice b,.wizard .dropzone b{color:#d6e8ff}
.wizard .recipe p,.wizard .source-card small,.wizard .visual-choice small,.wizard .dropzone small{color:#a9c7ef}
.wizard .recipe.active,.wizard .source-card.selected,.wizard .visual-choice.selected{border-color:#ffe000;box-shadow:inset 0 2px 3px #ffe00033,inset 0 -4px 7px #00143780,0 6px 0 #8d7400,0 12px 26px #010b2338}
@media(hover:hover){.wizard .recipe:hover,.wizard .source-card:hover,.wizard .visual-choice:hover{transform:translateY(-3px);border-color:#a6cbff}.wizard .primary-action:hover{transform:translateY(-2px)}}
.wizard .dropzone em{border-radius:12px;background:linear-gradient(#3b8bff,#0850dc);color:#e1efff;border:1px solid #72a9ff;box-shadow:inset 0 2px 1px #afd7ff55,0 3px 0 #00236d}
.wizard .wizard-link,.wizard .back{color:#bddaff}
.wizard .wizard-actions{padding-bottom:6px;border-top-color:#86b5f226}
.wizard-menu-button{background:linear-gradient(#b7d7ff,#8ab8ee);border:1px solid #547dab55;box-shadow:inset 0 2px 1px #e3f1ff80,0 3px 0 #5780b7;color:#0a2c60;border-radius:13px}
.wizard-menu,.viewport-wizard .legal-dialog{background:linear-gradient(145deg,#163970,#081e42);box-shadow:inset 0 2px 1px #adcfff30,0 24px 70px #0009}
.clay-icon{display:inline-block!important;flex:none;width:72px!important;height:72px!important;background-color:transparent!important;background-image:url('/assets/milamo-3d-icons.png')!important;background-size:400% 300%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 4px #020d3155);font-size:0!important}
.clay-icon[data-icon="play"]{background-position:0% 0%}.clay-icon[data-icon="write"]{background-position:33.333333% 0%}.clay-icon[data-icon="mic"]{background-position:66.666667% 0%}.clay-icon[data-icon="video"]{background-position:100% 0%}
.clay-icon[data-icon="photo"]{background-position:0% 50%}.clay-icon[data-icon="gear"]{background-position:33.333333% 50%}.clay-icon[data-icon="cut"]{background-position:66.666667% 50%}.clay-icon[data-icon="share"]{background-position:100% 50%}
.clay-icon[data-icon="volume"]{background-position:0% 100%}.clay-icon[data-icon="music"]{background-position:33.333333% 100%}.clay-icon[data-icon="upload"]{background-position:66.666667% 100%}.clay-icon[data-icon="download"]{background-position:100% 100%}
.wizard .wizard-spark{width:66px!important;height:66px!important}
.wizard .visual-choice .clay-icon,.wizard .source-card .clay-icon{width:90px!important;height:90px!important}
@media(max-width:620px){.viewport-wizard .workspace{border-radius:24px}.wizard-heading{gap:10px}.wizard .wizard-spark{width:48px!important;height:48px!important}.wizard-heading h1{font-size:clamp(21px,5.7vw,25px)}.wizard .visual-choice .clay-icon,.wizard .source-card .clay-icon,.wizard .drop-icon{width:64px!important;height:64px!important}.wizard .visual-choice,.wizard .source-card{padding:16px;gap:14px}.wizard .meta-row input{padding:14px!important}.wizard .recipe{border-radius:18px}.wizard .wizard-actions{padding-bottom:6px}}
@media(max-height:700px){.wizard .wizard-spark{width:42px!important;height:42px!important}.wizard-heading{gap:10px}.wizard .visual-choice .clay-icon,.wizard .source-card .clay-icon{width:56px!important;height:56px!important}}
@media(prefers-reduced-motion:reduce){.wizard .primary-action,.wizard .cover-generate,.wizard .recipe,.wizard .visual-choice,.wizard .source-card{transition:none;transform:none!important}}
/* The supplied atlas has optical spacing rather than equal square rows. */
.clay-icon{background-size:425.882353% 319.411765%!important;clip-path:inset(0 round 17%)}
.clay-icon[data-icon="play"]{background-position:1.805% 6.568%}.clay-icon[data-icon="write"]{background-position:34.116% 6.568%}.clay-icon[data-icon="mic"]{background-position:65.524% 6.568%}.clay-icon[data-icon="video"]{background-position:97.473% 6.568%}
.clay-icon[data-icon="photo"]{background-position:1.805% 52.682%}.clay-icon[data-icon="gear"]{background-position:34.116% 52.682%}.clay-icon[data-icon="cut"]{background-position:65.524% 52.682%}.clay-icon[data-icon="share"]{background-position:97.473% 52.682%}
.clay-icon[data-icon="volume"]{background-position:1.805% 97.587%}.clay-icon[data-icon="music"]{background-position:34.116% 97.587%}.clay-icon[data-icon="upload"]{background-position:65.524% 97.587%}.clay-icon[data-icon="download"]{background-position:97.473% 97.587%}
/* Main 3D brand lockup: no frame, consistent proportions on both directions. */
.viewport-wizard .brand{width:218px;height:58px;flex:0 1 218px;min-width:0;background:none;border:0;box-shadow:none}
.viewport-wizard .brand img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:620px){.viewport-wizard .brand{width:154px;height:45px;flex-basis:154px}.viewport-wizard .top-actions{flex:none}}
@media(max-width:360px){.viewport-wizard .brand{width:132px;flex-basis:132px}.viewport-wizard .topbar{padding-inline:8px;gap:6px}}
@media(max-height:500px){.viewport-wizard .brand{height:38px}}
/* Official Milamo logo (brand-inbox/milamo final logo.png), pre-trimmed of transparent margins; 480x136 source = 2x display. */
.viewport-wizard .brand{position:relative;overflow:visible;width:203px;height:auto;aspect-ratio:480/136;flex-basis:203px}
.viewport-wizard .brand picture{display:block;width:100%;height:100%}
.viewport-wizard .brand img{position:static;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
@media(max-width:620px){.viewport-wizard .brand{width:154px;flex-basis:154px}}
@media(max-width:360px){.viewport-wizard .brand{width:132px;flex-basis:132px}}
@media(max-height:500px){.viewport-wizard .brand{width:132px;flex-basis:132px}}
/* Quiet utility menu in the footer, with the supplied settings icon. */
.wizard-actions #wizardMenuButton{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;background:none;border:0;box-shadow:none;border-radius:12px}
.wizard-actions #wizardMenuButton .clay-icon{width:38px!important;height:38px!important;transition:transform .18s ease}
.wizard-actions #wizardMenuButton:hover .clay-icon{transform:rotate(12deg)}
.wizard-actions #wizardMenuButton:active .clay-icon{transform:scale(.93)}
.wizard .wizard-actions .primary-action{min-width:0;max-width:240px;flex:1}
.wizard .wizard-actions .back{flex:0 0 auto}
@media(max-width:620px){.wizard .wizard-actions{gap:10px}.wizard .wizard-actions .primary-action{max-width:none;font-size:15px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.wizard-actions #wizardMenuButton .clay-icon{transition:none;transform:none!important}}

/* Beta dialog: keep the close button on the inline end so it never covers the eyebrow in LTR. */
.modal-close{left:auto;inset-inline-end:15px}