:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19253d;background:#f7f9fd;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65% 370px at 48% 90px,#edf1ff 0,transparent 100%),#f7f9fd}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91abfc;outline-offset:2px}a{color:inherit;text-decoration:none}.shell{max-width:1228px;padding:0 30px;margin:auto}.skip-link{position:absolute;top:-80px;left:15px;background:#fff;padding:12px;z-index:30}.skip-link:focus{top:8px}.topbar{height:75px;border-bottom:1px solid #e7ebf2;background:rgba(255,255,255,.9)}.top-inner{display:flex;align-items:center;height:100%;gap:21px}.brand{font-size:22px;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:23px;font-weight:900;display:grid;place-items:center;color:#fff;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#3c85ff,#7965e9)}.brand-accent{color:#3777ee}.top-divider{height:23px;width:1px;background:#d7dfeb}.app-name{font-size:14px;color:#4a5670;font-weight:650}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.security-pill{color:#32576b;background:#effaf4;border:1px solid #d9efe3;font-size:12px;font-weight:650;padding:8px 12px;border-radius:50px}.security-dot{display:inline-block;width:7px;height:7px;background:#35b881;border-radius:50%;margin-right:5px}.nav-link{font-size:13px;font-weight:650;color:#66728a}.intro{text-align:center;padding:58px 10px 30px}.eyebrow,.section-eyebrow,.sidebar-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#617cce}.tiny-spark{color:#745ee9;font-size:15px}.intro h1{letter-spacing:-2.4px;font-size:clamp(32px,4.4vw,52px);line-height:1.15;margin:14px 0;font-weight:790}.gradient-text{color:#5775f5;background:linear-gradient(105deg,#357af0 10%,#8272dc 70%,#b36fdb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro p{font-size:15px;line-height:1.7;color:#768199;max-width:570px;margin:0 auto}.intro-chips{margin-top:22px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.intro-chips span{font-size:11px;font-weight:680;color:#6c7b96;background:#fff;border:1px solid #e8ebf4;border-radius:22px;padding:7px 12px}.capability-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 7px 24px rgba(40,61,105,.035);margin:0 0 27px;padding:19px 9px}.capability-strip>div{display:flex;align-items:center;gap:12px;padding:0 22px}.capability-strip>div+div{border-left:1px solid #e7ebf3}.capability-strip small,.capability-strip strong{display:block}.capability-strip strong{font-size:12.5px;margin-bottom:6px}.capability-strip small{font-size:11px;line-height:1.4;color:#8390a5}.strip-icon{font-size:18px;font-weight:700;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:12px}.strip-icon.native{background:#edf4ff;color:#4e85ed}.strip-icon.model{background:#f3eeff;color:#9470e8}.strip-icon.privacy{background:#eafaf5;color:#48a98b}.studio-layout{display:grid;grid-template-columns:251px minmax(0,1fr);gap:22px;align-items:start}.sidebar{background:#fff;padding:26px 14px;border-radius:18px;border:1px solid #e8ebf5;min-height:580px}.sidebar-label{padding:0 13px 16px;color:#9da8b8;font-size:10px;letter-spacing:1.6px}.side-tab{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:0;border-radius:12px;background:0 0;padding:13px;margin-bottom:5px;color:#6c758a}.side-tab.active{background:#eaf0ff;color:#306bea}.side-tab:hover:not(.active){background:#f7f9fe}.side-tab>span:last-child{display:flex;flex-direction:column;gap:5px}.side-tab strong{font-size:12.5px}.side-tab small{font-size:10.5px;opacity:.77}.tab-symbol{width:28px;height:28px;display:grid;place-items:center;font-size:18px;font-weight:800;flex-shrink:0}.sidebar-note{border-top:1px solid #edf0f6;margin:35px 9px 0;padding:24px 4px}.sidebar-note-icon{width:30px;height:30px;background:#f1edff;color:#9c7dea;border-radius:9px;display:grid;place-items:center;margin-bottom:13px;font-size:19px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;color:#8c96a8;line-height:1.8}.main-column{min-width:0}.tool-panel{background:#fff;border:1px solid #e8edf5;border-radius:19px;padding:29px 32px 27px;box-shadow:0 12px 26px rgba(40,61,105,.025)}.tool-panel[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}.panel-heading h2{margin:9px 0 6px;letter-spacing:-.7px;font-size:25px;font-weight:770}.panel-heading p{font-size:12.5px;margin:0;color:#8894a7}.tech-badge{padding:8px 10px;white-space:nowrap;border-radius:50px;background:#ecf5ff;color:#4f84c4;font-size:9px;font-weight:780;letter-spacing:1px}.tech-badge.purple{background:#f2ecff;color:#886cd7}.notice{display:flex;gap:12px;padding:15px 17px;margin-bottom:22px;background:#f2f7ff;border:1px solid #e6f0ff;border-radius:12px;color:#62738f;font-size:11.5px;line-height:1.75}.notice span{color:#4c8bde;font-weight:800;font-size:15px}.notice strong{color:#355e97}.notice.purple{background:#f6f3fe;border-color:#ece6fa}.notice.purple span,.notice.purple strong{color:#8364c2}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:14px}.field{color:#4a5872;font-size:11px;font-weight:730;display:flex;flex-direction:column;gap:8px}.field select{font-size:12px;font-weight:530;color:#43516d;min-width:0;padding:12px 11px;height:43px;border:1px solid #e2e7f0;background:#fff;border-radius:9px}.btn{min-height:38px;padding:9px 15px;border-radius:9px;border:1px solid transparent;font-size:11.5px;font-weight:730;transition:background .15s,transform .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#fff;background:#416ff2;box-shadow:0 3px 9px #416ff226}.btn.primary:hover:not(:disabled){background:#2f61e7}.btn.primary-outline{background:#f0f4ff;color:#3869dc;border-color:#dbe5ff}.btn.subtle{background:#fff;color:#61718c;border-color:#e1e6ef}.btn.subtle:hover:not(:disabled){background:#f6f8fc}.btn.danger{background:#fff0f0;color:#c84954;border-color:#f7dadd}.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-actions.space{justify-content:space-between}.assist{font-size:11px;color:#97a0af;line-height:1.6}.record-bar{border:1px solid #e8edf4;border-radius:13px;margin:22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;background:#fcfdff}.record-visual{display:flex;align-items:center;gap:13px}.mic-bubble{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf1ff;color:#5386f5;font-size:22px}.mic-bubble.on{background:#ffedf0;color:#eb5068;animation:pulse 1.4s ease-in-out infinite}.record-visual small,.record-visual strong{display:block}.record-visual strong{font-size:13px;margin-bottom:7px}.record-visual small{font-size:10.5px;color:#98a5b6}.record-buttons{display:flex;gap:9px}.editor-head{display:flex;align-items:center;justify-content:space-between;margin-top:22px;margin-bottom:10px;font-size:12px;font-weight:740;color:#44516b}.muted{color:#9aa4b4;font-size:10.5px;font-weight:500}textarea{resize:vertical;border:1px solid #e5eaf3;border-radius:10px;width:100%;padding:17px;color:#34425b;background:#fdfdff;line-height:1.75;font-size:12.5px;min-height:170px}textarea::placeholder{color:#a7b0c1}.live-editor-wrap{position:relative}.interim{color:#7690cd;font-style:italic;font-size:11.5px;margin:7px 2px 0;min-height:16px}.footer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0f5;padding-top:22px;margin-top:22px}.footer-actions>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.footer-actions>.assist{max-width:280px}.drop-zone{border:1.5px dashed #cbd8f2;background:#fafcff;border-radius:14px;padding:29px;text-align:center;display:flex;align-items:center;flex-direction:column;transition:background .1s}.drop-zone.drag-over{background:#eaf1ff;border-color:#427af1}.drop-icon{width:42px;height:42px;border-radius:14px;background:#eaf1ff;color:#5586e8;display:grid;place-items:center;font-size:27px;margin-bottom:10px}.drop-zone strong{font-size:13px}.drop-zone p{font-size:11.5px;color:#97a0ae}.drop-zone small{font-size:10.5px;margin-top:10px;color:#8b9bb4}.choose-file{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.audio-player{display:block;width:100%;margin:14px 0}.audio-player[hidden]{display:none}.control-grid.two-line{margin-top:22px}.progress-area{margin:19px 0}.progress-top{display:flex;justify-content:space-between;color:#64738c;font-size:11px;margin-bottom:9px}.progress-rail{height:7px;background:#ebeff9;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4e7eff,#9980ef);width:0;transition:width .2s}.subtitle-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 17px}.subtitle-media{position:relative;min-height:145px;border-radius:12px;background:#131b2e;color:#e5eaf7;display:flex;align-items:center;justify-content:center;overflow:hidden}.subtitle-media video{max-height:320px;width:100%;background:#131b2e;display:block}.subtitle-media audio{width:90%;margin:30px}.subtitle-media audio[hidden],.subtitle-media video[hidden]{display:none}.media-empty{font-size:11.5px;color:#8d98b4}.caption-overlay{pointer-events:none;position:absolute;bottom:30px;left:7%;right:7%;text-align:center;font-weight:730;font-size:17px;color:#fff;text-shadow:0 2px 6px #000;white-space:pre-wrap}.subtitle-media:has(audio:not([hidden])) .caption-overlay{bottom:5px;font-size:12px}.cue-summary{display:flex;justify-content:space-between;padding:18px 0 12px;color:#50617c;font-size:11px}.cue-summary span{color:#a1aab7}.cue-list{max-height:460px;overflow-y:auto;border:1px solid #e7eaf3;border-radius:12px;min-height:110px}.empty-cues{color:#abb4c4;text-align:center;font-size:11.5px;padding:40px 12px}.cue-row{display:grid;grid-template-columns:37px 1fr auto;gap:12px;padding:13px;border-bottom:1px solid #edf0f6;align-items:start}.cue-row:last-child{border-bottom:0}.cue-index{font-size:12px;font-weight:760;color:#8b9fca;padding:8px 0}.cue-controls{display:flex;gap:7px;margin-bottom:8px;align-items:center}.cue-controls label{font-size:9px;color:#a0a9bc;display:flex;align-items:center;gap:5px}.cue-time{border:1px solid #e6eaf2;border-radius:7px;padding:7px;width:104px;max-width:100%;font-size:10.5px;color:#5d6e89}.cue-text{min-height:64px;resize:vertical;width:100%;font-size:12px;padding:10px}.cue-tools{display:flex;flex-direction:column;gap:5px}.mini-btn{border:1px solid #e4e8f0;border-radius:7px;background:#fff;color:#8390a8;font-size:11px;padding:6px;min-width:34px}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:18px 0}.range-field{font-size:11.5px;font-weight:750;color:#4b5a73}.range-field output{float:right;color:#7289c0}.range-field input{display:block;width:100%;accent-color:#507cf0;margin:13px 0}.speak-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0;padding:19px 20px;background:#f7f9fe;border-radius:12px}.speak-wave{display:flex;gap:4px;align-items:center;height:34px}.speak-wave i{width:4px;height:10px;background:#7b9df8;border-radius:4px}.speak-wave i:nth-child(2n){height:24px}.speak-wave i:nth-child(3n){height:32px}.speak-wave.playing i{animation:wave .7s ease-in-out infinite alternate}.speak-wave.playing i:nth-child(2n){animation-delay:.15s}.speak-wave.playing i:nth-child(3n){animation-delay:.3s}.speak-buttons{display:flex;gap:8px;flex-wrap:wrap}.bottom-note{margin:26px auto 40px;display:flex;justify-content:center;align-items:center;gap:12px;color:#a3adbf;font-size:11px;text-align:center;flex-wrap:wrap}.bottom-note strong{color:#8493ab}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:12px;background:#1e2b47;color:#fff;box-shadow:0 15px 45px #15254233;font-size:12px;z-index:50;max-width:min(90vw,600px)}.toast[hidden]{display:none}@keyframes pulse{50%{box-shadow:0 0 0 7px #fa849326}}@keyframes wave{to{height:5px}}@media(max-width:940px){.studio-layout{grid-template-columns:1fr}.sidebar{min-height:0;padding:12px}.sidebar-label,.sidebar-note{display:none}#tabs{display:flex;gap:6px}.side-tab{padding:9px;flex:1;justify-content:center}.side-tab small{display:none}.side-tab strong{font-size:11px}.capability-strip>div{padding:0 12px}}@media(max-width:650px){.shell{padding:0 14px}.topbar{height:67px}.app-name,.security-pill,.top-divider{display:none}.intro{padding-top:40px}.intro h1{letter-spacing:-1.2px}.capability-strip{grid-template-columns:1fr;padding:8px}.capability-strip>div{padding:12px}.capability-strip>div+div{border-left:0;border-top:1px solid #e7ebf3}.sidebar{padding:7px}.side-tab{flex-direction:column;gap:2px}.side-tab strong{font-size:9.5px;text-align:center}.side-tab .tab-symbol{font-size:17px}.tool-panel{padding:21px 17px}.panel-heading{flex-direction:column}.control-grid{grid-template-columns:1fr}.footer-actions,.record-bar,.speak-controls{align-items:stretch;flex-direction:column}.record-buttons .btn{flex:1}.footer-actions>div{justify-content:flex-start}.range-grid{gap:12px}.cue-row{grid-template-columns:22px minmax(0,1fr) auto;gap:6px;padding:8px}.cue-controls{flex-wrap:wrap}.cue-controls label{flex-wrap:wrap}}.project-load,.project-save{color:#5e6d8b;background:#fff;border:1px solid #e3e8f3;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.project-load:hover,.project-save:hover{background:#f5f8ff}@media(max-width:650px){.project-load,.project-save{padding:7px;font-size:10px}.top-actions{gap:6px}.nav-link{display:none}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}.waveform-panel{border:1px solid #e4eaf7;background:#fdfdff;border-radius:12px;padding:13px;margin-top:16px}.waveform-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;color:#435673}.waveform-header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.waveform-canvas{display:block;width:100%;height:110px;border-radius:8px;cursor:crosshair;touch-action:manipulation}.waveform-seek-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7183a3;margin:9px 0 4px}.waveform-seek{display:block;width:100%;accent-color:#5277f2;cursor:pointer}.quality-summary{font-size:11px;color:#3f7259;background:#eff9f3;border-radius:8px;padding:9px 12px;margin:0 0 9px}.quality-summary.needs-review{background:#fff6e8;color:#a06922}.keyboard-hint{margin:0 0 12px}.cue-warning{font-size:10px;line-height:1.5;background:#fff4e6;color:#8e591c;border-radius:6px;padding:6px 8px;margin:7px 0 0}.cue-warning[hidden]{display:none}.cue-current{box-shadow:inset 3px 0 #4c7eff;background:#f9fbff}.cue-tools .mini-btn{font-size:10px;padding:7px 8px;min-width:44px}@media(max-width:650px){.waveform-header{align-items:flex-start;flex-direction:column}.waveform-header>div{justify-content:flex-start}.cue-tools .mini-btn{min-width:35px;font-size:9px;padding:6px 5px}.cue-text{min-height:70px}}.diagnostic-bar{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:-2px 0 18px}.diagnostic-bar .assist{max-width:1000px}.find-captions{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:-3px 0 15px}.find-captions label{display:flex;flex-direction:column;gap:5px;flex:1 1 170px;max-width:260px;color:#61718d;font-weight:650;font-size:11px}.find-captions input{width:100%;padding:9px 10px;font-size:12px;border-radius:8px;border:1px solid #e4e9f3;background:#fff;min-height:38px}.timeline-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}.timeline-controls label{font-size:11px;color:#576c8d;font-weight:680;display:flex;align-items:center;gap:8px}.timeline-controls select{font-size:11px;color:#415579;border:1px solid #dce4f3;border-radius:7px;background:#fff;padding:6px}.timeline-controls .timeline-pan-label{flex:1 1 210px;display:flex;flex-direction:column;align-items:stretch;gap:4px}.timeline-pan-label span{font-weight:500;color:#8795ad}.timeline-pan-label input{width:100%;accent-color:#5277f2}.cue-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.cue-tools .mini-btn{min-width:46px}.cue-row{grid-template-columns:31px minmax(0,1fr) 104px}@media(max-width:650px){.cue-row{grid-template-columns:19px minmax(0,1fr)}.cue-tools{grid-column:2;display:flex;flex-wrap:wrap;flex-direction:row}.cue-tools .mini-btn{flex:0 0 auto;min-width:39px}}.timeline-controls .follow-playhead{font-weight:550;white-space:nowrap}.follow-playhead input{accent-color:#507cf0}.voice-preset-panel{display:grid;gap:10px;margin-top:20px;max-width:560px;min-width:0}.voice-preset-panel input,.voice-preset-panel select{width:100%;min-width:0;box-sizing:border-box}.voice-preset-panel p{font-size:13px;line-height:1.6}@media(max-width:650px){.control-grid>.field{min-width:0}.control-grid>.field select{width:100%;min-width:0}}