.console-tabs{grid-template-columns:repeat(3,1fr)}
.subtitle-tools{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#06162a,#04101f)}
.subtitle-tools-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.subtitle-tools-head div span,.subtitle-tools-head div b{display:block}
.subtitle-tools-head div span{color:#29d9ff;font:8px var(--mono);letter-spacing:.13em}
.subtitle-tools-head div b{margin-top:6px;color:#b8cadb;font-size:12px;font-weight:550}
.subtitle-tools-head strong{color:#66839e;font:8px var(--mono);font-weight:400}
.subtitle-controls{display:grid;grid-template-columns:120px minmax(150px,1.2fr) minmax(125px,1fr) 90px 120px minmax(120px,1fr);gap:8px;align-items:end}
.subtitle-controls label span{display:block;margin-bottom:6px;color:#66829d;font-size:8px}
.subtitle-controls select,.subtitle-controls button,.subtitle-file span{width:100%;height:38px;border:1px solid rgba(80,139,209,.25);background:#030c19;color:#9fb5c9;font-size:9px;padding:0 10px;outline:0}
.subtitle-controls button,.subtitle-file span{display:flex;align-items:center;justify-content:center;cursor:pointer}
.subtitle-controls button:hover:not(:disabled),.subtitle-file:hover span{border-color:#29d9ff;color:#dff8ff;background:#09213c}
.subtitle-controls button:disabled{opacity:.4;cursor:not-allowed}
.subtitle-file{position:relative}.subtitle-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.subtitle-file:has(input:disabled){opacity:.4;pointer-events:none}
.transcript-panel{min-height:330px}
.transcript-summary{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:#07182d}
.transcript-summary>span{max-width:47%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6c8aa6;font:7px var(--mono);letter-spacing:.08em}
.transcript-summary>div{display:flex;gap:4px}.transcript-summary button{padding:6px 8px;border:1px solid var(--line);background:#061326;color:#7892aa;font-size:8px}
.transcript-summary button:hover:not(:disabled){border-color:#29d9ff;color:#dff8ff}.transcript-summary button:disabled{opacity:.3;cursor:not-allowed}
.subtitle-list{padding:12px}.subtitle-empty,.subtitle-error{padding:70px 18px;text-align:center;color:#617c97;font-size:10px}
.subtitle-error b{color:#ff8290;font:8px var(--mono)}.subtitle-error p{color:#9aaec1;line-height:1.7}
.subtitle-cue{width:100%;display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px;border:0;border-bottom:1px solid rgba(75,129,190,.12);background:transparent;text-align:left;color:#92a9bf}
.subtitle-cue:hover,.subtitle-cue.active{background:#0a203a;color:#e9f6ff}.subtitle-cue.active{box-shadow:inset 2px 0 #29d9ff}
.subtitle-cue time{color:#39d5f9;font:8px var(--mono);padding-top:3px}.subtitle-cue span{font-size:10px;line-height:1.65}.subtitle-cue span b{display:inline-block;margin-right:7px;color:#8d9eff;font-weight:500}
.local-video-stage video::cue{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:18px;color:#fff;background:rgba(0,0,0,.72);text-shadow:0 1px 3px #000}
@media(max-width:1280px){.subtitle-controls{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.subtitle-tools{padding:14px}.subtitle-controls{grid-template-columns:1fr 1fr}.subtitle-tools-head{align-items:flex-end}.subtitle-tools-head strong{max-width:45%;text-align:right}.console-tabs button{font-size:9px;padding:12px 5px}.transcript-summary{align-items:flex-start;flex-direction:column}.transcript-summary>span{max-width:100%}.subtitle-cue{grid-template-columns:48px 1fr}}