:root{--bg:#fff;--ink:#0a0a0a;--muted:#666;--subtle:#898989;--field:#f4f4f4;--field-hover:#eaeaea;--line:#dedede;--danger:#9e251f;--mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font:15px/1.5 Arial,PingFang HK,Noto Sans HK,sans-serif}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.4}button,a{transition:background-color .15s,border-color .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,select,textarea{background:var(--field);border:1px solid #0000;border-radius:10px;padding:12px 14px}input:hover,select:hover,textarea:hover{background:var(--field-hover)}input:focus,select:focus,textarea:focus{border-color:var(--ink);background:#fff}textarea{resize:vertical;line-height:1.65}input[type=checkbox]{accent-color:var(--ink)}code,.transport-time{font-family:var(--mono)}.studio{min-height:100vh}.studio-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 clamp(20px,4vw,64px);display:flex}.wordmark{color:var(--ink);letter-spacing:-.7px;font-size:22px;font-weight:800}.header-right{align-items:center;gap:24px;display:flex}.quiet{color:var(--muted);background:0 0;padding:7px 0;font-size:13px}.quiet:hover:not(:disabled){color:var(--ink)}.connection{color:var(--subtle);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.connection i,.tiny-dot{background:#aaa;border-radius:50%;width:7px;height:7px}.connection.connected i{background:#18794e}.workflow-help{border-bottom:1px solid var(--line);background:var(--field);padding:24px clamp(20px,4vw,64px);font-size:13px}.workflow-help p{max-width:920px;color:var(--muted);margin:8px 0}.banner{border-bottom:1px solid var(--line);background:var(--field);justify-content:space-between;align-items:center;gap:16px;padding:13px clamp(20px,4vw,64px);font-size:13px;display:flex}.banner.error{color:var(--danger);background:#fff2f0;border-color:#edc7c4}.banner button{background:0 0;font-size:20px}.launch-view{width:min(100% - 40px,760px);margin:auto;padding:clamp(64px,11vh,120px) 0 40px}.launch-copy{text-align:center;margin:0 auto 46px}.launch-copy h1{letter-spacing:-.06em;margin:0 auto 20px;font-size:clamp(48px,8vw,76px);font-weight:800;line-height:1}.launch-description{max-width:600px;color:var(--muted);margin:0 auto;font-size:clamp(16px,2vw,19px)}.launch-steps{color:var(--muted);justify-content:center;gap:10px 30px;margin-top:30px;font-size:12px;display:flex}.launch-steps b{color:var(--ink);margin-right:5px}.upload-card{text-align:center;border:1.5px dashed #aaa;border-radius:18px;padding:clamp(30px,5vw,48px)}.upload-card.dragging{border-color:var(--ink);background:var(--field)}.upload-action h2{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(23px,4vw,30px);font-weight:800}.upload-action p{color:var(--muted);margin-bottom:24px;font-size:14px}.accent-button,.outline-button{border:1px solid var(--ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:700;display:inline-flex}.accent-button{background:var(--ink);color:#fff}.accent-button:hover:not(:disabled){background:#333;border-color:#333}.accent-button>span{font-size:17px;line-height:1}.outline-button{background:#fff}.outline-button:hover:not(:disabled){background:var(--field)}.upload-action .accent-button{min-width:210px}.upload-action>small{color:var(--subtle);margin-top:18px;font-size:11px;display:block}.reopen{background:0 0;margin:20px auto 0;font-size:13px;font-weight:700;display:block}.worker-help{color:var(--danger);margin-top:18px;font-size:12px}.worker-help code{color:var(--ink);background:#eee;border-radius:4px;padding:3px 5px}.worker-help button{background:0 0;margin:9px auto 0;font-size:12px;font-weight:700;display:block}.launch-bottom{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;font-size:10px;display:flex}.launch-bottom i,.project-footer i{color:#aaa;padding:0 8px;font-style:normal}.project-view{width:min(100% - 48px,1600px);margin:auto}.project-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.project-bar>div{align-items:center;gap:14px;min-width:0;display:flex}.back-button{background:var(--field);border-radius:50%;flex:none;width:36px;height:36px;font-size:18px}.back-button:hover:not(:disabled){background:var(--field-hover)}.project-bar h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:380px;margin:0 0 3px;font-size:16px;font-weight:800;overflow:hidden}.project-bar>div>div>span{color:var(--subtle);font-size:11px}.workspace-tabs{background:var(--field);border-radius:12px;padding:4px;display:inline-flex}.workspace-tabs button{min-width:112px;color:var(--muted);background:0 0;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:700}.workspace-tabs button:hover:not(:disabled){color:var(--ink)}.workspace-tabs button[aria-current=step]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000012}.editing-layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:clamp(28px,4vw,60px);display:grid}.editing-layout.review-mode .style-panel{display:none}.editing-layout.style-mode{grid-template-columns:minmax(0,1000px);justify-content:center}.editing-layout.style-mode .transcript-column{display:none}.video-column{min-width:0;padding:28px 0 36px}.section-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.section-heading>div{color:var(--subtle);align-items:center;gap:9px;font-size:10px;display:flex}.section-heading .quiet{letter-spacing:0;text-transform:none;margin-right:8px;font-size:11px}.tiny-dot{background:var(--ink);width:5px;height:5px}.video-theatre{background:#0a0a0a;border-radius:14px 14px 0 0;justify-content:center;align-items:center;height:min(52vw,560px);min-height:360px;display:flex;overflow:hidden}.video-stage{max-width:100%;height:100%;max-height:100%;position:relative;container-type:size}.video-stage video{object-fit:contain;width:100%;height:100%;display:block}.video-stage:has(video){min-width:0}.video-play{z-index:3;color:#fff;background:#000a;border:1px solid #fff5;border-radius:50%;width:54px;height:54px;padding-left:5px;font-size:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-caption{color:#fff;pointer-events:none;text-align:center;white-space:pre-wrap;font-family:CantoCue Caption,PingFang HK,sans-serif;font-weight:700;line-height:1.25;position:absolute;left:8%;right:8%}.live-caption.bottom{bottom:10%}.live-caption.middle{top:55%;transform:translateY(-50%)}.live-caption.boxed span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000c;padding:.14em .35em;line-height:1.7}.live-caption.bold{color:#ffe26a;text-shadow:1px 1px 2px #000,-1px -1px 1px #000}.transport{color:#fff;background:#111;border-radius:0 0 14px 14px;align-items:center;gap:16px;padding:13px 17px;display:flex}.transport button{color:#fff;background:0 0;padding:0;font-size:15px}.transport-time{color:#fff;white-space:nowrap;font-size:11px}.transport-time b{color:#999;font-weight:400}.transport input,.size-control input{accent-color:#fff;border:0;width:100%;height:3px;padding:0}.style-panel{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.style-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.style-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;padding:0;overflow:hidden}.style-card:hover:not(:disabled){border-color:#aaa}.style-card.chosen{border:2px solid var(--ink)}.style-sample{color:#fff;background:#444;justify-content:center;align-items:center;height:84px;font-size:15px;font-weight:700;display:flex}.style-card.classic .style-sample{text-shadow:1px 1px 2px #000}.style-card.boxed .style-sample{text-decoration-skip-ink:none;text-underline-offset:-17px;background:#555;-webkit-text-decoration:underline #111;text-decoration:underline #111;text-decoration-thickness:22px}.style-card.bold .style-sample{color:#ffe26a;text-shadow:1px 1px 1px #000}.style-name{color:var(--ink);justify-content:space-between;padding:12px;font-size:12px;font-weight:700;display:flex}.style-name i{color:#aaa;font-style:normal}.chosen .style-name i{color:var(--ink)}.style-controls{align-items:center;gap:28px;margin-top:24px;display:flex}.style-controls label{color:var(--muted);font-size:12px;font-weight:700}.style-controls select{min-width:140px;margin-top:7px;padding:9px 12px;font-size:12px;display:block}.size-control{flex:1}.size-control>span{float:right;color:var(--ink);font:11px var(--mono)}.size-control input{accent-color:var(--ink);margin-top:19px;display:block}.font-label{border-left:1px solid var(--line);padding-left:24px;font-size:12px;font-weight:700}.font-label span{color:var(--subtle);font:10px var(--mono);margin-top:5px;display:block}.export-confirm{background:var(--field);border-radius:10px;align-items:center;gap:10px;margin-top:26px;padding:16px;font-size:13px;font-weight:700;display:flex}.export-confirm input{margin:0}.preview-note{color:var(--subtle);margin:15px 0 0;font-size:11px}.transcript-column{border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:680px;padding:28px 0 28px clamp(24px,3vw,44px);display:flex}.transcript-header h2{letter-spacing:-.04em;margin:0 0 22px;font-size:26px;font-weight:800}.transcript-header .section-heading{margin-bottom:12px;font-size:10px}.transcription-start{padding:12px 0}.transcription-start>p{color:var(--muted);font-size:14px}.transcription-start>label{justify-content:space-between;margin:28px 0 9px;font-size:12px;font-weight:700;display:flex}.transcription-start>label span{color:var(--subtle);font-size:10px;font-weight:400}.transcription-start textarea{width:100%;margin-bottom:15px;font-size:13px}.transcription-start>.accent-button,.transcription-start>.outline-button{justify-content:space-between;width:100%}.or-divider{color:var(--subtle);align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.or-divider span{background:var(--line);flex:1;height:1px}.machine-note,.small-warning{color:var(--subtle);margin-top:18px;font-size:11px}.small-warning{color:var(--danger)}.transcript-tools{gap:8px;margin-bottom:12px;display:flex}.transcript-tools input{width:100%;min-width:0;font-size:12px}.flag-filter{background:var(--field);color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:9px 12px;font-size:11px}.flag-filter.active{border-color:var(--ink);color:var(--ink)}.transcript-cues{border-top:1px solid var(--line);scrollbar-color:#bbb transparent;scrollbar-width:thin;height:290px;overflow:auto}.transcript-cue{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-left:3px solid #0000;width:100%;padding:14px 12px;display:block}.transcript-cue:hover:not(:disabled),.transcript-cue.selected{background:var(--field)}.transcript-cue.selected{border-left-color:var(--ink)}.cue-meta{color:var(--subtle);font:10px var(--mono);align-items:center;gap:12px;margin-bottom:7px;display:flex}.cue-meta i{color:var(--danger);margin-left:auto;font-size:8px}.transcript-cue>span:last-child{overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.65;display:block}.no-results{color:var(--muted);padding:20px 12px;font-size:12px}.cue-detail{border-top:1px solid var(--line);margin-top:16px;padding-top:18px}.detail-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.follow-toggle{color:var(--subtle);align-items:center;gap:5px;font-size:10px;font-weight:400;display:flex}.cue-detail textarea{width:100%;min-height:82px;font-size:14px}.timing-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.timing-disclosure summary{color:var(--muted);cursor:pointer;padding:12px 0;font-size:12px;font-weight:700;list-style:none}.timing-disclosure summary::-webkit-details-marker{display:none}.timing-disclosure summary:after{content:"+";float:right;color:var(--ink)}.timing-disclosure[open] summary:after{content:"−"}.time-inputs{align-items:center;gap:12px;padding-bottom:14px;display:flex}.time-inputs>span{color:var(--subtle);padding-top:16px}.time-inputs label{min-width:0;color:var(--subtle);flex:1;font-size:9px;font-weight:700}.time-inputs input{width:100%;font:11px var(--mono);margin-top:5px;padding:9px;display:block}.cue-problem{color:#765400;background:#fff8e6;border-radius:7px;margin:9px 0;padding:9px 10px;font-size:11px}.cue-problem.error{color:var(--danger);background:#fff2f0}.cue-buttons{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.cue-buttons .quiet,.review-footer .quiet{font-size:11px}.review-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.review-footer>label{align-items:flex-start;gap:10px;font-size:12px;display:flex}.review-footer input{margin:3px 0 0}.review-footer small{color:var(--subtle);font-size:11px;display:block}.review-footer>div{justify-content:space-between;gap:10px;margin-top:13px;display:flex}.processing{border:1px solid var(--line);background:var(--field);border-radius:12px;align-items:center;gap:15px;margin-top:18px;padding:18px;display:flex}.processing p{color:var(--muted);margin:4px 0 0;font-size:11px}.processing-label{color:var(--subtle);margin-left:auto;font-size:10px;font-weight:700}.spinner{border:2px solid #bbb;border-top-color:var(--ink);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.delivery{flex-wrap:wrap;align-items:center;gap:12px;padding:30px 0;display:flex}.delivery>div{width:100%}.delivery h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:28px;font-weight:800}.delivery p{color:var(--muted);font-size:13px}.kicker{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.project-footer{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;display:flex}progress{width:100%;height:4px;accent-color:var(--ink);margin:20px 0;display:block}@media (max-width:1100px){.project-view{width:min(100% - 36px,1600px)}.editing-layout{grid-template-columns:minmax(0,1fr) 350px;gap:28px}.video-theatre{min-height:320px}}@media (max-width:820px){.studio-header{min-height:64px}.editing-layout,.editing-layout.style-mode{grid-template-columns:1fr}.transcript-column{border-top:1px solid var(--line);border-left:0;min-height:0;padding:28px 0}.project-bar{flex-wrap:wrap;padding:16px 0}.workspace-tabs{order:3;width:100%}.workspace-tabs button{flex:1}.video-theatre{height:58vw;min-height:330px}}@media (max-width:520px){.studio-header{padding:0 18px}.wordmark{font-size:19px}.header-right .quiet{display:none}.connection{font-size:10px}.launch-view{width:min(100% - 32px,760px);padding-top:56px}.launch-copy{margin-bottom:34px}.launch-copy h1{font-size:50px}.launch-steps{flex-direction:column;align-items:center;gap:7px}.upload-card{padding:32px 20px}.launch-bottom,.project-footer{flex-direction:column;gap:10px}.project-view{width:min(100% - 28px,1600px)}.project-bar h1{max-width:185px;font-size:14px}.project-bar>.accent-button{min-height:38px;padding:8px 12px;font-size:11px}.video-theatre{height:110vw;min-height:340px}.style-cards{gap:8px}.style-sample{height:65px;font-size:11px}.style-name{padding:9px;font-size:10px}.style-controls{flex-wrap:wrap;gap:18px}.size-control{min-width:160px}.font-label{border:0;align-items:center;gap:10px;width:100%;padding:0;display:flex}.font-label span{margin:0}.review-footer>div{flex-wrap:wrap}.processing-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.interpretation-panel{border:1px solid var(--line);background:#fafafa;border-radius:8px;margin-bottom:20px;padding:16px;font-size:13px;line-height:1.6}.interpretation-panel summary{cursor:pointer;font-weight:600}.interpretation-panel summary span{color:#666;margin-left:8px;font-size:11px}.interpretation-panel p{margin:12px 0}.interpretation-panel>label{margin:12px 0;display:block}.interpretation-panel select,.interpretation-panel textarea{width:100%;margin-top:6px;display:block}.interpretation-result{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.interpretation-result h3{margin:0;font-size:17px}.interpretation-changes{max-height:320px;overflow:auto}.interpretation-changes>div{border-bottom:1px solid var(--line);padding:12px 0}.interpretation-changes p{white-space:pre-wrap;overflow-wrap:anywhere}.interpretation-changes .before{color:#737373;text-decoration:line-through}.interpretation-changes small{color:#666}.interpretation-issue{background:#eee;border-radius:5px;margin:12px 0;padding:12px}.interpretation-issue label{align-items:flex-start;gap:8px;display:flex}.interpretation-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.interpretation-diagnostics{border-block:1px solid var(--line);margin:16px 0;padding:12px 0}.interpretation-issue label:has(textarea){display:block}@font-face{font-family:CantoCue Caption;src:url(../media/NotoSansHK.1nga0dwnzclo0.ttf);font-weight:100 900;font-display:swap}.mvp-main{width:min(1120px,100% - 40px);margin:48px auto}.mvp-sign-in{gap:16px;max-width:420px;margin-top:28px;display:grid}.mvp-sign-in input{border:1px solid var(--line);border-radius:10px;width:100%;padding:16px}.mvp-tagline{color:var(--muted);font-size:13px}.mvp-upload{max-width:640px;margin:8vh auto}.mvp-upload h1{letter-spacing:-.04em;margin:18px 0 22px;font-size:clamp(36px,6vw,60px);line-height:1.08}.mvp-upload>p{color:var(--muted);max-width:550px}.mvp-drop{border:1px solid var(--line);text-align:center;background:#fafafa;border-radius:18px;margin:28px 0 16px;padding:44px 24px}.mvp-drop.dragging{border-color:var(--ink);background:var(--field)}.mvp-drop p{color:var(--muted);margin:14px 0 24px}.mvp-drop small,.mvp-disclosure{color:var(--muted);font-size:12px}.mvp-drop progress{width:100%;accent-color:var(--ink);margin:16px 0;display:block}.mvp-result-header,.mvp-ready{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.mvp-result-header h1{overflow-wrap:anywhere;margin:4px 0 0;font-size:20px}.mvp-ready{border-top:1px solid var(--line);padding-top:24px}.mvp-ready h2{margin:0;font-size:24px}.mvp-progress{text-align:center;padding:12vh 20px}.mvp-progress .spinner{margin:0 0 20px;display:inline-block}.mvp-progress p,.mvp-progress small{color:var(--muted)}.mvp-results{grid-template-columns:1.2fr 1fr;align-items:start;gap:36px;display:grid}.mvp-preview{text-align:center}.mvp-player{background:#111;border-radius:12px;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.mvp-player video{object-fit:contain;width:100%;height:100%;display:block}.mvp-caption{color:#fff;pointer-events:none;text-align:center;white-space:pre-wrap;text-shadow:-1px -1px 2px #000,1px 1px 2px #000,0 2px 4px #000;font:700 4.5cqw/1.35 CantoCue Caption,sans-serif;position:absolute;bottom:10%;left:5%;right:5%}.mvp-caption-list{border:1px solid var(--line);border-radius:12px;max-height:62vh;overflow:auto}.mvp-caption-list h3{margin:0;padding:16px 20px;font-size:14px}.mvp-caption-list>button{text-align:left;border-top:1px solid var(--line);background:#fff;gap:16px;width:100%;padding:14px 20px;display:flex}.mvp-caption-list>button:hover,.mvp-caption-list>button.active{background:var(--field)}.mvp-caption-list time{color:var(--muted);font:12px/1.8 var(--mono)}.mvp-caption-list span{white-space:pre-wrap;overflow-wrap:anywhere}.mvp-questions{border:1px solid var(--line);border-radius:12px;margin-top:28px;padding:20px}.mvp-questions h3{font-size:16px}.mvp-questions small{color:var(--muted)}@media (max-width:700px){.mvp-main{margin-top:28px}.mvp-upload{margin-top:6vh}.mvp-results{grid-template-columns:1fr;gap:20px}.mvp-ready{flex-direction:column;align-items:flex-start}.mvp-caption-list{max-height:36vh}}.mvp-export-actions{flex-wrap:wrap;gap:12px;display:flex}.mvp-player-controls{align-items:center;gap:12px;max-width:520px;margin:16px auto 0;display:flex}.mvp-player-controls input{accent-color:#111;flex:1;min-width:40px}.mvp-player-controls span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.mvp-player-icon{width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mvp-player-icon:hover{background:var(--field)}.mvp-player-icon:focus-visible{outline-offset:2px;outline:2px solid}