:root{--ink:#f7f8ff;--muted:#9da6bb;--bg:#050711;--panel:rgba(16,20,35,.58);--line:rgba(255,255,255,.11);--orange:#ff6b45;--orange2:#ff9b67;--lime:#d9ff73;--blue:#74d7ff;--purple:#a78bfa;--radius:22px;color-scheme:dark}html{background:#050711}body{position:relative;background:radial-gradient(circle at 12% 10%,rgba(91,63,190,.2),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,91,70,.16),transparent 27%),radial-gradient(circle at 64% 88%,rgba(24,161,181,.12),transparent 32%),linear-gradient(145deg,#050711,#090d19 48%,#05070f);background-attachment:fixed;color:var(--ink)}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(4px)}body:before{width:34vw;height:34vw;left:-12vw;top:28vh;background:radial-gradient(circle,rgba(109,86,255,.16),transparent 68%)}body:after{width:28vw;height:28vw;right:-8vw;bottom:-4vw;background:radial-gradient(circle,rgba(255,104,66,.13),transparent 68%)}
.topbar{height:58px;margin:10px clamp(12px,2vw,30px) 0;padding:0 clamp(16px,3vw,34px);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(120deg,rgba(22,27,46,.74),rgba(12,15,27,.52));box-shadow:0 16px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.brand-mark{background:linear-gradient(145deg,#ff7952,#ff4f32);box-shadow:0 8px 22px rgba(255,91,54,.34),inset 0 1px rgba(255,255,255,.35)}.privacy{color:#bdc4d3}.privacy span{background:#a8ffcf;box-shadow:0 0 14px rgba(120,226,154,.65)}.icon-button,.text-button{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.icon-button:hover,.text-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.intro{padding-top:14px;padding-bottom:14px}.intro h1{background:linear-gradient(105deg,#fff 5%,#bfc6db 46%,#fff 78%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(0,0,0,.18)}.intro h1 em{background:linear-gradient(100deg,#ff9c78,#ff5e3d);-webkit-background-clip:text;background-clip:text;color:transparent}.workspace{gap:14px;padding-bottom:42px}.setup-panel,.stage-panel{border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(24,29,48,.7),rgba(10,13,24,.52));box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}.setup-panel{border-radius:24px}.stage-panel{border-left:1px solid rgba(255,255,255,.11);border-radius:24px}.divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.dropzone,.audio-picker,.file-card,.voice-item,.metrics,.color-lab,.semantic-report,.shot-editor,.source-inspector,.source-timeline-panel,.quality-gate,.export-note{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.055),0 12px 34px rgba(0,0,0,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dropzone{border-style:dashed}.dropzone:hover,.dropzone.drag{border-color:rgba(255,119,77,.7);background:linear-gradient(145deg,rgba(255,107,69,.13),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 30px rgba(255,91,54,.09)}.audio-picker:hover{border-color:rgba(116,215,255,.35);background:rgba(255,255,255,.075)}
select,.segmented,.auth-input{border-color:rgba(255,255,255,.1);background:rgba(4,7,15,.48);box-shadow:inset 0 1px 5px rgba(0,0,0,.25)}.segmented button{transition:background .2s,box-shadow .2s,color .2s}.segmented button.active{background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.18)}input[type=range]{accent-color:#ff7752}.switch{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 4px rgba(0,0,0,.35)}.switch.on{background:linear-gradient(90deg,#ff5d38,#ff8d58);box-shadow:0 0 18px rgba(255,91,54,.22)}
.primary,.auth-submit{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#ff7048,#f1492f);box-shadow:0 12px 30px rgba(241,73,47,.26),inset 0 1px rgba(255,255,255,.28);transition:transform .18s,box-shadow .18s,filter .18s}.primary:hover:not(:disabled),.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 16px 36px rgba(241,73,47,.35),inset 0 1px rgba(255,255,255,.32)}.secondary{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.06)}.secondary:hover{background:rgba(255,255,255,.09)}
.empty-stage{background:radial-gradient(circle at 50% 44%,rgba(116,215,255,.07),transparent 28%),linear-gradient(135deg,transparent 0 49%,rgba(255,255,255,.018) 50%,transparent 51%)}.reel-visual{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:-22px 22px 0 -3px rgba(5,7,17,.8),-22px 22px 0 -2px rgba(255,255,255,.1),0 28px 60px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.video-wrap,.preview-shell,.source-edit-preview{border:1px solid rgba(255,255,255,.1);background:#02040a;box-shadow:0 22px 58px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06)}.play-button{background:rgba(250,251,255,.9);box-shadow:0 12px 38px rgba(0,0,0,.5),inset 0 1px #fff;backdrop-filter:blur(12px)}
.variant-tabs button,.shot-actions button,.source-transport button,.filter-chip{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05);transition:.18s}.variant-tabs button:hover,.shot-actions button:hover,.source-transport button:hover,.filter-chip:hover{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.1)}.variant-tabs button.active{background:linear-gradient(135deg,rgba(247,248,255,.96),rgba(208,216,235,.9));box-shadow:0 10px 28px rgba(0,0,0,.22)}.timeline,.source-timeline-scroll{background:rgba(2,4,10,.45);border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 5px 18px rgba(0,0,0,.24)}.source-shot-card{border-color:rgba(255,255,255,.12);background:rgba(15,18,30,.72)}.source-shot-card.active{border-color:#ff7752;box-shadow:0 0 0 1px rgba(255,119,82,.7),0 0 30px rgba(255,91,54,.22)}.source-playhead{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.8)}
.semantic-beat,.recipe-item i{border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05)}.quality-gate{border-color:rgba(217,255,115,.18);background:linear-gradient(135deg,rgba(217,255,115,.1),rgba(116,215,255,.045))}.quality-gate strong{background:linear-gradient(145deg,#e6ff96,#bfe64f);box-shadow:0 8px 24px rgba(217,255,115,.18)}dialog{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(27,32,51,.92),rgba(10,13,23,.88));box-shadow:0 35px 100px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(30px)}.toast{background:rgba(247,248,255,.9);box-shadow:0 18px 50px rgba(0,0,0,.36);backdrop-filter:blur(18px)}
.auth-gate{background:radial-gradient(circle at 18% 14%,rgba(109,86,255,.28),transparent 31%),radial-gradient(circle at 86% 82%,rgba(255,91,54,.22),transparent 29%),linear-gradient(145deg,#050711,#0a0e1c)}.auth-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(28,34,56,.76),rgba(10,13,25,.58));box-shadow:0 40px 120px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(32px) saturate(145%);-webkit-backdrop-filter:blur(32px) saturate(145%)}.auth-card:before{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,113,75,.18),transparent 68%);pointer-events:none}.auth-mark{background:linear-gradient(145deg,#ff7a51,#f34d30);box-shadow:0 12px 30px rgba(243,77,48,.3),inset 0 1px rgba(255,255,255,.35)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.setup-panel,.stage-panel,.auth-card{background:#111625}.dropzone,.audio-picker,.color-lab,.semantic-report,.source-inspector,.source-timeline-panel{background:#151a29}}@media(max-width:900px){.workspace{gap:10px}.setup-panel{border-radius:22px 22px 0 0}.stage-panel{border-radius:0 0 22px 22px}}@media(max-width:560px){.topbar{margin:6px 8px 0;border-radius:14px}.workspace{gap:0}.setup-panel,.stage-panel{border-radius:0}.auth-card{border-radius:20px}}
.tts-studio{margin-top:12px;border:1px solid rgba(116,215,255,.16);border-radius:17px;background:linear-gradient(145deg,rgba(116,215,255,.075),rgba(167,139,250,.035));box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 35px rgba(0,0,0,.14);overflow:hidden}.tts-studio summary{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;cursor:pointer;list-style:none}.tts-studio summary::-webkit-details-marker{display:none}.tts-studio summary span{display:grid;gap:3px}.tts-studio summary b{font-size:13px}.tts-studio summary small{font-size:10px;color:var(--muted)}.tts-studio summary i{font-style:normal;color:var(--blue);font-size:18px;transition:transform .2s}.tts-studio[open] summary i{transform:rotate(45deg)}.tts-body{display:grid;gap:12px;padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.07)}.tts-script,.tts-voice-id{display:grid;gap:7px;font-size:11px;font-weight:700}.tts-script{padding-top:13px}.tts-script textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:112px;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:11px 12px;background:rgba(3,6,14,.52);color:var(--ink);font:500 12px/1.55 inherit;outline:none}.tts-script textarea:focus{border-color:rgba(116,215,255,.62);box-shadow:0 0 0 3px rgba(116,215,255,.08)}.tts-script>span{display:flex;justify-content:space-between;align-items:center}.tts-script em{font-style:normal;color:var(--muted);font-size:9px;font-weight:500}.tts-script button{border:0;background:none;color:var(--blue);font:700 9px inherit;cursor:pointer}.tts-voice-id input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 11px;background:rgba(4,7,15,.48);color:var(--ink);font:700 11px ui-monospace,SFMono-Regular,monospace;outline:none}.tts-voice-id input:focus{border-color:rgba(116,215,255,.55)}.tts-range{display:grid;gap:7px}.tts-range span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.tts-range b{color:var(--ink)}.tts-actions{display:grid;grid-template-columns:.85fr 1.35fr;gap:8px}.tts-actions button{min-height:42px}.tts-status{margin:0!important}.tts-status.busy{color:var(--blue)}.tts-status.error{color:#ff927c}
.tts-voice-id select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 11px;background:rgba(4,7,15,.48);color:var(--ink);font:700 11px inherit;outline:none}.tts-voice-id select:focus{border-color:rgba(116,215,255,.55)}
.tts-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(116,215,255,.14);border-radius:11px;padding:10px 11px;background:rgba(116,215,255,.055)}.tts-balance span{display:grid;gap:2px}.tts-balance small{font-size:10px;color:var(--muted)}.tts-balance b{font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.tts-balance em{font-size:9px;font-style:normal;color:var(--muted)}.tts-balance button{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:var(--blue);cursor:pointer}.tts-balance button:disabled{opacity:.45;cursor:wait}
.voice-library{display:grid;gap:8px}.voice-library-head,.voice-library-foot,.voice-library-foot>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-library-head b{font-size:11px}.voice-library-head span,.voice-library-foot>span{font-size:9px;color:var(--muted)}.voice-library>input,.voice-library select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 10px;background:rgba(4,7,15,.55);color:var(--ink);font:600 11px inherit;outline:none}.voice-library>input:focus,.voice-library select:focus{border-color:rgba(116,215,255,.55)}.voice-library #ttsVoiceId{min-height:174px;padding:5px}.voice-library #ttsVoiceId option{padding:7px 8px;border-radius:6px}.voice-library #ttsVoiceId option:checked{background:linear-gradient(90deg,rgba(116,215,255,.28),rgba(167,139,250,.18));color:#fff}.voice-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice-library-foot button{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 9px;background:rgba(255,255,255,.04);color:var(--ink);font:700 10px inherit;cursor:pointer}.voice-library-foot button:disabled{opacity:.35;cursor:not-allowed}