:root{font-family:Arial,Helvetica,sans-serif;background:#141419;color:#f7f3ee;color-scheme:dark;--bg:#141419;--surface:#1e1e26;--line:#34343e;--muted:#9c9ba6;--accent:#ff7860;--mint:#c9e5b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint)}button:disabled{cursor:not-allowed;opacity:.4}button{transition:transform .18s,background .18s,border-color .18s}button:active:not(:disabled){transform:scale(.98)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}p{line-height:1.6}[hidden]{display:none!important}header{max-width:1500px;margin:auto;display:flex;align-items:center;gap:25px;padding:26px 6%;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-weight:800;letter-spacing:-1.7px;display:flex;gap:12px;align-items:center}.logo span{font-size:22px;font-weight:500;letter-spacing:0;color:var(--accent)}.byline{font-size:9px;letter-spacing:1.4px;color:var(--muted)}nav{margin-inline-start:auto;display:flex;align-items:center;gap:25px;font-size:12px;color:#c2becb}nav button{background:transparent;border:1px solid #46434f;padding:8px 15px;border-radius:20px;color:#f0e5df}main{max-width:1500px;margin:auto;padding:52px 6% 0}.workspace{display:grid;grid-template-columns:1fr 1.03fr;gap:7%;align-items:center;min-height:610px}.kicker{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--accent);display:flex;gap:8px;align-items:center}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(47px,5.3vw,76px);line-height:.99;letter-spacing:-3.5px;font-weight:600;white-space:pre-line;margin-top:24px}.intro{font-size:13px;color:#b1aab8;margin-top:23px;max-width:340px}form{margin-top:31px}fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}legend{font-size:11px;color:#b5b0bd;padding:0;margin-bottom:11px}.palettes{display:flex;gap:8px}.palette{border:1px solid #46404b;border-radius:11px;background:#202028;padding:15px 16px;flex:1;color:#d2c8d3;text-align:start;font-size:12px;min-width:0;position:relative}.palette span{display:block;font-size:9px;color:#8e8996;margin-top:7px}.palette.selected{background:#ff78601a;border-color:var(--accent);color:#ffd7cb}.palette.selected span{color:#d5a39a}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.control-row fieldset{margin:0}.segments{display:flex;background:#21212a;border:1px solid #36333e;border-radius:8px;padding:3px;gap:2px}.segments button{background:transparent;color:#b0a8b6;border:0;padding:8px 16px;font-size:12px;border-radius:5px}.segments .selected{background:#e9e5e1;color:#25232d}.voice-toggle{display:flex;gap:8px;align-items:center;font-size:10px;color:#bbb1bd;position:relative;margin-top:22px;cursor:pointer}.voice-toggle input{position:absolute;width:31px;height:19px;opacity:0;margin:0;cursor:pointer}.switch{direction:ltr;width:31px;height:19px;background:#43404a;border-radius:10px;padding:3px;display:block;pointer-events:none}.switch:after{content:'';display:block;width:13px;height:13px;background:#d0c7d0;border-radius:50%;transition:transform .2s}.voice-toggle input:checked+.switch{background:#5b6950}.voice-toggle input:checked+.switch:after{background:var(--mint);transform:translateX(12px)}.voice-toggle input:focus-visible+.switch{outline:2px solid var(--mint);outline-offset:3px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:25px 0}.sliders label{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#c4bac5}.sliders output{color:#8f8796;font-family:monospace;font-size:10px}.sliders input{width:100%;margin:14px 0 0;height:3px;accent-color:var(--accent);cursor:pointer}.create-row{display:flex;gap:12px;align-items:center}.primary{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--accent);color:#201a1d;border:0;border-radius:10px;padding:16px 20px;font-size:13px;font-weight:600;flex:1}.primary:hover{background:#ff927d;transform:translateY(-2px)}.primary>span:last-child{font-size:23px;line-height:1}.icon-button{background:transparent;border:1px solid #49414e;color:#bcaec0;border-radius:10px;font-size:10px;padding:18px 12px}.micro{font-size:9px;line-height:1.7;letter-spacing:.1px;color:#8e8496}.builder form>.micro{margin-top:14px}.sounddesk{border:1px solid #51434e;border-radius:24px;padding:26px;background:#211e27;box-shadow:0 22px 70px #0003;position:relative;overflow:hidden;animation:arrive .65s ease both}.desk-top,.sound-heading,.desk-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.desk-top{padding-bottom:23px;border-bottom:1px solid #44323e}.desk-top .micro{letter-spacing:1.4px;color:#b697a7}.badge{background:#342834;color:#e8b8b7;border:1px solid #634148;border-radius:20px;font-size:8px;letter-spacing:.7px;padding:7px 10px}.sound-heading{margin:25px 0 16px}.sound-heading h2{font-size:25px;letter-spacing:-.7px;font-weight:500}.sound-heading>span{font-size:9px;font-family:monospace;color:#b08e9d}.visualizer{height:231px;position:relative;border-radius:12px;overflow:hidden;background:#26202c}.visualizer canvas{width:100%;height:100%;display:block}.visualizer-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.echo-word{font-size:94px;color:#805464;font-weight:500;line-height:1.2;animation:echo 4s ease-in-out infinite}.visualizer-empty p{font-size:10px;color:#9d7c92;margin-top:8px}.render-progress{position:absolute;inset:0;background:#24202af0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.render-progress>span{font-family:monospace;color:var(--accent);font-size:26px}.render-progress>div{height:2px;width:60%;background:#493543;border-radius:5px;overflow:hidden}.render-progress>div>span{display:block;height:100%;background:var(--accent);transition:width .2s}.sounddesk audio{width:100%;height:35px;display:block;margin:20px 0 0}.desk-bottom{margin:20px 0 23px}.desk-bottom .micro{font-size:8px;color:#b19aab;letter-spacing:.8px}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.downloads button{background:#302632;border:1px solid #574151;border-radius:9px;color:#e5c3c9;padding:13px 10px;text-align:start}.downloads button:hover:not(:disabled){background:#493142;border-color:#b7717e;transform:translateY(-2px)}.downloads button span{display:block;font-size:11px;letter-spacing:.4px}.downloads button small{display:block;font-size:9px;color:#b691a4;margin-top:7px}.timeline-section{padding:58px 0 43px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-heading h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin-top:12px}.text-button{padding:0;background:transparent;border:0;font-size:11px;color:#d5aaa7;text-align:start}.text-button:hover{color:#ffb6a8}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cue{padding:21px;background:#202028;border:1px solid #39343f;border-radius:11px;transition:border .3s,background .3s}.cue.current{border-color:#b9d497;background:#273024}.cue-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9e929f}.cue-top span:first-child{color:var(--accent);font-family:monospace}.cue h3{font-size:16px;font-weight:500;margin:19px 0 10px}.cue textarea{width:100%;min-height:55px;background:transparent;border:0;color:#afa4b0;padding:0;resize:vertical;font-size:11px;line-height:1.6}.project-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;margin-top:26px}.project-fields label>span{display:block;color:#a496a7;font-size:10px;margin-bottom:10px}.project-fields input{width:100%;background:#1e1d25;border:1px solid #433b49;border-radius:8px;padding:12px 13px;font-size:11px;color:#e2d4df}.project-fields input::placeholder{color:#7c7283}.reference-input{display:flex;gap:10px;align-items:center}.reference-input a{font-size:10px;color:#b8d798;white-space:nowrap}.timeline-section>.micro{margin-top:15px}.kit-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.kit-actions button{border:0;background:transparent;color:#c4aaa9;font-size:10px;padding:0}.how-section{padding:52px 0;border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article>span{font-size:12px;color:#746e7d;font-family:monospace}.steps h3{font-size:18px;font-weight:500;margin:19px 0 12px}.steps p{font-size:12px;color:#9e94a5}.use-note{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:34px 0}.use-note>div{max-width:760px}.use-note h3{font-size:12px;font-weight:500;color:#b5a8bb}.use-note p{font-size:10px;color:#887f91;margin-top:9px}.use-note>.text-button{flex-shrink:0;font-size:9px}footer{max-width:1500px;margin:auto;border-top:1px solid var(--line);padding:25px 6% 35px;display:flex;align-items:center;gap:30px}footer .logo{font-size:23px}footer .logo span{font-size:19px}footer>span{font-size:8px;letter-spacing:1.5px;color:#8e7b96}footer>p{margin-inline-start:auto;font-size:11px;color:#bca8c0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e9e5e1;color:#26212b;padding:14px 22px;border-radius:10px;font-size:12px;max-width:90vw;z-index:50;box-shadow:0 8px 30px #0004}dialog{background:#24202c;color:#e8dbe5;border:1px solid #655064;border-radius:16px;padding:28px;max-width:450px}dialog::backdrop{background:#080810aa}dialog h2{font-size:22px}dialog p{font-size:12px;color:#a596af;margin:17px 0 24px}dialog>div{display:flex;gap:12px}dialog button{background:#443343;border:1px solid #685368;color:#e5c3d8;padding:10px 15px;border-radius:8px;font-size:12px}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes echo{50%{opacity:.65;transform:translateY(-4px)}}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .kicker{letter-spacing:.3px}.logo{direction:ltr}canvas,audio{direction:ltr}
@media(min-width:1500px){main{padding-top:70px}.visualizer{height:280px}.workspace{gap:9%;min-height:660px}}
@media(max-width:1000px){header{padding-inline:4%}main{padding-inline:4%}.workspace{gap:5%}h1{font-size:54px}.palette{padding:13px 10px;font-size:11px}.segments button{padding:8px 12px}.sounddesk{padding:22px}.sound-heading h2{font-size:22px}.desk-bottom .micro{letter-spacing:0}.control-row{gap:10px}.voice-toggle{font-size:9px}.create-row{gap:9px}}
@media(max-width:760px){header{padding:20px 22px;gap:15px}.byline{font-size:8px;letter-spacing:.7px}nav{gap:14px}nav>a{display:none}main{padding:34px 22px 0}.workspace{grid-template-columns:1fr;gap:31px;min-height:0}h1{font-size:58px;line-height:1.02;letter-spacing:-2.8px;white-space:normal;max-width:400px}.intro{max-width:none;margin-top:17px}.builder form{margin-top:28px}.palette{padding:15px 16px;font-size:12px}.sliders{gap:22px}.sounddesk{padding:25px;border-radius:19px}.visualizer{height:210px}.timeline-section{padding:39px 0}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.section-heading h2{font-size:27px}.timeline{grid-template-columns:1fr}.cue{padding:19px}.cue h3{margin-top:15px}.cue textarea{min-height:37px}.project-fields{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr;gap:25px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:8px 12px}.steps h3{margin:0}.steps p{grid-column:2}.steps article>span{padding-top:4px}.how-section{padding:39px 0}.use-note{display:block;padding:26px 0}.use-note>.text-button{margin-top:20px}.byline{max-width:85px;line-height:1.5}footer{padding:23px 22px;gap:17px;flex-wrap:wrap}footer>p{font-size:10px}.primary{padding:16px 20px}.control-row{gap:20px}.voice-toggle{font-size:10px}}
@media(max-width:380px){header{padding:18px}.logo{font-size:26px;gap:8px}.logo span{font-size:20px}.byline{display:none}main{padding:28px 18px 0}h1{font-size:51px}.palette{padding:14px 10px}.sounddesk{padding:20px}.sound-heading h2{font-size:21px}.desk-top{gap:9px}.badge{font-size:7px}.downloads button{padding:11px 9px}.control-row{gap:12px}.segments button{padding:8px 11px}.voice-toggle{font-size:9px}.desk-bottom .micro{font-size:7px}.create-row .icon-button{padding-inline:8px}.primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Readable creator controls at phone sizes and enlarged text. */
body{font-size:16px}.intro,.steps p{font-size:16px}.byline,.kicker,.micro,.palette span,.badge,.desk-bottom .micro,.downloads button small,.use-note p,footer>span{font-size:12px}.palette,legend,.segments button,.voice-toggle,.sliders label,.sliders output,.icon-button,.text-button,.downloads button span,.cue-top,.cue textarea,.project-fields label>span,.project-fields input,.reference-input a,.kit-actions button,.use-note h3,.use-note>.text-button,nav,footer>p,dialog p,dialog button{font-size:14px}.primary,.toast{font-size:16px}.sound-heading>span{font-size:12px}.workspace{align-items:start}.sounddesk{position:sticky;top:24px}.segments button{min-height:40px}.kit-actions button,.text-button{min-height:32px}.palette{padding:16px 12px}.control-row{flex-wrap:wrap}.voice-toggle{margin-top:0}.narration-card{border:1px solid #49404f;background:#1d1c24;border-radius:12px;padding:16px;margin:0 0 22px}.narration-card legend{padding:0 6px;margin:0}.voice-file-label{display:block;font-size:14px;line-height:1.6}.voice-file-label input{display:block;width:100%;font-size:14px;margin-top:8px;color:#c7bdce;overflow:hidden}.voice-file-label input::file-selector-button{background:#39303e;color:#f3d9db;border:1px solid #74525f;border-radius:7px;padding:10px;margin-inline-end:10px;font:inherit;cursor:pointer}.voice-mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.voice-mix-controls label:first-child{grid-column:1/-1}.voice-mix-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5;color:#c4bac5}.voice-mix-controls input[type=number]{width:85px;background:#2b252f;border:1px solid #665267;color:#f4e9ec;border-radius:6px;padding:6px;font:inherit}.voice-mix-controls input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0}.voice-mix-controls output{font-family:monospace;color:#b4a8bd}.narration-card .micro{margin-top:12px;overflow-wrap:anywhere;line-height:1.7}.narration-card .text-button{margin-top:8px}.mix-note{font-size:13px;color:#bba4b5;line-height:1.6;margin-bottom:16px}.reference-input input{min-width:0}.project-fields,.workspace{min-width:0}.builder,.sounddesk{min-width:0}dialog{width:calc(100% - 36px)}
@media(max-width:760px){.sounddesk{position:relative;top:auto}.palettes{flex-wrap:wrap}.palette{flex-basis:30%;font-size:14px}.badge,.desk-bottom .micro{font-size:12px}.downloads button small{font-size:12px}.sounddesk{padding:21px}.byline{font-size:11px}.voice-toggle{font-size:14px}.steps p{font-size:16px}.downloads button{padding:14px 9px}.primary{font-size:16px}.narration-card{padding:15px}.byline{max-width:96px}}
@media(max-width:380px){.palette{padding:14px 8px}.sound-heading{flex-wrap:wrap}.desk-top,.desk-bottom{flex-wrap:wrap}.voice-mix-controls{grid-template-columns:1fr}.voice-mix-controls label:first-child{grid-column:auto}.downloads{gap:6px}.downloads button span{font-size:13px}.primary{padding-inline:16px}.icon-button{font-size:13px}.segments button{padding-inline:12px}.sounddesk{padding:18px}}
.voice-toggle,dialog button{min-height:44px}.narration-card input[type=range]{min-height:24px}.voice-file-label input{min-height:44px}

.learn-section{padding:32px 0;border-bottom:1px solid var(--line)}.learn-section h2{font-size:24px;font-weight:500;line-height:1.3}.learn-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.learn-links a{font-size:14px;color:var(--mint);padding:8px 0;text-decoration:underline;text-underline-offset:5px}