@font-face{font-family:SubtitleSans;src:url('/api/aigc/subtitles/fonts/sans')}@font-face{font-family:SubtitleSerif;src:url('/api/aigc/subtitles/fonts/serif')}@font-face{font-family:SubtitleHand;src:url('/api/aigc/subtitles/fonts/hand')}
:root{color-scheme:light;--base:#eeece6;--panel:#fffefd;--field:#f7f5f0;--line:#dfd8cb;--ink:#202530;--muted:#656e7e;--accent:#a87328;--selected:#f3eadb;--gold:#a87328}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:13px/1.5 "Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:5px;background:var(--field);padding:6px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#eee8dc;border-color:#b9a68a}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.primary:hover{background:#916020;color:#fff}input,select,textarea{background:var(--field);border:1px solid var(--line);border-radius:4px;padding:7px;min-width:0}input[type=range]{accent-color:var(--accent);padding:0}input[type=color]{height:32px;width:60px;padding:2px}input:disabled{opacity:.45}h1,h2,h3,p{margin:0}h2{font-size:13px;font-weight:600}header{height:58px;padding:0 18px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:700;white-space:nowrap}.brand span{font-weight:400;font-size:12px;margin-left:14px;color:var(--muted)}.project-picker{display:flex;align-items:center;gap:16px;flex:1;min-width:0}#projects{max-width:180px;background:transparent;border-color:transparent}.actions{display:flex;gap:8px}#notice{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#notice.error{color:#b42318;white-space:normal}.editor-shell{display:grid;grid-template-columns:292px minmax(0,1fr) 284px;grid-template-rows:minmax(280px,1fr) 242px;gap:5px;padding:5px;height:calc(100dvh - 58px);min-height:610px}.transcript-panel,.preview-panel,.style-panel,.timeline-panel{background:var(--panel);border-radius:6px;min-height:0;min-width:0;overflow:hidden}.transcript-panel{grid-column:1;grid-row:1;display:flex;flex-direction:column}.library-tabs{display:flex;gap:22px;padding:0 16px;border-bottom:1px solid var(--line)}.library-tabs button{background:transparent;border:0;border-radius:0;min-height:46px;color:var(--muted);padding:0 3px}.library-tabs button.active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.library-actions{display:flex;gap:8px;padding:14px 12px}.library-actions button{flex:1;padding:6px 8px}.subtitle-heading,.title-heading{padding:0 14px 10px;color:var(--muted)}#count{font-weight:400;margin-left:8px;color:var(--muted);font-size:12px}.cues,#titles{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}.cue{padding:10px 12px;border-left:2px solid transparent;border-top:1px solid var(--line)}.cue.active{border-left-color:var(--accent);background:var(--selected)}.cue-top{display:flex;gap:5px;align-items:center;margin-bottom:7px}.cue-number{color:var(--muted);font-size:11px;min-width:16px}.cue-top input{width:62px;font:11px ui-monospace,Consolas,monospace;padding:4px;min-height:29px}.cue-top button{margin-left:auto;font-size:11px;min-height:28px;padding:4px 5px}.cue textarea{width:100%;resize:vertical;min-height:58px;line-height:1.6}.cue-tools{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.cue-tools button{background:transparent;border:0;font-size:11px;min-height:25px;padding:0;color:var(--muted)}.cue-actions{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-top:1px solid var(--line)}.cue-actions button{font-size:11px;padding:4px 7px}.empty-cues{padding:32px 16px;color:var(--muted);line-height:1.8}.preview-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column}.panel-head{height:47px;min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);gap:8px}.badge{color:var(--muted);font-size:11px}.stage{background:#f1f0ec;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}#empty{text-align:center;color:var(--muted)}#empty .empty-mark{font-size:32px;display:block;margin-bottom:12px}#empty h3{font-size:15px}#empty p{margin-top:8px;font-size:12px}#picture{position:relative;line-height:0;max-width:100%;flex-shrink:0}#picture video{width:100%;display:block}#overlay,#handles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.text-handle{position:absolute;pointer-events:auto;touch-action:none;background:transparent;border:1px solid transparent;border-radius:0;padding:0;min-height:0;cursor:move}.text-handle:hover,.text-handle.selected{background:transparent;border:1px solid var(--accent);box-shadow:0 0 0 1px #0005}.preview-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:11px;color:var(--muted);gap:8px}#time{font-family:Consolas,monospace;color:var(--ink)}.transport{display:flex;justify-content:center;gap:8px;padding:0 0 8px}.transport button{background:transparent;border-color:transparent;min-width:36px;min-height:30px;padding:2px 10px}.style-panel{grid-column:3;grid-row:1;overflow:auto;scrollbar-width:thin}#subtitleStyle{font-size:11px;padding:4px 7px;min-height:29px}fieldset{border:0;margin:0;padding:14px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px}.presets button{font-size:11px;white-space:normal;padding:8px 2px;min-height:54px}.presets button:nth-child(2){color:#90601d}.presets button:nth-child(3){background:#262626;color:#fff}.presets .selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px}.style-grid label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;font-size:12px;color:var(--muted)}.style-grid label:first-child{grid-column:1/-1}.style-grid select,.style-grid input[type=number],.style-grid input[type=range]{width:100%}.style-grid output{font-size:11px}.timeline-panel{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column}.timeline-toolbar{display:flex;align-items:center;gap:24px;min-height:46px;padding:0 16px;border-bottom:1px solid var(--line)}.timeline-toolbar label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}#seek{width:78px;height:28px;padding:4px 6px}.zoom-control{margin-left:auto}.zoom-control input{width:100px}#timelineScroll{flex:1;overflow:auto;scrollbar-width:thin}#timelineContent{position:relative;min-width:100%;min-height:100%;padding:0 10px 14px 0}#ruler{height:31px;position:relative;margin-left:82px;cursor:crosshair;border-bottom:1px solid var(--line)}#ruler span{position:absolute;top:6px;font:10px Consolas,monospace;color:var(--muted);border-left:1px solid #b6afa2;padding-left:4px}#ruler span:last-child{transform:translateX(-100%)}.track-row{height:44px;display:flex;align-items:center}.track-label{width:82px;flex-shrink:0;padding-left:15px;font-size:11px;color:var(--muted)}.track{height:34px;position:relative;flex:1;background:#f0eee9;border-radius:3px}.clip{position:absolute;top:0;height:34px;min-height:0;min-width:2px;border-radius:4px;padding:3px 10px;overflow:hidden;display:block;text-overflow:ellipsis;text-align:left;font-size:11px;touch-action:none;cursor:grab}.clip.caption{background:#e2ebe8;border-color:#9cb8ae;color:#244e42}.clip.title{background:#f3e6cc;border-color:#c8a76d;color:#674715}.clip.video{background:#e1e8f2;border-color:#9aafcd;color:#304c76;cursor:pointer}.clip.selected{outline:2px solid var(--accent);outline-offset:-2px}.trim{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;background:#ffffff24}.trim.start{left:0}.trim.end{right:0}#playhead{position:absolute;top:24px;bottom:6px;width:1px;background:#b74d35;pointer-events:none;z-index:2}#playhead:before{content:'';position:absolute;top:-7px;left:-4px;border:4px solid transparent;border-top-color:#b74d35}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;width:min(640px,92vw)}dialog::backdrop{background:#000b}.delivery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}#result{display:block;max-height:65vh;max-width:100%;margin:0 auto 16px}#download{float:right}body.busy .transcript-panel,body.busy .style-panel{opacity:.65}#titles:empty:before{content:'点击「添加标题」创建文字';display:block;color:var(--muted);padding:20px 14px}[hidden]{display:none!important}
@media(max-width:1100px){.editor-shell{grid-template-columns:248px minmax(0,1fr) 240px}.brand span{display:none}.project-picker{gap:5px}header{gap:12px}.cue-top input{width:52px}.cue-top button{font-size:10px}.badge{display:none}}
@media(max-width:760px){header{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 12px;gap:8px}.brand{font-size:15px}.project-picker{order:3;flex-basis:100%;justify-content:space-between}.actions{margin-left:auto}.editor-shell{height:auto;min-height:0;display:flex;flex-direction:column;padding:5px}.preview-panel{order:0;height:380px}.timeline-panel{order:1;height:210px;flex:none}.transcript-panel{order:2;max-height:440px}.style-panel{order:3}.cues,#titles{max-height:270px}.style-grid{grid-template-columns:1fr 1fr}.style-grid label:first-child{grid-column:auto}.timeline-toolbar{gap:12px;padding:0 10px}.zoom-control input{width:60px}.timeline-toolbar h2{display:none}.cue-top input{width:78px}.cue-top button{font-size:12px}.badge{display:inline}.library-actions button,.cue-actions button,.cue-tools button,.transport button{min-height:40px}#projects{max-width:160px}.track-row{height:48px}.track,.clip{height:40px}.trim{width:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.style-grid label:nth-child(2){grid-column:1/-1}.style-grid label:nth-child(7),.style-grid label:nth-child(8){padding-top:8px;border-top:1px solid var(--line)}@media(max-width:760px){.style-grid label:nth-child(2){grid-column:auto}}
/* Selection-first editing: navigation on the left, one inspector on the right. */
.editor-shell{grid-template-columns:232px minmax(0,1fr) 304px;grid-template-rows:minmax(300px,1fr) 214px}.library-actions{flex-direction:column;padding:12px;gap:8px}.library-actions button{min-height:38px}.text-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;width:calc(100% - 16px);margin:0 8px 7px;padding:10px 12px;min-height:68px;text-align:left;white-space:normal;background:transparent;border-color:transparent}.text-item:hover{background:var(--field)}.text-item.selected{background:var(--selected);border-color:var(--accent)}.item-heading{font:11px/1.5 Consolas,monospace;color:var(--muted)}.item-text{font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.text-item.active .item-heading{color:var(--accent)}#selectionFields{padding:14px 16px 16px;border-bottom:1px solid var(--line)}.content-label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}#selectedText{width:100%;height:82px;resize:vertical;line-height:1.65;padding:9px;font-size:14px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.time-fields label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.time-fields input{width:100%;height:34px;font:13px Consolas,monospace}.style-heading{border:0;height:44px;min-height:44px}#styles{padding:0 16px 16px}.preset-section{margin-bottom:12px}.preset-section summary{cursor:pointer;font-size:12px;color:var(--muted);padding:7px 0}.presets{margin:8px 0}.presets button{min-height:42px}.style-grid{gap:12px}.style-grid select,.style-grid input[type=number]{height:34px}.style-grid input[type=range]{min-height:26px}.timeline-toolbar{gap:10px}.timeline-toolbar>button{font-size:12px}.timeline-toolbar>label:not(.zoom-control){margin-left:12px}.transport{position:relative;padding:0 0 10px;gap:12px}.transport #playPause{min-width:64px;min-height:36px;background:var(--field)}.transport #mute{position:absolute;right:12px;top:0}.preview-foot{padding:9px 16px}.panel-head{min-height:42px;height:42px}.cue-actions{justify-content:center}.cue-actions button{min-height:34px}.style-panel{scrollbar-gutter:stable}.timeline-toolbar #deleteSelected{color:#ad3f32}#subtitleStyle{background:transparent;border:0;color:var(--muted);font-size:11px}
@media(max-width:1100px) and (min-width:761px){.editor-shell{grid-template-columns:202px minmax(0,1fr) 282px}.library-actions{padding:10px}.text-item{padding:9px}.cue-actions{gap:4px}.cue-actions button{padding:4px;font-size:10px}}
@media(max-width:760px){.editor-shell{display:flex}.library-actions{flex-direction:row}.transcript-panel{max-height:300px}.timeline-toolbar{flex-wrap:wrap;padding:6px 10px;gap:7px;min-height:76px}.timeline-toolbar>label:not(.zoom-control){margin-left:0}.timeline-toolbar>button{min-height:36px}.zoom-control{margin-left:auto}.style-panel{overflow:visible}.style-grid label:nth-child(2){grid-column:auto}.timeline-panel{height:240px}.text-item{min-height:64px}.time-fields input{height:40px}.preview-panel{height:390px}}
.primary-style label:nth-child(n),.position-grid label:nth-child(n){grid-column:auto;padding-top:0;border:0}.primary-style label:first-child,.primary-style label:last-child,.position-grid label:first-child{grid-column:1/-1}.position-section{margin-top:16px;border-top:1px solid var(--line)}.position-section summary{padding:12px 0;cursor:pointer;font-size:12px;color:var(--muted)}.primary-style input[type=color]{width:100%;height:32px}.primary-style{gap:12px}#selectionFields{padding-bottom:12px}#selectedText{height:72px}.library-actions button{flex:none}.position-grid{padding-bottom:8px}
#videoSurface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.primary-style label:nth-child(4),.primary-style label:nth-child(5){grid-column:auto}
.text-handle{overflow:visible;transform-origin:center}.transform-grip{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--accent);display:none;pointer-events:auto;touch-action:none}.text-handle.selected .transform-grip,.text-handle:hover .transform-grip{display:block}.transform-grip.nw{left:-6px;top:-6px;cursor:nwse-resize}.transform-grip.ne{right:-6px;top:-6px;cursor:nesw-resize}.transform-grip.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.transform-grip.se{right:-6px;bottom:-6px;cursor:nwse-resize}.transform-grip.rotate{left:calc(50% - 7px);top:-30px;width:14px;height:14px;border-radius:50%;cursor:grab}.transform-grip.rotate:after{content:'';position:absolute;top:12px;left:4px;height:12px;width:1px;background:var(--accent)}.primary-style label:last-child{grid-column:1/-1}@media(pointer:coarse){.transform-grip{width:18px;height:18px}.transform-grip.rotate{width:22px;height:22px;top:-38px;left:calc(50% - 11px)}}