/* Shared geometry: the screen-light toggle changes colors only. */
:root{color-scheme:dark;--ink:#edf1f2;--muted:#aab9bc;--paper:#111719;--line:#354248;--green:#efaa70;--panel:#1b2428;--field:#121b1f;--orange:#e87925}
body{background:var(--paper);color:var(--ink)}body.light-boost{color-scheme:light;--ink:#17232a;--muted:#526167;--paper:#fff;--panel:#fff;--field:#fff;--line:#d4dce0;--green:#a74410}
.topbar,.setup-card,.preview-panel,.prompter-panel,.record-bar,dialog,.appearance,.prompter-tip,#media-inputs label{background:var(--panel);color:var(--ink)}
.brand img{background:#fff;border-radius:6px;padding:5px}.text-button,label,.check,.small-note,.wheel-hint,.source-link,.local-note,.local-note b,.mode-help,.appearance summary,.prompter-tip,.record-bar p,dialog p,dialog li,.preflight-list p b,#media-inputs small,#media-inputs span{color:var(--muted)}
input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea,.quiet-button,.small-button,.reset-button{background:var(--field);color:var(--ink);border-color:var(--line)}
.quiet-button:hover,.small-button:hover{background:var(--panel)}.studio-choice.selected{background:#e8792520;color:var(--ink);border-color:#e87925}.studio-choice{white-space:normal}.step-label span{color:var(--green);border-color:var(--line)}.light-boost-button{background:var(--field);color:var(--green);border-color:var(--line);font-size:11px}.preview-tools{gap:8px}.preview-panel .panel-heading{padding:12px;flex-wrap:wrap;gap:10px}
.workbench{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}.prompter-panel{grid-column:1;grid-row:1}.preview-panel{grid-column:2;grid-row:1}.prompt-viewport{height:clamp(360px,52vh,650px);background:var(--field)}.prompt-copy{color:var(--ink);font-size:40px}.reading-line{border-color:#e87925}.prompt-controls{gap:10px}.reset-button{width:auto;white-space:nowrap;font-size:13px;padding:12px}.font-control{display:flex;gap:16px;align-items:center;margin:12px 20px}.font-control input{flex:1}.prompter-panel #view-full-script{margin:0 20px 10px;font-size:12px}.read-button,.primary-button{background:#e87925;color:#fff;border-color:#e87925}.direction{background:var(--field);border-color:var(--line);color:var(--ink)}.direction small{color:var(--muted)}.direction.active{background:#e8792522;border-color:#e87925;color:var(--ink)}.direction-buttons{grid-template-columns:repeat(2,1fr)}.direction b{font-size:12px}.direction small{font-size:10px}.camera-welcome h2{font-size:17px}.camera-welcome{padding:16px}.camera-symbol{display:none}.camera-welcome p{font-size:11px}.camera-welcome .primary-button{font-size:12px;padding:12px}.demo-button{font-size:11px}
main{padding-bottom:145px}.record-bar{position:fixed;bottom:16px;left:4vw;right:4vw;max-width:1390px;margin:0 auto;z-index:30;border:1px solid var(--line);padding:16px 22px;box-shadow:0 8px 40px #0006}.record-button{background:#e87925;color:#fff;font-size:17px;padding:17px 28px;box-shadow:0 0 0 3px #e8792533}.record-button:hover{background:#cb6018}.record-button.is-recording{background:#cc3b32}.toast{bottom:125px}.needs-name{outline:4px solid #ff983e!important;box-shadow:0 0 0 9px #e8792533;background:#e8792520!important}#full-script-dialog{width:min(850px,94vw)}#full-script-copy{white-space:pre-wrap;font-size:23px;line-height:1.75;color:var(--ink)}dialog::backdrop{background:#0009}.result-panel,.inspiration{background:var(--panel);color:var(--ink)}.quiet-button span{background:var(--line)}
@media(max-width:760px){.workbench{grid-template-columns:1fr}.prompter-panel{grid-column:1;grid-row:1}.preview-panel{grid-column:1;grid-row:2}.record-bar{left:12px;right:12px;padding:12px;bottom:10px}.record-button{font-size:14px;padding:14px 17px}.record-bar p{max-width:150px}.prompt-viewport{height:380px}.setup-grid{grid-template-columns:1fr}.setup-card:last-child{grid-column:auto}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){.workbench{grid-template-columns:1.45fr 1fr}.preview-panel{grid-column:2;grid-row:1}.prompt-viewport{height:250px}.record-bar{position:fixed}.record-bar p{display:none}.record-bar{padding:8px 14px}.record-button{padding:9px 18px}.direction-buttons{grid-template-columns:repeat(2,1fr)}}
.permission-help{padding:15px;border-top:1px solid var(--line);color:var(--ink)}.permission-help summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--green)}.permission-steps{display:grid;gap:16px;margin:18px 0}.permission-steps b{display:block;font-size:13px}.permission-steps p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0}.browser-sketch{display:block;padding:15px 12px;border:1px solid var(--line);border-radius:9px;background:var(--field);font-size:12px;line-height:2;margin-bottom:10px}.browser-sketch b{display:inline;color:var(--green);font-size:11px}.permission-symbols{color:#e87925;font-size:60px;text-align:center;padding:20px}

.entry-mode{display:flex;justify-content:center;gap:15px;margin:4px 0 24px}.entry-mode .primary-button{font-size:21px;min-width:300px;padding:18px 32px}.entry-mode small{display:block;font-size:12px;margin-top:7px;font-weight:400}.prompter-only .preview-panel,.prompter-only .setup-card:last-child,.prompter-only .record-bar,.prompter-only .inspiration,.prompter-only .local-note,.prompter-only .result-panel,.prompter-only #prompter-only{display:none}.prompter-only .workbench{display:block;max-width:1100px;margin:auto}.prompter-only .setup-grid{grid-template-columns:1fr 2fr}.prompter-only .prompt-viewport{height:60vh}.prompter-only main{padding-bottom:30px}.permission-help{padding:15px;border-top:1px solid var(--line);color:var(--ink)}.permission-help summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--green)}.permission-steps{display:grid;gap:16px;margin:18px 0}.permission-steps b{display:block;font-size:13px}.permission-steps p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0}.browser-sketch{display:block;padding:15px 12px;border:1px solid var(--line);border-radius:9px;background:var(--field);font-size:12px;line-height:2;margin-bottom:10px}.browser-sketch b{display:inline;color:var(--green);font-size:11px}.permission-symbols{color:#e87925;font-size:60px;text-align:center;padding:20px}@media(max-width:760px){.prompter-only .setup-grid{grid-template-columns:1fr}.entry-mode .primary-button{min-width:0;width:100%}}

.on-air-guidance{position:sticky;top:8px;z-index:25;padding:17px 22px;margin-bottom:14px;border:2px solid #ef8a34;border-radius:12px;background:#8c3f0c;color:#fff;font-size:17px;font-weight:650;box-shadow:0 5px 25px #0004}.on-air-guidance[data-mode=vtr]{background:#22495f;border-color:#83caef}.prompter-only .on-air-guidance{display:none}

:fullscreen{background:var(--paper);overflow:auto}:fullscreen main,.screen-expanded main{max-width:none}.screen-expanded .topbar{position:sticky;top:0;z-index:35}.screen-expanded .welcome,.screen-expanded .inspiration{display:none}#fullscreen-button{white-space:nowrap}@media(max-width:460px){.product-name{display:none}.topbar{gap:8px}.topbar nav{gap:7px}}

.record-bar p:empty{display:none}.help-steps li{margin:15px 0}.help-steps li>b{color:var(--ink);font-size:15px}.help-steps p{margin:6px 0;font-size:13px;line-height:1.75}
@media(max-width:760px){.topbar nav .text-button{display:block;font-size:10px}.topbar nav{gap:7px}.product-name{display:none}.brand img{width:115px}.topbar{padding:12px 14px;gap:8px}}

.workbench{align-items:stretch}.prompter-panel{display:flex;flex-direction:column}.prompt-viewport{flex:1;min-height:360px}.privacy-info{border:1px solid var(--line);border-radius:10px;padding:14px;margin:18px 0;background:var(--field)}.privacy-info b{color:var(--ink)}.privacy-info p{font-size:12px;line-height:1.7;margin:8px 0}@media(max-width:760px){.prompt-viewport{flex:none;min-height:300px}.workbench{align-items:start}}
.prompter-panel{display:block}.prompt-viewport{flex:initial}

.permission-help-entry{display:flex;justify-content:center;margin:24px 0}.permission-help-entry button{padding:14px 22px;font-size:14px;border-color:#e87925;color:var(--green)}#permission-help-dialog{width:min(640px,94vw)}
.prompter-only .permission-help-entry{display:none}

.welcome{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}.welcome .entry-mode{margin:0;justify-self:center}.welcome .local-note{justify-self:end}.entry-mode .primary-button{min-width:260px;font-size:20px}#return-studio{background:#e87925;border-color:#e87925;color:#fff;font-size:17px;padding:16px 28px}.prompter-only main{max-width:none;padding-left:20px;padding-right:20px}.prompter-only .welcome{display:flex;justify-content:center;padding:12px 0}.prompter-only .welcome>div:not(.entry-mode){display:none}.prompter-only .workbench{max-width:none;width:100%}.prompter-only .prompt-viewport{height:68vh;min-height:400px}.prompter-only .setup-grid{margin-bottom:12px}.prompter-only .setup-card{padding:10px 14px}.prompter-only .setup-card .step-label,.prompter-only .setup-card .small-note,.prompter-only .prompter-tip{display:none}.prompter-only .prompt-copy{padding-left:5vw;padding-right:5vw}.prompter-only .entry-mode{margin:0}@media(max-width:1000px){.welcome{grid-template-columns:1fr auto}.welcome .local-note{display:none}.entry-mode .primary-button{min-width:230px}}@media(max-width:760px){.welcome{grid-template-columns:1fr}.welcome .entry-mode{width:100%}.prompter-only main{padding-left:10px;padding-right:10px}.prompter-only .prompt-viewport{height:70vh}.entry-mode .primary-button{min-width:0}}

#export-status:empty{display:none}

.record-bar{background:#30212b;border-color:#734154;color:#fff}.record-bar p,.record-bar .record-state{color:#f9e5eb}.light-boost .record-bar{background:#fff0f2;border-color:#edb2be;color:#43202a}.light-boost .record-bar p,.light-boost .record-bar .record-state{color:#713440}.record-button{background:#d3384b;box-shadow:0 0 0 3px #d3384b33}.record-button:hover{background:#b92235}.live-record-badge{position:absolute;top:12px;left:12px;background:#cf2636;color:#fff;border-radius:4px;padding:7px 10px;font-size:11px;font-weight:750;letter-spacing:.4px;animation:record-blink 1.3s steps(1,end) infinite}@keyframes record-blink{0%,100%{opacity:1}50%{opacity:.38}}@media(prefers-reduced-motion:reduce){.live-record-badge{animation:none}}.permission-brand-logo{display:block;width:260px;max-width:80%;height:85px;object-fit:contain;margin:0 auto 20px;background:#fff;border-radius:8px;padding:8px}#permission-dialog p,#permission-dialog .small-note,#permission-dialog .privacy-info p{font-size:14px;line-height:1.75}#permission-dialog .privacy-info b{font-size:14px}

.preview-tools .live-record-badge{position:static;font-size:10px;padding:5px 7px;white-space:nowrap}

.font-control{gap:10px}.font-control label{margin:0;white-space:nowrap;color:var(--muted)}.font-control output{min-width:25px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink)}.range-stepper{display:flex;align-items:center;gap:12px;margin:8px 20px}.range-stepper #speed{flex:1;width:100%;min-width:0;margin:0}.step-button{flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--field);font-size:25px;line-height:1}.step-button:hover{border-color:#e87925;background:#e8792520}.font-control input{min-width:40px}

/* Reading mode keeps navigation and controls in view. */
body.prompter-only{height:100dvh;overflow:hidden}.prompter-only .topbar{height:64px;padding-top:6px;padding-bottom:6px}.prompter-only .brand img{height:44px}.prompter-only main{height:calc(100dvh - 64px);display:flex;flex-direction:column;padding:0 16px 12px;overflow:hidden}.prompter-only .welcome{flex:none;padding:8px 0}.prompter-only #return-studio{padding:12px 24px;font-size:15px}.prompter-only .setup-grid{flex:none;gap:10px;margin:0 0 10px;grid-template-columns:1fr 3fr}.prompter-only .setup-card{padding:8px;display:flex;align-items:center;min-width:0}.prompter-only .setup-card:first-child>label{display:none}.prompter-only .setup-card:nth-child(2){display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.prompter-only .select-pair{margin:0}.prompter-only .workbench{flex:1;min-height:0;height:auto}.prompter-only .prompter-panel{height:100%;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr) auto auto}.prompter-only .panel-heading{grid-column:1/-1;grid-row:1;min-height:42px;padding:10px 18px}.prompter-only .prompt-info{grid-column:1/-1;grid-row:2}.prompter-only .prompt-viewport{grid-column:1/-1;grid-row:3;min-height:0;height:auto!important}.prompter-only .prompt-controls{grid-row:4;grid-column:1/4;padding:10px 16px}.prompter-only .font-control{grid-row:4;grid-column:4/7;margin:10px 16px}.prompter-only #view-full-script{grid-row:5;grid-column:1/3;margin:0 16px 10px}.prompter-only .speed-label{grid-row:5;grid-column:3/5;margin:0 12px 10px;align-self:center}.prompter-only .range-stepper{grid-row:5;grid-column:5/7;margin:0 16px 10px}.prompter-only .wheel-hint,.prompter-only footer{display:none}.prompter-only .mobile-note{flex:none;margin:4px 0;font-size:10px;padding:6px}.prompter-only .prompt-copy{padding-top:24px}.prompter-only .setup-card select,.prompter-only .setup-card input{font-size:12px;padding:9px}
@media(max-width:760px){.prompter-only .setup-grid{grid-template-columns:1fr 2fr}.prompter-only .setup-card:nth-child(2){grid-template-columns:1fr}.prompter-only .setup-card .select-pair{display:none}.prompter-only .prompter-panel{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto}.prompter-only .prompt-controls{grid-row:4;grid-column:1/-1;padding:6px 10px}.prompter-only .font-control{grid-row:5;grid-column:1/-1;margin:4px 10px}.prompter-only #view-full-script{grid-row:6;grid-column:1;margin:4px 10px}.prompter-only .speed-label{grid-row:6;grid-column:2;margin:4px 10px;font-size:10px}.prompter-only .range-stepper{grid-row:7;grid-column:1/-1;margin:4px 10px}.prompter-only .step-button{height:34px;width:36px}.prompter-only .prompt-copy{padding-left:20px;padding-right:20px}.prompter-only .read-button{padding:10px}.prompter-only main{padding-left:8px;padding-right:8px}}

.camera-welcome{background:rgba(4,12,20,.88)}
.result-bottom{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.result-bottom .primary-button,.result-bottom .quiet-button{margin:0;font-size:14px;font-weight:600;line-height:1.3;padding:14px 20px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--field);transition:background .18s,color .18s,border-color .18s}.result-bottom button:hover,.result-bottom button:focus-visible{background:#e87925;color:#fff;border-color:#e87925}

.background-tuning{margin:18px 0;padding:18px;border:1px solid #667582;border-radius:12px;min-width:0}.background-tuning legend{font-weight:700;padding:0 8px}.background-tuning:disabled{opacity:.6}.background-tuning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.background-tuning-grid label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px}.background-tuning-grid input,.background-tuning-grid small{grid-column:1/-1;width:100%}.background-tuning-grid output{color:#ffbf86;font-variant-numeric:tabular-nums}.background-tuning-grid small{font-size:12px;line-height:1.5;color:#aab7c2}.background-tuning button{margin-top:14px}@media(max-width:650px){.background-tuning-grid{grid-template-columns:1fr}}