/* Reading order follows the source: In left, Out right. */
.monitor-timeline-card>.timeline-trim{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr) minmax(0,1fr);align-items:center!important;gap:12px!important;width:100%;padding:14px;border-bottom:1px solid #34404b;background:#111820;box-sizing:border-box}
.trim-edge{display:flex;align-items:center;gap:7px;min-width:0}.trim-edge-in{justify-content:flex-start}.trim-edge-out{justify-content:flex-end}
.trim-edge{flex-wrap:wrap}.trim-black-option{flex:1 0 100%;display:flex;align-items:center;min-height:24px;margin-bottom:4px}.trim-edge-out>.trim-black-option{justify-content:flex-end}
.trim-black-option .timeline-black-switch{display:flex;align-items:center;gap:7px;cursor:pointer}.trim-black-option .timeline-black-switch input{width:1px!important;height:1px!important;flex:none;overflow:hidden;position:absolute;opacity:0}.trim-black-option .timeline-black-switch strong{font-size:10px}.trim-black-option .timeline-black-switch small{font-size:8px}
.timeline-trim .trim-edge input{height:36px!important;width:62px!important;flex:0 0 62px;font-size:12px!important;border:1px solid #4a5866;background:#090f14;color:#edf2f7;padding:0 7px;border-radius:3px}
.timeline-trim .trim-edge input.trim-timecode{width:104px!important;flex-basis:104px;font-family:monospace}
.timeline-trim .trim-edge button{height:36px!important;min-width:46px;border:1px solid #ff4d46;background:#281615;color:#fff;font-size:12px;font-weight:800;padding:0 10px}
.trim-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;text-align:center}.timeline-trim .trim-center #trimDuration{margin:0;font-size:10px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere}
.trim-center button{height:auto;min-height:26px;font-size:9px;padding:3px 7px;color:#b6c2cd}
.preview-transport{grid-template-columns:auto 102px minmax(80px,1fr) 102px!important;gap:14px!important;padding:12px 14px!important}
.preview-primary-controls{gap:6px!important}
.preview-primary-controls .transport-command{width:56px!important;min-width:56px!important;height:52px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px!important;border:1px solid #465564;border-radius:4px;background:#151e26;color:#d6e0e9;line-height:1}
.transport-command svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:none}
.transport-command span{display:block;font:700 8px/1.1 system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap}
.preview-primary-controls .preview-play-button{border-color:#fb4b43;background:#291715;color:#fff}
.preview-primary-controls .transport-command:hover{border-color:#a9bac8;background:#202d38}.transport-command:focus-visible{outline:2px solid #fff;outline-offset:2px}
.project-settings-details{grid-column:1/-1;border-bottom:1px solid #303c46;background:#0e151b}.project-settings-details>summary{padding:11px 16px;cursor:pointer;color:#b0becb;font-size:12px}.project-settings-details>p{padding:0 16px;margin:0 0 12px;color:#98a8b7;font-size:11px;line-height:1.5}.project-settings-details .project-actions{border:0;padding-top:0}
.retry-preview{margin-left:auto;height:30px;padding:0 9px;border:1px solid #455564;border-radius:3px;background:#141e27;color:#bccbd8;font-size:9px;cursor:pointer}
.live-tool-recap{display:block!important;padding-top:14px}.live-tool-recap>strong{display:block;color:#d5dfe8}.live-tool-recap>div{padding:7px 0}
.timeline-controls>.timeline-rule{display:none!important}
.control-mode-description{width:100%;color:#8394a4;font-size:10px}
.timeline-stage{padding-top:32px!important;padding-bottom:10px!important;min-height:125px}
.black-frame-badge{position:absolute;top:8px;display:flex;align-items:center;gap:7px;z-index:4;color:#e2e9f0;font-size:9px;font-weight:700;white-space:nowrap}.black-frame-badge-before{left:10px}.black-frame-badge-after{right:10px}.black-frame-badge i{display:block;width:16px;height:16px;background:#000;border:1px solid #77899a;box-shadow:0 0 0 2px #0f1821}.black-frame-badge[hidden]{display:none}
.timeline-stage.has-black-before .timeline-track{border-left:2px solid #9baebe}.timeline-stage.has-black-after .timeline-track{border-right:2px solid #9baebe}
.timeline-track .timeline-black-frame{min-width:0!important;overflow:hidden!important;padding:0!important;background:#000;display:block!important;border:1px solid #768b9d}.timeline-black-frame>i,.timeline-black-frame>strong,.timeline-black-frame>small{display:none}
.timeline-clip.has-trim .trim-selection{background:linear-gradient(to right,rgba(0,0,0,.82) 0 var(--trim-left),rgba(143,176,205,.06) var(--trim-left) calc(100% - var(--trim-right)),rgba(0,0,0,.82) calc(100% - var(--trim-right)) 100%)}
.timeline-clip .trim-selection:after{border-top:2px solid #b8cad9;border-bottom:2px solid #b8cad9;border-left:0;border-right:0}.trim-handle{width:8px;min-width:8px;background:#ff423a;border-radius:2px}.trim-handle:after{left:3px}
.toolbox-card{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr) minmax(210px,.32fr)}
.toolbox-card>.toolbox-block{grid-column:1;grid-row:3}.toolbox-card>.settings-workbench{grid-column:2;grid-row:3}
.toolbox-card>.result-summary-panel{grid-column:3;grid-row:3;align-self:stretch;margin:0!important;padding:16px;border-top:0;border-left:1px solid #303c47;background:#101820;min-width:0}
.result-summary-panel>strong{padding-bottom:12px;border-bottom:1px solid #33414e;font-size:11px;letter-spacing:.06em}
.result-summary-panel>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 0;border-bottom:1px solid #27343f;font-size:11px}.result-summary-panel b{text-align:left!important;font-weight:650;font-variant-numeric:tabular-nums;color:#e0e9f1;overflow-wrap:anywhere}
.toolbox-block .function-choice{position:relative;display:block;min-height:80px;padding:10px 10px 23px}.function-choice label{width:100%;display:flex;align-items:flex-start;gap:10px}.function-choice label>span{flex:1;min-width:0}.function-choice strong{font-size:12px;line-height:1.4;word-break:normal;overflow-wrap:normal}.function-choice small{font-size:10px;line-height:1.35;word-break:normal}.function-choice button{position:absolute;right:10px;bottom:5px;padding:0;font-size:9px}
.timeline-playhead{top:61px!important}
.trim-edge-description{flex:1 0 100%;display:block;color:#7e91a3;font-size:9px;font-weight:500;line-height:1.4;margin-top:2px}.trim-edge-out>.trim-edge-description{text-align:right}
.preview-timecode{font:600 13px/1.2 monospace!important;letter-spacing:.02em!important;color:#e7f0f7!important}.preview-duration{font:500 11px/1.2 monospace!important;color:#8ea1b3!important}
.transport-command span{font-size:9px}.preview-primary-controls .preview-play-button{width:64px!important;min-width:64px!important}
.timeline-track{min-height:102px!important}.filmstrip-control{position:relative;min-height:102px!important;background:#18242f!important;overflow:hidden!important;display:block!important}
.filmstrip-control>.timeline-thumb{display:none!important}.filmstrip-control>.timeline-clip-copy{position:absolute;top:5px;left:10px;right:10px;z-index:4;display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;pointer-events:none}
.filmstrip-control .timeline-clip-copy strong{font-size:11px;font-weight:700;color:#e7eff6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.filmstrip-control .timeline-clip-copy small{font-size:9px;white-space:nowrap;color:#99adbe}
.control-filmstrip{position:absolute;left:0;right:0;top:27px;bottom:7px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;opacity:.8;pointer-events:none}.control-filmstrip img{width:100%;height:100%;min-width:0;object-fit:cover;background:#0c1218;border-top:1px solid #344756;border-bottom:1px solid #344756}
.timeline-stage .timeline-playhead{width:1px;background:#ff554c;box-shadow:0 0 0 1px #080c10}.trim-handle{box-shadow:0 0 0 1px #0b1117}
@media(max-width:760px){.preview-primary-controls .preview-play-button{width:44px!important;min-width:44px!important}.transport-command span{font-size:7px}.filmstrip-control>.timeline-clip-copy{display:block}.filmstrip-control .timeline-clip-copy small{display:none}.trim-edge-description{order:4}.preview-timecode,.preview-duration{display:none!important}}
@media(max-width:1050px){.toolbox-card{grid-template-columns:minmax(210px,.35fr) minmax(0,1fr)}.toolbox-card>.result-summary-panel{grid-column:1/-1;grid-row:4;border-left:0;border-top:1px solid #303c47;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.result-summary-panel>strong{grid-column:1/-1}.result-summary-panel>div{min-width:0}}
@media(max-width:700px){.toolbox-card{grid-template-columns:1fr}.toolbox-card>.toolbox-block{grid-column:1;grid-row:3}.toolbox-card>.settings-workbench{grid-column:1;grid-row:4}.toolbox-card>.result-summary-panel{grid-column:1;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr))}.result-summary-panel>div{font-size:10px}}
@media(max-width:1000px){.preview-primary-controls .transport-command{width:48px!important;min-width:48px!important}.preview-transport{grid-template-columns:auto 90px minmax(60px,1fr) 90px!important;gap:10px!important}.preview-timecode,.preview-duration{font-size:10px!important}}
@media(max-width:760px){.monitor-timeline-card>.timeline-trim{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;padding:10px}.trim-center{grid-column:1/-1;grid-row:2}.trim-edge-out{grid-column:2;grid-row:1}.trim-edge{flex-wrap:wrap;gap:5px}.timeline-trim .trim-edge input.trim-timecode{flex-basis:100%;width:100%!important;order:3}.preview-transport{grid-template-columns:auto minmax(0,1fr)!important}.preview-timecode,.preview-duration{display:none!important}.preview-primary-controls .transport-command{width:38px!important;min-width:38px!important;height:46px!important}.transport-command span{font-size:7px}.transport-command svg{width:18px;height:18px}.retry-preview{margin-left:0}}
@media(max-width:430px){.preview-transport{grid-template-columns:1fr!important;gap:10px!important}.preview-primary-controls{justify-content:space-between;width:100%}.preview-primary-controls .transport-command{width:42px!important;min-width:32px!important}.preview-scrub{width:100%}.timeline-trim .trim-edge input{width:48px!important;flex-basis:48px}}
#liveToolRecap .sequence-frame-count b {font-size:inherit;line-height:inherit;font-variant-numeric:tabular-nums;}
#timelineResultSummary {font-size:18px;font-weight:700;}
#trimDuration {font-size:18px!important;font-weight:700;line-height:1.4;}
.media-picker{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #303a44;background:#101820;min-width:0}.media-picker[hidden]{display:none}.media-picker>label{font-size:10px;font-weight:700;white-space:nowrap}.media-picker select{flex:1;min-width:0;max-width:500px;height:36px;background:#0b1117;border:1px solid #46515e;color:#edf2f7;padding:0 10px;font:inherit;font-size:12px}.media-picker>span{margin-left:auto;color:#94a8ba;font-size:11px}
.batch-export-scope{color:#b4c9da;font-size:12px;line-height:1.5;margin:16px 0 10px;padding:10px 12px;border-left:2px solid #8fbde9;background:#111c25}
.bin-row[draggable=true],.bin-sequence-group summary[draggable=true]{cursor:grab}.bin-row.monitored-media{background:#192630;box-shadow:inset 3px 0 #9ac7f6}
.empty-assembly #timelinePlayhead,.empty-assembly #timelineRuler,.empty-assembly .black-frame-badge{display:none!important}.empty-assembly #timelineTrack{width:100%!important;min-height:100px;box-sizing:border-box;display:grid;place-items:center;border:1px dashed #465867;background:#0c1218}.assembly-placeholder{padding:20px;text-align:center;color:#8d9fae;font-size:12px}.media-drop-active{outline:2px solid #9ac7f6;outline-offset:-2px}.remove-assembly-media{position:absolute;right:6px;top:5px;z-index:5;background:#111b24;border:1px solid #667785;color:#fff;border-radius:3px;width:24px;height:24px;cursor:pointer}
@media(max-width:760px){.media-picker{flex-wrap:wrap;gap:8px}.media-picker>label{width:100%}.media-picker select{width:100%;max-width:none}.media-picker>span{margin:0;flex-basis:100%}}
.monitor-timeline-card .mini-preview-screen.checker{background-color:#858b92;background-image:conic-gradient(#555d66 25%,#a2a8ae 0 50%,#555d66 0 75%,#a2a8ae 0);background-size:20px 20px;background-position:0 0}
.monitor-timeline-card .composite-monitor canvas{background:transparent}
.monitor-view-choice{display:grid;grid-template-columns:minmax(230px,auto) minmax(180px,1fr);align-items:center;gap:16px;padding:12px 16px;min-width:0}
.monitor-view-field{display:flex;align-items:center;gap:12px;min-width:0}.monitor-view-field>label{font-size:11px;font-weight:700;letter-spacing:.06em}.monitor-view-field>select{height:36px;min-width:190px;font-size:12px;padding:0 30px 0 12px}
.monitor-view-choice>.monitor-lut-choice{display:flex;align-items:center;gap:9px;margin:0;min-width:0;font-size:12px}.monitor-lut-choice input{width:16px;height:16px;margin:0;flex:none}.monitor-lut-choice span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.monitor-lut-choice small{font-size:10px;color:#82909c}
.monitor-view-choice>.retry-preview{height:36px;margin:0;white-space:nowrap}
@media(max-width:760px){.monitor-view-choice{grid-template-columns:minmax(0,1fr) auto;gap:12px}.monitor-lut-choice{grid-column:1/-1;grid-row:2}.monitor-view-field>select{min-width:0;width:100%}.monitor-view-field{gap:8px}.monitor-view-choice>.retry-preview{font-size:8px;padding:0 8px}}
@media(max-width:430px){.monitor-view-choice{grid-template-columns:1fr}.monitor-view-choice>.retry-preview{grid-row:3;justify-self:start}.monitor-lut-choice{grid-row:2}}