:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17243b;background:#f1f4f8;font-synthesis:none;--navy:#12213a;--blue:#255cfa;--muted:#607089;--line:#dce2eb;--yellow:#e5f486}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button,.file-button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button{border:0}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #799dff;outline-offset:3px}[hidden]{display:none!important}.topbar{height:90px;padding:0 36px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:white;font-size:18px;font-weight:850;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;width:54px;height:48px;background:var(--yellow);color:var(--navy);font-size:22px;letter-spacing:-1px;transform:rotate(-4deg)}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:4px;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.top-actions .quiet{color:#dce7fa}.top-actions #save-status{font-size:12px;color:#a7bbd8}.quiet{background:none;color:var(--muted);padding:8px 0;font-size:14px;text-decoration:none}.quiet:hover{color:var(--blue)}main{max-width:1512px;margin:auto;padding:32px 36px 0}.project-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow,.mini-label{font-size:12px;letter-spacing:1.7px;font-weight:750;display:block}.eyebrow{color:var(--muted)}.title-input{font-size:clamp(24px,3vw,38px);font-weight:780;letter-spacing:-1.3px;border:0;background:none;color:var(--navy);padding:7px 0;width:min(660px,100%);text-overflow:ellipsis}.format-field{min-width:225px}.format-field label{font-size:11px;font-weight:750;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:8px}select,input:not([type]),input[type=text]{border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--navy)}select{width:100%;font-size:14px;font-weight:650}.workflow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd6e4;margin:20px 0 26px;gap:12px}.workflow nav{display:flex;gap:24px}.workflow button{padding:18px 0;background:none;color:var(--muted);font-size:13px;font-weight:700;border-bottom:3px solid transparent}.workflow button span{margin-left:8px}.workflow button.active{color:var(--blue);border-color:var(--blue)}.target{font-size:11px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}.workspace{display:grid;grid-template-columns:235px minmax(340px,1fr) 220px;gap:24px;align-items:start}.chapter-panel{padding-top:8px}.panel-label{font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:18px;display:flex;justify-content:space-between;color:var(--muted)}#chapters{display:flex;flex-direction:column;gap:5px}.chapter-button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 12px;border-radius:8px;color:var(--navy);background:transparent;width:100%;min-height:70px}.chapter-button:hover{background:#e7ecf4}.chapter-button.active{background:var(--navy);color:white;box-shadow:0 5px 15px #12213a12}.chapter-index{border:1px solid #b9c5d7;border-radius:50%;display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;font-size:12px}.chapter-button.active .chapter-index{background:var(--yellow);color:var(--navy);border:0}.chapter-button.kept .chapter-index{background:#d6eee6;border-color:transparent;color:#186149}.chapter-label{font-size:14px;font-weight:700}.chapter-label small{display:block;font-size:11px;font-weight:450;opacity:.68;margin-top:5px}.sidebar-note{padding:23px 12px;color:var(--muted)}.mini-label{font-size:10px;letter-spacing:1px}.sidebar-note p{font-size:12px;line-height:1.8}.progress-track{height:4px;background:#dbe1ed;border-radius:4px;margin-top:20px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}.record-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 8px 30px #12213a05}.chapter-head{display:flex;gap:16px;align-items:center}.chapter-number{font-size:42px;font-weight:350;letter-spacing:-2px;color:#b9c5d7}.chapter-head h1{margin:5px 0 0;font-size:28px;letter-spacing:-.8px}.chapter-head .eyebrow{font-size:10px}.duration-badge{margin-left:auto;font-size:12px;background:#edf2ff;color:var(--blue);padding:7px 9px;border-radius:5px;white-space:nowrap}.prompt{font-size:15px;line-height:1.6;color:var(--muted);margin:22px 0}.script-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.script-toolbar label{font-size:11px;font-weight:800;letter-spacing:.7px}.script-toolbar label span{font-weight:400;margin-left:7px;color:var(--muted);letter-spacing:0}textarea{resize:vertical;min-height:174px;width:100%;background:#f8faff;border:1px solid #dce3ef;border-radius:8px;padding:18px;line-height:1.8;font-size:18px;color:var(--navy);margin-top:8px}textarea::placeholder{color:#92a0b4}.coaching{display:flex;align-items:baseline;gap:12px;margin:15px 0 22px}.coaching>span{font-size:9px;white-space:nowrap;font-weight:850;letter-spacing:1px;color:var(--blue)}.coaching p{font-size:12px;line-height:1.5;margin:0;color:var(--muted)}.recorder{border-top:1px solid var(--line);padding-top:19px}.record-info{display:flex;justify-content:space-between;align-items:center}.record-info span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.record-info strong{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-1px}#meter{width:100%;height:44px;margin:10px 0}.record-actions{display:flex;justify-content:center;align-items:center;gap:20px}.record-button,.primary{background:var(--blue);color:white;min-height:46px;padding:13px 21px;border-radius:7px;font-size:14px;font-weight:750;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.record-button{background:var(--navy);padding:14px 32px}.record-dot{height:11px;width:11px;border-radius:50%;background:#fc645e}.secondary{border:1px solid #cbd6e6;background:white;border-radius:7px;color:var(--navy);padding:12px 16px;min-height:44px;font-weight:650;font-size:14px}.primary:hover{background:#164ad6}.secondary:hover{background:#f0f4ff}.local-note{font-size:11px;line-height:1.5;text-align:center;color:var(--muted);margin:16px 0 0}.producer-panel{padding:10px 0}.producer-panel h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:14px 0}.producer-panel>p{font-size:14px;line-height:1.8;color:var(--muted)}.producer-rule{height:1px;background:var(--line);margin:24px 0}.finish-list{padding:0;list-style:none;font-size:13px;color:var(--muted);line-height:2.4}.finish-list li:before{content:'✓';color:var(--blue);margin-right:9px}.tip-card{background:var(--yellow);padding:18px;border-radius:8px;margin:25px 0;font-size:14px}.tip-card p{font-size:12px;line-height:1.7;margin:7px 0 0}.full{width:100%}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;font-size:10px;letter-spacing:1px;color:var(--muted)}#take-review{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.take-heading{display:flex;justify-content:space-between;font-size:14px;gap:10px}.take-heading span{font-size:12px;color:var(--muted)}audio{width:100%;margin:14px 0}.take-actions{display:flex;gap:10px;flex-wrap:wrap}.section-heading{margin:30px 0}.section-heading h1{font-size:34px;letter-spacing:-1px;margin:10px 0}.section-heading p{color:var(--muted);line-height:1.7}.sound-layout{display:grid;grid-template-columns:1fr 300px;gap:28px}.sound-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.sound-card{border:1px solid var(--line);background:white;border-radius:10px;padding:20px;position:relative}.sound-card.selected{border:2px solid var(--blue);padding:19px;background:#f8faff}.sound-card h2{font-size:19px;letter-spacing:-.5px;margin:13px 0 7px}.sound-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 16px}.sound-card .sound-num{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--blue)}.sound-card .take-actions{justify-content:space-between}.sound-settings,.check-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.sound-settings{align-self:start}.sound-settings h2{margin:15px 0}.sound-settings>p{font-size:14px;line-height:1.7;color:var(--muted)}.check-option{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;margin:20px 0;cursor:pointer}.check-option input{accent-color:var(--blue);width:18px;height:18px;margin:2px 0 0;flex-shrink:0}.check-option small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}.small{font-size:13px;color:var(--muted);line-height:1.7}.produce-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.check-panel h2{margin:0}.check-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.check-row strong{display:block}.check-row small{display:block;color:var(--muted);line-height:1.5;margin-top:5px}.rating{display:flex;gap:6px}.rating button{width:20px;height:20px;border:2px solid #b7c5db;background:transparent;border-radius:50%;padding:0}.rating button.on{background:var(--blue);border-color:var(--blue)}#technical-checks{background:#f2f5fb;padding:16px;border-radius:8px;font-size:13px;line-height:1.7;margin:23px 0}#hosts{width:100%;margin-top:8px}.export-panel{background:var(--navy);border-radius:12px;overflow:hidden;color:white;display:grid;grid-template-columns:180px 1fr;align-content:start;padding:28px;gap:25px}#cover{width:180px;height:180px;border-radius:4px;box-shadow:0 10px 30px #0003}.export-content h2{font-size:26px;letter-spacing:-.7px;margin:13px 0}.export-content .eyebrow{color:#aebfdf;font-size:10px}.export-content>p{font-size:14px;color:#bdcce2;line-height:1.6}.export-content .primary{background:var(--yellow);color:var(--navy)}.export-content .secondary{margin-top:12px;background:transparent;color:white;border-color:#50617b}.export-content .small{color:#bdcce2}#mix-result audio{max-width:100%}progress{width:100%;height:8px;margin-top:18px;accent-color:var(--yellow)}#render-status{min-height:22px;font-size:13px}#message{padding:14px 18px;border-radius:8px;background:#e2edff;color:#123d8a;margin-bottom:20px;font-size:14px;line-height:1.6}#message.error{background:#ffebe8;color:#942e25}dialog{border:0;border-radius:14px;max-width:620px;padding:35px;box-shadow:0 20px 100px #0004;color:var(--navy)}dialog::backdrop{background:#081426aa}dialog p,dialog li{font-size:16px;line-height:1.7}dialog li{margin:12px 0}.dialog-close{float:right}.presenting{overflow:hidden}.presenting .record-panel{position:fixed;inset:0;z-index:50;border:0;border-radius:0;display:flex;flex-direction:column;padding:25px max(24px,calc((100vw - 1000px)/2));background:var(--navy);color:white;overflow:auto}.presenting .record-panel .prompt,.presenting .record-panel .script-toolbar,.presenting #script,.presenting .coaching{display:none}.presenting .presenter-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.presenting .presenter-tools label{font-size:13px;display:flex;gap:10px;align-items:center}.presenting .quiet{color:#bed0ed}.presenting #presenter-script{display:block;white-space:pre-wrap;font-size:36px;line-height:1.7;overflow:auto;flex:1;min-height:200px;padding:20px 10px}.presenting #presenter-script mark{background:var(--yellow);color:var(--navy);border-radius:3px}.presenting .recorder{margin-top:20px;border-color:#41516a}.presenting .record-button{background:var(--blue)}.presenting #take-review{flex-shrink:0;border-color:#41516a}.presenting .record-info span,.presenting .local-note{color:#b8c7df}.recording #record-state{color:#d43936}.recording #timer{color:#e3534e}.recording .record-dot{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}@media(min-width:1450px){.record-panel{padding:34px}textarea{min-height:220px}.workspace{grid-template-columns:255px minmax(340px,1fr) 250px;gap:32px}}@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(300px,1fr)}.producer-panel{display:none}.target{display:none}.export-panel{grid-template-columns:1fr}#cover{width:140px;height:140px}.topbar{padding:0 24px}main{padding:24px 24px 0}.top-actions{gap:13px}#save-status{display:none}}@media(max-width:760px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;gap:12px;padding:17px 20px}.brand{font-size:15px}.brand-mark{width:44px;height:40px;font-size:19px}.top-actions{width:100%;justify-content:space-between;gap:10px}.top-actions .quiet{font-size:12px}.project-heading{display:block}.format-field{margin-top:15px}.format-field label{display:none}.title-input{width:100%;font-size:29px}main{padding:23px 15px 0}.workflow nav{gap:18px;width:100%;justify-content:space-between}.workflow button{font-size:12px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.workflow button span{margin-left:0}.workspace{display:flex;flex-direction:column;gap:18px}.chapter-panel{width:100%;padding:0}.panel-label{margin:0 0 9px}#chapters{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:7px}.chapter-button{width:auto;min-width:135px;min-height:62px;padding:10px;gap:8px}.chapter-index{width:25px;height:25px}.chapter-label{font-size:12px}.chapter-label small{font-size:10px}.sidebar-note{display:none}.record-panel{width:100%;padding:20px}.chapter-head{gap:10px}.chapter-head h1{font-size:24px}.chapter-number{font-size:34px}.chapter-head .eyebrow{font-size:9px;letter-spacing:1px}.duration-badge{font-size:11px;padding:6px}.script-toolbar .quiet{font-size:12px}.coaching{gap:8px}.coaching p{font-size:12px}.sound-layout,.produce-layout{grid-template-columns:1fr}.sound-grid{grid-template-columns:1fr}.section-heading h1{font-size:29px}.export-panel{grid-template-columns:1fr;padding:24px}#cover{width:180px;height:180px}footer{flex-wrap:wrap;font-size:9px;gap:10px}.presenting .record-panel{padding:18px}.presenting .chapter-head .eyebrow{display:none}.presenting .presenter-tools{gap:12px}.presenting #presenter-script{font-size:30px}.presenting #take-review{max-height:160px;overflow:auto}dialog{margin:20px;max-height:90vh;overflow:auto;padding:25px}.take-heading{flex-direction:column}.record-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Studio visual system · November 2026 */
:root{--navy:#142239;--blue:#2859dc;--yellow:#d8f27d;--muted:#5f6e83;--line:#dee4ed;background:#eaf0f5;color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:radial-gradient(ellipse at 90% 0,#dce8f4 0,transparent 45%),#edf1f5}
.topbar{height:84px;background:#101d32;padding:0 40px;border-bottom:1px solid #35425a}.brand{font-size:18px;letter-spacing:2.2px;gap:16px}.brand-mark{width:54px;height:50px;border-radius:6px;transform:none;font-size:23px;letter-spacing:-1.5px;box-shadow:4px 4px 0 #d8f27d22}.brand small{font-size:11px;letter-spacing:3px;margin-top:5px}.top-actions{gap:11px}.top-actions .quiet{padding:10px 13px;border-radius:7px;font-size:13px}.top-actions .quiet:hover{background:#ffffff10;color:white}.top-actions #backup-button{border:1px solid #526079;color:white}.top-actions #save-status{margin-right:16px;font-size:12px;color:#a8bbd6}
main{max-width:1540px;padding:34px 40px 0}.project-heading{align-items:end;gap:32px}.project-heading>div:first-child{min-width:0;flex:1}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750}.title-input,.title-input:not([type]){font-size:clamp(28px,3.1vw,45px);letter-spacing:-1.8px;font-weight:760;width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 0 4px;line-height:1.15}.title-input:hover{border-bottom-color:#bdcadd}.title-input:focus{background:#ffffff80}.format-field{width:230px;min-width:220px;padding-bottom:5px}.format-field label{font-size:10px;letter-spacing:1.5px}.format-field select{min-height:47px;border-color:#ccd6e3;box-shadow:0 2px 4px #14223903;border-radius:9px;padding:12px 15px;font-size:14px}
.workflow{margin:23px 0 24px;border:0;gap:20px}.workflow nav{background:#dce4ed;gap:4px;border-radius:11px;padding:5px}.workflow nav button{border:0;padding:12px 17px;border-radius:7px;font-size:13px;color:#536278;transition:background .16s,box-shadow .16s}.workflow nav button.active{background:white;color:var(--navy);box-shadow:0 2px 6px #1422390b}.workflow nav button span{margin-left:10px}.target{font-size:10px;letter-spacing:1.6px;font-weight:650}
.workspace{grid-template-columns:235px minmax(360px,1fr) 210px;gap:22px;align-items:stretch}.chapter-panel{background:var(--navy);border-radius:16px;padding:23px 15px 10px;color:white;box-shadow:0 12px 28px #1422390a;display:flex;flex-direction:column}.panel-label{color:#a6b8d2;font-size:10px;letter-spacing:1.4px;margin:0 8px 20px;align-items:center;gap:8px}.panel-label #take-count{color:var(--yellow);font-size:12px;letter-spacing:0;white-space:nowrap}#chapters{gap:8px}.chapter-button{min-height:66px;border-radius:9px;padding:12px 10px;color:#c9d4e5;position:relative;gap:11px}.chapter-button:hover{background:#ffffff0a}.chapter-button.active{background:#d8f27d;color:#142239;box-shadow:0 5px 18px #0001}.chapter-index{height:30px;width:30px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;border-color:#53627a;color:#c3d0e3}.chapter-button.active .chapter-index{background:#142239;color:var(--yellow)}.chapter-label{font-size:14px;font-weight:650;line-height:1.3}.chapter-label small{font-size:11px;margin-top:4px;opacity:.8}.chapter-button.kept:not(.active) .chapter-index{background:#d8f27d20;color:#d8f27d;border:1px solid #d8f27d40}.sidebar-note{margin-top:auto;padding:26px 10px 10px;color:#a5b8d3}.sidebar-note .mini-label{font-size:10px;letter-spacing:1.1px}.sidebar-note p{font-size:12px;line-height:1.7}.progress-track{background:#35435a;height:4px;margin-top:16px}.progress-track span{background:var(--yellow)}
.record-panel{padding:30px 30px 0;border:1px solid #d9e0e9;border-radius:16px;box-shadow:0 9px 32px #14223907;overflow:hidden;min-width:0}.chapter-head{gap:16px}.chapter-number{font-size:47px;font-weight:750;letter-spacing:-3px;line-height:1;color:#cad5e5}.chapter-head h1{font-size:31px;letter-spacing:-1.1px;margin-top:6px;font-weight:750}.chapter-head .eyebrow{font-size:10px}.duration-badge{background:#edf2f8;color:#51647e;border:1px solid #e0e7f1;border-radius:6px;padding:8px 11px;font-family:ui-monospace,monospace;font-size:12px}.prompt{font-size:16px;line-height:1.65;margin:19px 0 25px;max-width:58ch}.script-toolbar{padding:0 0 4px}.script-toolbar label{font-size:11px;letter-spacing:1.2px}.script-toolbar label span{font-size:11px}.script-toolbar .quiet{font-size:12px;color:var(--blue);font-weight:600}textarea{background:#f6f8fb;border:1px solid #dfe5ed;border-radius:10px;padding:18px 20px;font-size:18px;line-height:1.75;min-height:180px;margin-top:5px;box-shadow:inset 0 2px 4px #14223902}textarea:focus{background:white}textarea::placeholder{color:#8b9ab1}.coaching{margin:15px 0 24px;align-items:center;gap:10px}.coaching>span{border:1px solid #d6e0f0;padding:5px 6px;border-radius:4px;font-size:9px;color:#41628f}.coaching p{font-size:12px;line-height:1.6}
.recorder{background:#f1f4f8;margin:0 -30px;padding:20px 30px 19px;border-top:1px solid #dce3ed;position:relative}.record-info span{font-size:10px;letter-spacing:1.5px;color:#61718a}.record-info strong{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500;font-size:27px;letter-spacing:-1.5px}#meter{height:38px;margin:8px 0 13px}.record-actions{gap:23px}.record-button{background:var(--navy);border-radius:9px;min-height:48px;padding:14px 34px;box-shadow:0 4px 8px #14223912;font-size:14px}.record-button:hover{background:#283d5c}.record-dot{height:10px;width:10px;background:#ef655f;box-shadow:0 0 0 4px #ef655f15}.record-actions .quiet{font-size:13px;font-weight:600}.local-note{font-size:11px;margin-top:16px;line-height:1.6;color:#697990}.recording .recorder{background:#fff0ee;border-color:#eac2bc}.recording #record-state,.recording #timer{color:#b33c34}#stop-button{background:#bc443b}.primary{border-radius:8px;font-size:14px;min-height:46px}.secondary{border-radius:8px}.producer-panel{padding:23px 0 0 1px}.producer-panel .eyebrow{font-size:10px}.producer-panel h2{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:16px 0}.producer-panel>p{font-size:14px;line-height:1.75}.producer-rule{margin:25px 0}.finish-list{font-size:13px;line-height:2.6}.finish-list li:before{color:#536b28}.tip-card{background:#e1e9f3;border:1px solid #d2ddea;padding:19px;border-radius:10px;margin:22px 0}.tip-card strong{font-size:14px}.tip-card p{font-size:12px;color:#4d617c;line-height:1.7}#next-button{background:transparent;border-color:#bfcddd}#take-review{padding:20px 0 24px;margin:0;border-top:1px solid #dce3ed}.take-heading strong{font-size:15px}.take-heading span{font-size:12px}audio{height:42px}
.section-heading{margin:34px 0 28px}.section-heading h1{font-size:clamp(30px,3.5vw,44px);font-weight:740;letter-spacing:-1.6px;margin:12px 0}.section-heading p{font-size:16px;line-height:1.7}.sound-layout{grid-template-columns:minmax(0,1fr) 305px;gap:26px}.sound-grid{gap:18px}.sound-card{--sound-color:#476bc6;border:1px solid #d6dfea;border-radius:13px;padding:24px;overflow:hidden;box-shadow:0 3px 7px #14223903;transition:transform .15s,box-shadow .15s}.sound-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sound-color)}.sound-card:nth-child(2){--sound-color:#bd6b31}.sound-card:nth-child(3){--sound-color:#7556ac}.sound-card:nth-child(4){--sound-color:#a5455c}.sound-card:nth-child(5){--sound-color:#3f7a84}.sound-card:nth-child(6){--sound-color:#527d44}.sound-card:nth-child(7){--sound-color:#9b7028}.sound-card.selected{padding:23px;background:white;border:2px solid var(--blue);box-shadow:0 5px 20px #2859dc10}.sound-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1422390b}.sound-card .sound-num{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1px;color:var(--sound-color)}.sound-card h2{font-size:24px;letter-spacing:-.8px;line-height:1.2;margin:19px 0 11px}.sound-card p{font-size:14px;line-height:1.7;min-height:47px;max-width:36ch;margin:0 0 19px}.sound-card .take-actions{align-items:center;border-top:1px solid #e4e9f0;padding-top:16px}.sound-card [data-preview]{font-size:13px;font-weight:700;color:var(--navy)}.sound-card .secondary,.sound-card .primary{padding:10px 15px;min-height:39px;font-size:12px}.sound-settings{background:var(--navy);color:white;border:0;padding:27px;border-radius:14px;box-shadow:0 12px 24px #1422390c;position:sticky;top:24px}.sound-settings .eyebrow{color:#afc0d8}.sound-settings h2{font-size:29px;letter-spacing:-.8px}.sound-settings>p,.sound-settings .small,.sound-settings small{color:#b8c8de}.sound-settings .check-option{padding-top:16px;border-top:1px solid #ffffff1c;line-height:1.5;margin:18px 0;font-size:14px}.sound-settings .check-option small{font-size:12px;margin-top:5px}.sound-settings input{accent-color:var(--yellow)}.sound-settings .primary{background:var(--yellow);color:var(--navy);margin-top:14px}.sound-settings a{color:var(--yellow)}
.produce-layout{gap:28px;grid-template-columns:1.05fr 1fr;align-items:start}.check-panel{padding:30px;border-radius:14px}.check-panel h2{font-size:26px;letter-spacing:-.8px}.check-row{padding:19px 0}.check-row strong{font-size:15px;font-weight:650}.check-row small{font-size:13px}.rating{gap:7px;flex-shrink:0}.rating button{width:20px;height:20px;border-color:#b8c5d8}.rating button.on{background:#244fbd;border-color:#244fbd}.check-panel .eyebrow{font-size:11px}#technical-checks{padding:18px;font-size:13px;border:1px solid #e1e6ef}.export-panel{background:var(--navy);padding:30px;border-radius:16px;grid-template-columns:1fr;gap:27px;position:sticky;top:24px;background-image:radial-gradient(ellipse at 100% 0,#314563,transparent 65%)}#cover{width:220px;height:220px;justify-self:center;border-radius:5px;transform:rotate(-3deg);box-shadow:10px 14px 0 #ffffff08,0 22px 38px #0003;margin:12px 0 3px}.export-content{min-width:0}.export-content h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:13px 0 14px}.export-content .eyebrow{font-size:11px;letter-spacing:1.4px}.export-content .primary{min-height:51px;font-size:14px}.export-content .primary:hover{background:#e4fa9d}.export-content>p{font-size:14px}.export-content #render-status{font-size:12px;line-height:1.6}.export-content .secondary{min-height:45px}#mix-stats{font-size:12px;line-height:1.8}.check-panel .check-option{font-size:14px}.small{font-size:13px}
footer{border-top:1px solid #d7e0eb;margin-top:30px;padding:20px 0 24px;font-size:10px;letter-spacing:.8px}footer .quiet{font-size:12px}#message{border:1px solid #c4d6f5;border-radius:9px;background:#e4edfd;font-size:14px}dialog{padding:34px;border-radius:18px;max-width:640px}dialog h2{font-size:28px;letter-spacing:-1px;margin:14px 0 20px}dialog::backdrop{background:#101d32bb;backdrop-filter:blur(5px)}dialog a{line-height:2}dialog .eyebrow{padding-right:60px}.dialog-close{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4c7cf5;outline-offset:4px}
.presenting .record-panel{padding:25px max(24px,calc((100vw - 1000px)/2));overflow:auto}.presenting .recorder{background:#1b2c46;margin:0;padding:18px 24px;border-radius:12px}.presenting .chapter-number{color:#68809f}.presenting .chapter-head h1{color:white}.presenting .record-info strong{color:white}.presenting .record-button{background:var(--yellow);color:var(--navy)}.presenting #presenter-script{padding:20px 10px}.presenting #take-review{padding:18px 0}.presenting .duration-badge{background:#2f405a;color:#d1dcef;border-color:#52657e}.presenting .record-info span{color:#adc0dd}.presenting .recording .recorder{background:#342b39}
@media(min-width:1450px){.workspace{grid-template-columns:250px minmax(380px,1fr) 225px;gap:28px}textarea{min-height:210px}}
@media(max-width:1180px){main{padding:28px 26px 0}.topbar{padding:0 26px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.producer-panel{display:none}.target{display:none}.top-actions #save-status{display:none}.sound-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.sound-grid{gap:15px}.sound-card{padding:21px}.sound-card.selected{padding:20px}.sound-card h2{font-size:22px}.sound-card .sound-num{font-size:10px}.check-panel,.export-panel{padding:25px}.check-row{gap:10px}.check-row small{max-width:25ch}}
@media(max-width:900px){.sound-layout{grid-template-columns:1fr}.sound-settings{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.sound-settings>.eyebrow,.sound-settings>h2,.sound-settings>p{grid-column:1/-1}.sound-settings .check-option{margin:7px 0 16px}.sound-settings>.primary{align-self:end;margin-bottom:15px}.produce-layout{grid-template-columns:1fr 1fr;gap:18px}.check-panel{padding:21px}.check-row{flex-direction:column;align-items:start}.check-row small{max-width:none}.export-panel{padding:23px}#cover{width:180px;height:180px}.workflow nav button{padding:11px 15px}}
@media(max-width:760px){.topbar{padding:18px 20px;height:auto;gap:18px}.brand{font-size:16px}.brand-mark{width:44px;height:41px;font-size:20px}.brand small{font-size:9px}.top-actions{width:100%;gap:5px;justify-content:space-between}.top-actions .quiet{font-size:12px;padding:8px 10px}.top-actions #help-button{padding-left:0}main{padding:25px 17px 0}.project-heading{display:block}.title-input,.title-input:not([type]){font-size:32px;letter-spacing:-1.4px;padding:10px 0 8px}.format-field{margin-top:11px;width:100%;padding:0}.format-field select{font-size:13px;min-height:43px}.workflow{margin:20px 0;display:block}.workflow nav{gap:3px;justify-content:stretch;padding:4px}.workflow nav button{flex:1;align-items:flex-start;font-size:12px;line-height:1.4;gap:4px;padding:9px 10px}.workflow nav button span{margin:0;font-size:11px}.workspace{display:flex;gap:16px}.chapter-panel{padding:15px 12px 9px;border-radius:12px;display:block}.panel-label{margin:0 4px 12px;font-size:9px}#chapters{gap:6px;padding-bottom:5px}.chapter-button{min-width:144px;min-height:60px;padding:10px;flex-shrink:0}.chapter-label{font-size:12px}.chapter-label small{font-size:10px}.chapter-index{width:26px;height:26px;font-size:11px}.record-panel{padding:22px 20px 0;border-radius:13px}.chapter-head{gap:12px}.chapter-number{font-size:39px;letter-spacing:-2px}.chapter-head h1{font-size:27px;letter-spacing:-1px}.chapter-head .eyebrow{font-size:8px;letter-spacing:1.2px}.duration-badge{font-size:10px;padding:7px;white-space:nowrap}.prompt{font-size:15px;line-height:1.65;margin:20px 0}.script-toolbar label{font-size:10px;letter-spacing:.8px}.script-toolbar label span{font-size:10px;display:block;margin:5px 0 0;letter-spacing:0}.script-toolbar .quiet{font-size:11px}.script-toolbar{align-items:end}textarea{font-size:17px;min-height:190px;padding:15px;margin-top:9px}.coaching{gap:9px;margin:17px 0 23px;align-items:start}.coaching>span{font-size:8px;line-height:1.5;flex-shrink:0}.coaching p{font-size:11px}.recorder{margin:0 -20px;padding:19px 20px 20px}.record-info span{font-size:9px;letter-spacing:1px}.record-info strong{font-size:26px}.record-button{min-height:48px;padding:14px 29px}.record-actions .quiet{font-size:12px}.local-note{font-size:10px;line-height:1.7;margin-top:17px}.sound-grid{grid-template-columns:1fr;gap:14px}.sound-card{padding:23px}.sound-card.selected{padding:22px}.sound-card h2{font-size:25px}.sound-card p{min-height:0}.sound-settings{display:block;padding:25px}.sound-settings .check-option{margin:20px 0}.section-heading{margin:28px 0 23px}.section-heading h1{font-size:32px;letter-spacing:-1.3px;line-height:1.1}.section-heading p{font-size:15px}.produce-layout{grid-template-columns:1fr;gap:20px}.check-panel{padding:24px}.check-row{flex-direction:row;align-items:center}.check-row strong{font-size:14px}.check-row small{font-size:12px;max-width:23ch}.rating{gap:5px}.rating button{width:18px;height:18px}.export-panel{position:static;padding:27px;gap:27px}#cover{width:210px;height:210px}.export-content h2{font-size:29px}footer{gap:12px;margin-top:24px;align-items:center;padding:18px 0;font-size:9px}footer>span:first-child{width:100%;font-size:9px}footer .quiet{font-size:11px}.presenting .record-panel{padding:20px}.presenting .recorder{padding:15px;margin:0}.presenting .chapter-head h1{font-size:25px}dialog{padding:25px;margin:18px;max-width:calc(100vw - 36px)}dialog h2{font-size:26px}dialog p,dialog li{font-size:15px}}
@media(max-width:360px){.top-actions .quiet{font-size:11px;padding:7px}.check-row{align-items:start;flex-direction:column}.chapter-head h1{font-size:23px}.duration-badge{font-size:9px}.record-info span{font-size:8px}.workflow nav button{padding:8px;font-size:11px}.title-input,.title-input:not([type]){font-size:29px}}
.record-panel{display:flex;flex-direction:column}.record-panel>textarea{flex:1}.recorder{margin-top:auto}.presenting .recorder{margin-top:20px}

.presenting .chapter-head .eyebrow{color:#a8bbd7}

/* Generated editorial artwork */
.city-banner{display:grid;grid-template-columns:1fr 46%;height:210px;margin:0 0 26px;background:#142238;border-radius:16px;overflow:hidden;color:#f6f3e9}.city-banner-copy{padding:27px 34px;align-self:center}.city-banner .eyebrow{color:#c6ef77;font-size:10px;letter-spacing:2px}.city-banner h2{font-size:34px;line-height:1.08;letter-spacing:-1.2px;margin:12px 0}.city-banner p{color:#d0d9e4;font-size:13px;margin:0}.city-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 51%;min-height:0}.sound-card{overflow:hidden}.sound-art{display:block;width:calc(100% + 60px);max-width:none;height:150px;object-fit:cover;margin:-30px -30px 23px}.sound-card.selected .sound-art{width:calc(100% + 58px);margin:-29px -29px 23px}.art-note{font-size:11px;color:#607089;margin:-12px 0 22px}.presenting .city-banner{display:none}
@media(max-width:760px){.city-banner{height:auto;min-height:170px;grid-template-columns:1fr 42%;margin-bottom:21px;border-radius:12px}.city-banner-copy{padding:18px}.city-banner h2{font-size:25px;letter-spacing:-.8px}.city-banner .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.5}.city-banner p{font-size:11px;line-height:1.5}.city-banner>img{object-position:43% center}.sound-art{width:calc(100% + 46px);margin:-23px -23px 21px;height:170px}.sound-card.selected .sound-art{width:calc(100% + 44px);margin:-22px -22px 21px}.art-note{line-height:1.5}}