.timeline-workflow-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex-basis:100%;padding-top:10px;border-top:1px solid #303a44}
.timeline-workflow-tools label{display:flex;align-items:center;gap:6px;font-size:10px;color:#bac4ce}
.timeline-workflow-tools button,.timeline-workflow-tools select,.project-actions button,.raster-fit-choice select,#cancelExport{min-height:32px;padding:5px 10px;border:1px solid #46515e;background:#111820;color:#f2f4f6;font:inherit;font-size:11px}
.timeline-workflow-tools button:disabled{opacity:.35;cursor:default}
.timeline-workflow-tools input[type=range]{width:100px;accent-color:#ff302b}
#timelineResultSummary{margin-left:auto;font-size:10px;color:#9eaab6}
.timeline-stage{overflow-x:auto;position:relative}.timeline-track{overflow:visible!important;gap:0!important;padding:0!important;position:relative}
.timeline-clip,.timeline-neutral{box-sizing:border-box;overflow:visible!important;margin:0!important;border-radius:0!important}
.timeline-clip-copy,.timeline-thumb{overflow:hidden;min-width:0}.timeline-clip-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-clip.clip-selected{outline:1px solid #f0f4f8;outline-offset:-1px}.trim-selection{z-index:2}
.trim-handle{position:absolute;top:0;bottom:0;width:10px;min-width:10px;padding:0;border:0;background:#ff302b;transform:translateX(-50%);z-index:5;cursor:ew-resize;touch-action:none}
.trim-handle:focus-visible{outline:2px solid white}.trim-handle:after{content:"";position:absolute;top:35%;bottom:35%;left:4px;border-left:2px solid #310302}
body.result-preview .trim-handle,body.result-preview .trim-selection{display:none}
.project-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #303a44;background:#10161b}
.project-actions span{color:#84909c;font-size:10px}.raster-fit-choice{display:flex;flex-direction:column;gap:7px;padding:12px;font-size:10px;color:#b8c2cc}
#cancelExport{width:100%;margin-top:8px;border-color:#ff302b;color:#ff817a;cursor:pointer}
#cancelExport[hidden]{display:none}.overwrite-choice{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:#aeb8c2}
.bin-sequence-group{border-bottom:1px solid #303a44}.bin-sequence-group>summary{padding:12px 14px;cursor:pointer;display:list-item;background:#111820;font-size:12px;color:#eff2f5}.bin-sequence-group>summary small{float:right;color:#8d9aa7}
@media(max-width:700px){#timelineResultSummary{margin-left:0;flex-basis:100%}.timeline-workflow-tools{gap:8px}.timeline-trim{width:100%;margin:0}.timeline-trim #trimDuration{white-space:normal}.project-actions button{flex:1}}
.timeline-controls{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}
.timeline-controls>.timeline-black-switch{margin:0!important;flex:0 0 auto}
.timeline-trim{display:flex!important;flex:1 0 100%;align-items:center!important;flex-wrap:wrap;gap:7px!important;margin:0!important}
.timeline-trim input{height:32px!important;width:62px!important;flex:0 0 62px;min-width:0;margin:0!important;font-size:11px!important}
.timeline-trim input.trim-timecode{width:104px!important;flex-basis:104px;font-variant-numeric:tabular-nums}
.timeline-trim #trimDuration{display:block;flex:1 0 100%;text-align:left;margin-top:2px}
.timeline-workflow-tools{width:100%}.timeline-workflow-tools label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
.timeline-workflow-tools input[type=checkbox]{width:15px!important;height:15px!important;margin:0!important;accent-color:#ff302b}
.timeline-workflow-tools input[type=range]{width:100px!important}
.monitor-view-choice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;border-bottom:1px solid #303a44;color:#aebac6;font-size:10px}
.monitor-view-choice select{height:30px;border:1px solid #46515e;background:#10161b;color:#eff2f5;font:inherit;padding:0 8px}
.monitor-view-choice>label{display:flex;align-items:center;gap:6px}.monitor-view-choice input{accent-color:#ff302b}
.media-preview[data-view=fill]>.mini-preview:nth-child(2),.media-preview[data-view=key]>.mini-preview:first-child,.media-preview[data-view=composite]>.mini-preview:first-child,.media-preview[data-view=composite]>.mini-preview:nth-child(2){display:none}
.media-preview[data-view=fill],.media-preview[data-view=key],.media-preview[data-view=composite]{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}
.composite-monitor[hidden]{display:none!important}.composite-monitor{grid-column:1;grid-row:1}
.settings-workbench .raster-fit-choice select{width:100%;min-width:0;font-size:11px}
.timeline-ruler{position:relative;height:24px;border-bottom:1px solid #45515e;margin-bottom:5px;color:#8998a8;font:9px monospace;overflow:hidden}.timeline-ruler span{position:absolute;top:3px;padding-left:4px;border-left:1px solid #45515e;white-space:nowrap;height:17px}
.export-size-summary,.workflow-note{font-size:11px;color:#a6b1bd;line-height:1.5;margin:12px 0}
.preview-primary-controls{display:flex!important;align-items:center;gap:5px!important;width:max-content}
.preview-transport{grid-template-columns:auto 102px minmax(60px,1fr) 102px!important;gap:12px!important}
.live-tool-recap{display:none}.settings-workbench{min-height:320px}
@media(max-width:700px){.preview-transport{grid-template-columns:auto minmax(60px,1fr)!important;gap:8px!important}.preview-timecode,.preview-duration{display:none!important}.preview-primary-controls button{width:28px!important;min-width:28px!important}}
@media(max-width:700px){.media-preview[data-view=fill],.media-preview[data-view=key],.media-preview[data-view=composite]{grid-template-columns:1fr}.timeline-trim input.trim-timecode{width:92px!important;flex-basis:92px}.timeline-trim input{width:50px!important;flex-basis:50px}}
