:root{--bg:#080b14;--panel:#111827;--ink:#f0f4ff;--muted:#a8b4ca;--line:rgba(185,204,255,.14);--orange:#9caaff;--orange2:#b9a7ff;--lime:#9fe2cc;--radius:22px;color-scheme:dark}
body{background:radial-gradient(ellipse at 5% 0%,#24325b70,transparent 42%),radial-gradient(ellipse at 90% 30%,#36245150,transparent 42%),#080b14;background-attachment:fixed}
.topbar{height:56px;padding:0 28px;background:#0c1123a8;border-bottom:1px solid var(--line);backdrop-filter:blur(24px)}
.brand{font-size:1.18rem;letter-spacing:-.045em}.brand-mark,.auth-mark{background:linear-gradient(135deg,#8199ff,#aa81f0);box-shadow:0 4px 18px #7d8eff35;border:1px solid #ffffff40}
.privacy{font-size:12px;letter-spacing:.12em}.intro{max-width:none;padding:16px 28px;align-items:center}.intro h1{font-family:inherit;font-weight:700;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.035em;line-height:1.2}.intro h1 em{font-style:normal;color:#b7c3ff}.intro-copy{display:none}
.workspace{max-width:none;padding:0 24px 28px;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start;min-height:calc(100vh - 120px)}
.setup-panel,.stage-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#202a404f,#101829a8);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff0c,0 18px 45px #00000024}
.setup-panel{padding:22px;position:sticky;top:74px;max-height:calc(100vh - 94px);overflow:auto}.stage-panel{border-left:1px solid var(--line);min-height:calc(100vh - 140px)}
.workspace-label{font-size:12px;letter-spacing:.14em;color:#8699bc;margin-bottom:24px}.step-head{gap:12px}.step-head span{font:600 13px inherit;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#8d9fff16;border:1px solid #9cabff26;color:#c0caff}.step-head h2{font-size:16px;font-weight:650}
.dropzone{background:linear-gradient(145deg,#8eabff10,#af87ff05);border:1px dashed #9cafff55;border-radius:16px;min-height:158px}.dropzone:hover{background:#8eabff1c;border-color:#b8c5ff}.dropzone strong,.audio-picker b{font-size:14px}.dropzone small,.audio-picker small{font-size:12px;line-height:1.55}.audio-picker{background:#18223880;border-color:var(--line);padding:14px}.audio-picker kbd{font-size:12px}
.field-row label,fieldset legend,.hint,.tts-script,.source-edit-controls label,.grade-controls label{font-size:14px;line-height:1.55}select,textarea,input[type=text],input[type=search]{background:#0b132580!important;border:1px solid #b0c2f32b!important;border-radius:10px;color:#edf2ff;font-size:14px}select{min-height:42px}.hint{color:#a0afc8;font-size:13px}.divider{margin:24px 0}
.primary,.auth-submit{background:linear-gradient(110deg,#899fff,#ac8ef8)!important;color:#0c1020!important;border:1px solid #c1caff50!important;box-shadow:0 6px 22px #718bff24;font-size:14px;border-radius:12px;min-height:44px}.primary:hover,.auth-submit:hover{filter:brightness(1.1)}button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.secondary,.text-button,.hf-history button{background:#9aaefc0c;border:1px solid #a4b8f92b;border-radius:10px;font-size:14px;color:#dae3fc}.text-button{padding:9px 13px}
.tts-studio,.source-inspector,.hf-inspector,.source-timeline-panel{background:#0e1729a6;border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff08}.tts-studio summary b{font-size:14px}.tts-studio summary small{font-size:12px}.tts-balance{background:#adc0ff08}.file-card,.voice-item{background:#96acff0a;border:1px solid #a5baff17;font-size:13px}
.result-head,.analysis-head{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.result-head h2{font-size:22px;letter-spacing:-.035em}.eyebrow{font-size:12px;color:#9cafff;letter-spacing:.12em}
.editor-grid{grid-template-columns:minmax(0,1fr);gap:20px}.recipe{border:1px solid var(--line);border-radius:16px;background:#0d1528a3;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.recipe h3{grid-column:1/-1;margin:0;font-size:16px}.recipe .export-note{margin:0}.recipe .primary,.recipe .secondary{width:auto;margin:0;white-space:nowrap;padding:12px 18px}.export-note b,.export-note span{font-size:13px;line-height:1.6}
.variant-tabs{gap:8px;padding:0 0 14px;overflow-x:auto}.variant-tabs button{border:1px solid var(--line);background:#14203999;border-radius:10px;font-size:14px;white-space:nowrap}.variant-tabs button.active{background:#93a7ff20;border-color:#a8b9ff80;color:#dee5ff}
.hyperframes-workspace{border:1px solid #b3c5ff20;border-radius:16px;overflow:hidden;background:#080d19}.hf-preview{background:#060a13}.hf-controls{background:#1520397a}.hf-inspector{padding:18px;margin-top:16px}.hf-hint,.timeline-head small{font-size:12px;line-height:1.6;color:#a8b4ca}.source-shortcuts{font-size:12px;line-height:1.8}.source-clip-meta b{font-size:12px}.source-clip-meta small{font-size:11px}.source-edit-preview{border-radius:16px}.source-transport{background:#15213a60;border-radius:0 0 12px 12px}
.auth-gate{background:radial-gradient(ellipse at 25% 20%,#34457580,transparent 50%),radial-gradient(ellipse at 80% 80%,#50346750,transparent 45%),#080b14}.auth-card{background:linear-gradient(145deg,#31405b50,#121a2bad);backdrop-filter:blur(32px);border:1px solid #c0cfff30;box-shadow:0 35px 100px #0008,inset 0 1px 0 #fff1;border-radius:26px}.auth-card h1{font-family:inherit;font-weight:700;font-size:30px;line-height:1.2}.auth-card>label{font-size:14px}.auth-card>small{font-size:12px}.auth-card>p{font-size:14px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #b5c4ff;outline-offset:4px}*{scrollbar-width:thin;scrollbar-color:#7589be60 transparent}
@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr);padding:0 16px 24px;gap:14px}.setup-panel{padding:18px}.recipe{grid-template-columns:1fr 1fr}.recipe .export-note{grid-column:1/-1}.source-capcut{grid-template-columns:1fr}.source-inspector{grid-row:auto}}
@media(max-width:800px){.topbar{padding:0 16px}.privacy{display:none}.intro{padding:14px 16px}.workspace{grid-template-columns:1fr}.setup-panel{position:static;max-height:none}.stage-panel{min-height:480px}.recipe{grid-template-columns:1fr}.recipe h3,.recipe .export-note{grid-column:auto}.recipe button{width:100%!important}.field-row{gap:14px}.auth-card{padding:28px}.source-inspector .source-edit-controls{grid-template-columns:1fr}.result-head{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Chromatic glass workspace: color communicates the workflow, not decoration. */
:root{--ink:#f2f5ff;--muted:#b0bdd3;--line:#aec3ed24;--cyan:#67e6ef;--violet:#c6a4ff;--amber:#ffd78b;--mint:#8ae5b6}
body{background:radial-gradient(ellipse at 0% 12%,#0c647b29,transparent 40%),radial-gradient(ellipse at 100% 18%,#6936a42b,transparent 44%),radial-gradient(ellipse at 65% 100%,#184e4320,transparent 50%),#080c16}
.topbar{height:60px;background:#0a1123bb;box-shadow:0 6px 30px #0003}.brand-mark{background:linear-gradient(135deg,#66dce9,#8299ff)}.intro{padding:14px 28px}.intro .eyebrow{display:none}.intro h1{font-size:1.25rem}.intro h1 em{color:#abbbe4}
.workspace{grid-template-columns:minmax(350px,420px) minmax(0,1fr);gap:24px;padding:0 28px 32px;max-width:1920px;margin:auto}.setup-panel{background:#10182ab3;padding:18px;top:78px;border-radius:24px;max-height:calc(100vh - 96px);box-shadow:0 24px 70px #0004,inset 0 1px #ffffff14}.workspace-label{margin:0 0 14px;letter-spacing:.1em;color:#b0bdd3;font-size:.75rem}
.setup-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;background:#060d1aa8;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}.setup-tabs button{min-height:42px;padding:8px 5px;border:1px solid transparent;border-radius:10px;color:#a5b6d0;background:transparent;font-size:.875rem;font-weight:600}.setup-tabs button[aria-pressed=true]{background:#24334c;box-shadow:0 4px 14px #0003;color:#edf3ff;border-color:#ffffff20}.setup-tabs button[data-setup=source][aria-pressed=true]{color:var(--cyan);background:#13455270;border-color:#67e6ef40}.setup-tabs button[data-setup=voice][aria-pressed=true]{color:var(--violet);background:#46306470;border-color:#c6a4ff40}.setup-tabs button[data-setup=config][aria-pressed=true]{color:var(--amber);background:#58442870;border-color:#ffd78b40}
.setup-card{--accent:var(--cyan);--tint:#185363;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 36%,#101827),#101827d9);border-radius:18px;padding:20px;animation:glass-enter .3s ease-out}.voice-card{--accent:var(--violet);--tint:#49316c}.config-card{--accent:var(--amber);--tint:#56432c}.setup-card[hidden]{display:none!important}.step-head{margin-bottom:18px}.step-head span{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.step-head h2{font-size:1.0625rem}.dropzone{min-height:190px;border-color:#67e6ef66;background:linear-gradient(145deg,#67e6ef0d,#67e6ef03);box-shadow:inset 0 0 40px #67e6ef05}.dropzone:hover{background:#67e6ef15;border-color:#67e6ef}.drop-icon{color:var(--cyan)}.audio-picker{border-color:#c6a4ff33;background:#c6a4ff0a}.audio-picker kbd{background:#c6a4ff18;color:#dfcaff}.step-next{width:100%;min-height:44px;padding:10px 12px;margin-top:18px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.875rem;font-weight:600;border-radius:12px}
.tts-studio{margin-top:16px;background:#121b2abb;border-color:#d7bcff26;overflow:hidden}.tts-studio summary{padding:16px;min-height:58px}.tts-studio summary b{font-size:.9375rem}.tts-body{padding:16px;display:flex;flex-direction:column;gap:14px}.tts-body>label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:#d5deee}.tts-body>label>input,.tts-body input[type=url],.tts-body input[type=number]{width:100%;min-height:44px;padding:10px 12px;box-sizing:border-box}.tts-body textarea{width:100%;box-sizing:border-box;line-height:1.65;padding:12px}.tts-body .hint{margin:0}.tts-actions{display:flex;flex-wrap:wrap;gap:10px}.tts-actions button{flex:1;min-height:44px;padding:10px 12px;border-radius:12px}.tts-studio#voiceoverWriter{background:linear-gradient(130deg,#c18aff10,#345cff08),#121a2a;border-color:#c6a4ff40}#writerResults{display:grid;gap:14px}#writerResults .hf-inspector{margin:0}#writerResults textarea{margin:10px 0}.voice-library{max-width:100%}
input[type=text],input[type=url],input[type=number],input[type=search],select,textarea{font-size:1rem;color:#f2f5ff!important;background:#080f20a8!important;border:1px solid #a7c0eb30!important;border-radius:11px}input[type=range]{accent-color:var(--accent,#8cb7ff);cursor:pointer}input[type=range]:focus-visible{outline-offset:6px}.control-line{gap:14px;align-items:center}.control-line label{font-size:.875rem}.control-line>span{font-size:.75rem;text-align:right}.hint,.export-note b,.export-note span{font-size:.875rem;line-height:1.65;color:#b0bdd3}
button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .2s ease,filter .18s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0) scale(.985)}button:disabled{transform:none!important}.primary{font-weight:650}.config-card #analyzeBtn,#buildApprovedBtn{background:linear-gradient(110deg,#f7c46e,#ffe2a7)!important;color:#21190b!important;box-shadow:0 6px 24px #e5b55d20}#writerGenerate{background:linear-gradient(115deg,#b69bff,#e1bcff)!important;color:#20122f!important}#ttsPreview{background:linear-gradient(110deg,#79d8ec,#a9e9f6)!important;color:#092a37!important;border-color:#c4f1ff55!important}#ttsGenerate{background:linear-gradient(110deg,#89dcb4,#b5efd3)!important;color:#102f22!important}#writerStop,.danger,#deleteShot{background:#ed6d8210;border:1px solid #ed6d8240;color:#ffabb8}
.stage-panel{background:linear-gradient(150deg,#173d401c,#121b2fbb 45%);border-color:#88d6c62b;border-radius:24px;box-shadow:0 24px 80px #0003,inset 0 1px #ffffff10;padding:24px;min-width:0}.empty-stage{min-height:470px;justify-content:center}.empty-stage>p{font-size:1.35rem;font-weight:650;color:#e0f3ef}.empty-stage>small{max-width:430px;font-size:.9375rem;line-height:1.8;color:#b0bdd3}.result-head h2{font-size:clamp(1.125rem,2vw,1.5rem)}.hyperframes-workspace{border-color:#8caee13b;border-radius:20px;box-shadow:0 16px 40px #0004}.hf-preview{background:radial-gradient(ellipse,#18273c,#060c17)}.hf-history{gap:8px;padding:10px 14px}.hf-controls{background:#15253bb0}.hf-inspector{background:linear-gradient(140deg,#527ab010,#0f192bab);border-color:#a2b6dc30}.hf-inspector:has(#shotMotion){border-color:#ffcf8b36;background:linear-gradient(140deg,#ffd78b0d,#111a2c)}.hf-inspector:has(#asmrUpload){border-color:#74e8cc36;background:linear-gradient(140deg,#74e8cc0c,#111a2c)}#shotMotionApply{background:#ffd78b1a;border:1px solid #ffd78b40;color:#ffe2b0;padding:12px;border-radius:10px}#asmrApply{background:#8ae5b620;border:1px solid #8ae5b640;color:#b4f3d0}#asmrListen{background:#82c7ff16;border:1px solid #82c7ff35;color:#b0dcff}.recipe{background:linear-gradient(110deg,#214a3426,#0e192bb3);border-color:#8ae5b634}.recipe .primary{background:linear-gradient(110deg,#82ddb0,#b3eed1)!important;color:#122d22!important}.source-inspector{border-color:#82c7ff30}.source-timeline-panel{background:#101c2bab}.variant-tabs button.active{color:#b9f4da;background:#8ae5b617;border-color:#8ae5b660}a{color:#a6d8ff}.setup-panel :focus-visible,.stage-panel :focus-visible{outline:2px solid var(--accent,#a6d8ff);outline-offset:4px}.setup-card label,.tts-body label{overflow-wrap:anywhere}
@keyframes glass-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.workspace{grid-template-columns:350px minmax(0,1fr);gap:16px;padding:0 18px 24px}.setup-card{padding:16px}.stage-panel{padding:18px}.recipe{grid-template-columns:1fr 1fr}.recipe .export-note{grid-column:1/-1}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.setup-panel{position:static;max-height:none;padding:14px}.stage-panel{min-height:400px}.intro{padding:14px 18px}.setup-tabs{position:sticky;top:64px;z-index:5;backdrop-filter:blur(20px)}.setup-card{padding:18px}.empty-stage{min-height:320px}.tts-actions button{flex-basis:140px}}
@media(max-width:520px){.workspace{padding:0 10px 20px;gap:12px}.topbar{padding:0 14px}.intro{padding:12px 14px}.setup-panel,.stage-panel{border-radius:18px}.stage-panel{padding:14px}.recipe{grid-template-columns:1fr}.recipe .export-note{grid-column:auto}.setup-tabs button{font-size:.8125rem}.setup-card{padding:14px}.tts-body{padding:12px}.control-line{flex-wrap:wrap}.hf-inspector{padding:14px}.field-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.setup-card{animation:none}button{transition:none}}
/* One full-width working surface, with focused voice steps. */
[hidden]{display:none!important}
.workspace{display:block;max-width:1240px;margin:auto;padding:0 24px 36px;min-height:0}.workspace>.setup-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 20px;position:static;padding:7px}.workspace>.setup-tabs button{min-height:48px;font-size:.9375rem}.setup-panel{position:static;max-height:none;overflow:visible;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.workspace-label{display:none}.setup-card{max-width:900px;margin:auto;padding:32px;border-radius:22px}.setup-card .step-head{margin-bottom:24px}.setup-card .step-head h2{font-size:1.375rem}.source-card{max-width:none}.source-card .dropzone{min-height:240px;max-width:760px;margin:0 auto 20px}.source-card>.hint,.source-card>.step-next{max-width:760px;margin-left:auto;margin-right:auto}.step-next{display:block;max-width:420px;min-height:48px}.stage-panel{width:100%;box-sizing:border-box;min-height:550px}.voice-flow{display:flex;gap:8px;padding:5px;border-radius:13px;border:1px solid #c6a4ff26;background:#070f1ba0;margin-bottom:24px}.voice-flow button{flex:1;padding:12px;min-height:48px;background:none;border:1px solid transparent;border-radius:10px;color:#b5bfd4;font-size:.9375rem}.voice-flow button[aria-pressed=true]{background:#c6a4ff1c;color:#e3d5ff;border-color:#c6a4ff40}.voice-screen{border:0!important;background:none!important;box-shadow:none!important;margin:0!important;overflow:visible}.voice-screen>summary{display:none}.voice-screen>.tts-body{padding:0;gap:20px;max-width:760px;margin:auto}.voice-screen .tts-body>label{font-size:1rem;font-weight:500}.voice-screen textarea{min-height:150px}.voice-screen .tts-actions{margin-top:8px;justify-content:flex-start}.voice-screen .tts-actions button{flex:0 1 240px;min-height:48px}.voice-screen .voice-library{width:fit-content;max-width:100%}.voice-screen .voice-library-foot{display:none}.voice-screen .tts-balance{max-width:420px;padding:16px}.voice-files-view{max-width:760px;margin:auto}.voice-files-view .audio-picker{padding:24px}.voice-files-view .voice-list{margin-top:20px}.config-card{max-width:760px}.config-card .control-line{margin-top:22px}.config-card #analyzeBtn{margin-top:28px;width:100%;min-height:50px}.intro{max-width:1240px;margin:auto;padding:18px 24px}.setup-card .tts-body #writerLinkRow{padding:18px;background:#0b142580;border:1px solid var(--line);border-radius:12px}.setup-card .tts-body #writerLinkRow label{display:block;margin-bottom:12px}#writerResults .hf-inspector{padding:24px}.voice-card>.step-next{margin-top:28px;background:none;border-color:#c6a4ff30;color:#b7a6ce}.recipe{margin-top:20px}
@media(max-width:700px){.workspace{padding:0 12px 24px}.workspace>.setup-tabs{gap:3px;padding:4px}.workspace>.setup-tabs button{padding:9px 3px;font-size:.75rem;min-height:44px}.setup-card{padding:20px}.voice-flow{gap:3px}.voice-flow button{font-size:.8125rem;padding:10px 5px}.intro{padding:14px 18px}.voice-screen .tts-actions button{flex:1 1 160px}.source-card .dropzone{min-height:190px}.stage-panel{padding:14px}}
/* Usability fixes: predictable sizing, focus, states and mobile legacy resets. */
*,*::before,*::after{box-sizing:border-box}.step-head>span{font-weight:600;font-size:.875rem;line-height:1.2;font-style:normal;font-family:inherit}.setup-card{width:100%}.voice-screen>.tts-body{border-top:0}.tts-body>label{min-width:0}.tts-script>span em{font-size:.875rem;font-style:normal}.voice-library-head b,.voice-library-head span,.tts-balance small,.tts-balance em{font-size:.875rem;line-height:1.5}.tts-body>label>input,.tts-body input[type=url],.tts-body input[type=number]{font:inherit}.voice-library-head{gap:24px}.voice-library #ttsVoiceId{width:auto;max-width:100%;min-width:250px}.tts-balance b{font-size:1.0625rem}.tts-balance em{white-space:normal;overflow-wrap:anywhere}.tts-balance{gap:16px}.tts-balance>span{min-width:0}.tts-balance button{flex-shrink:0;min-width:44px;min-height:44px}.setup-checklist{padding:14px 16px;border:1px solid #ffd78b30;background:#ffd78b08;border-radius:12px;font-size:.875rem;line-height:1.65;color:#e4cfab;margin:24px 0 12px}.setup-checklist.ready{border-color:#8ae5b640;color:#b5e8cd;background:#8ae5b60b}.voice-empty{padding:20px;border:1px dashed #c6a4ff35;border-radius:12px;margin-top:20px}.voice-item{gap:12px;padding:16px;position:relative}.voice-item>span{overflow-wrap:anywhere;padding-right:44px;font-size:.875rem;line-height:1.6}.voice-item>button{min-width:44px;min-height:44px;right:8px;top:8px}.voice-status{flex-wrap:wrap;gap:12px}.voice-status b,.voice-status button{font-size:.8125rem}.setup-card button:not(.switch):not(.segmented button),.hf-inspector button{min-height:44px}.hf-inspector>label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:.875rem}.hf-inspector select{width:100%}.hf-inspector input[type=number]{min-height:44px;width:100%;padding:10px 12px}.hf-inspector .shot-actions{display:flex;flex-wrap:wrap;gap:10px}.hf-inspector .shot-actions button{padding:10px 14px;border-radius:10px}.hf-inspector h3{font-size:1.0625rem}.hf-inspector .audio-picker{display:flex;flex-wrap:wrap;gap:12px}.hf-inspector input[type=file]{width:100%;font-size:.875rem}.hf-inspector input[type=file]::file-selector-button{padding:10px;border:1px solid #84cfe540;border-radius:8px;background:#84cfe510;color:#d9f1f7;cursor:pointer;margin-right:10px}.segmented button{font-size:.875rem}.segmented button small{font-size:.75rem}.source-timeline-head{flex-wrap:wrap;gap:12px}.source-timeline-head label{font-size:.875rem}.source-edit-controls input[type=range],.hf-inspector input[type=range]{width:100%;margin:10px 0}.source-timecode{font-size:.8125rem}.timeline-head{flex-wrap:wrap;gap:10px}button{cursor:pointer}button:disabled{cursor:not-allowed}textarea{resize:vertical}.tts-body .busy{color:#bcd4ff}.tts-body .error{color:#ffadb7}.stage-panel{overflow:visible}.hf-preview{overflow:hidden}.hf-timeline{overflow:auto}.auth-card{max-width:100%;width:430px}.auth-card h1{overflow-wrap:anywhere}.source-inspector,.hf-inspector,.source-viewer{min-width:0}
@media(max-width:700px){.setup-panel{min-height:0;padding:0!important}.stage-panel{padding:14px!important}.setup-card{padding:18px}.workspace>.setup-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:12px}.workspace>.setup-tabs button{font-size:.875rem;min-height:44px}.voice-flow{flex-wrap:wrap}.voice-flow button{font-size:.875rem;flex:1 1 90px;min-height:44px}.result-head{position:static;margin:0 0 18px;padding:0 0 16px;background:transparent}.result-stage,.analysis-stage{padding:0!important}.source-edit-preview,.preview-shell{position:relative;top:auto}.recipe{padding:18px!important;margin-bottom:12px}.voice-screen .voice-library{width:100%}.voice-library #ttsVoiceId{min-width:0;width:100%}.setup-card .field-row{grid-template-columns:1fr}.tts-actions button{width:100%}.hf-inspector .shot-actions button{flex:1 1 140px}.source-timeline-panel{max-width:100%}.setup-checklist{margin-top:18px}.tts-balance{max-width:100%!important}.auth-card{padding:24px 20px}.control-line>span{font-size:.8125rem}}
/* Studio's global body overflow:hidden must not lock the surrounding app. */
html{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;scroll-padding-top:80px}
body:not(.auth-locked){height:auto;max-height:none;min-height:100dvh;overflow-x:clip;overflow-y:visible;overscroll-behavior-y:auto}
body.auth-locked{overflow:hidden}
.workspace,.stage-panel,.result-stage,.editor-grid,.editor-grid>div,.hyperframes-editor,.cutline-editor{height:auto;max-height:none;min-height:0}
.hyperframes-editor{overflow:visible}
.cutline-editor{border-radius:16px;min-width:0}
.ce-library,.ce-properties{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#7390b8 #101a2a;scrollbar-gutter:stable;padding-bottom:24px}
.ce-track-scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior:auto;padding-bottom:12px}
.ce-track>button{touch-action:pan-y}
.ce-tools,.ce-play,.ce-head{position:relative;z-index:1}
.ce-tools button,.ce-play button,.ce-head button{flex-shrink:0}
.ce-tools label,.ce-play output{white-space:nowrap}
.ce-timeline{padding-bottom:24px}
@media(max-width:700px){.ce-library,.ce-properties{height:auto;max-height:none;overflow:visible}.ce-tools{align-items:flex-start}.ce-tools label{width:100%;flex-wrap:wrap}.ce-tools label input{width:100%;min-width:0}.ce-play input{flex-basis:100%;order:5}.workspace{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.ce-monitor .hf-preview{max-height:45dvh}}