/* Replaces the page's accumulated legacy transport/timeline rules. */
.video-workbench.tool-studio .video-crop-stage { position:relative; display:block; width:min(100%,calc(var(--video-preview-height) * 16 / 9)); aspect-ratio:16/9; height:auto; margin-inline:auto; line-height:0; overflow:hidden; background:var(--family-input); }
.video-workbench .video-crop-overlay { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.video-workbench .video-crop-overlay[hidden] { display:none; }
.video-workbench .video-crop-box { position:absolute; box-sizing:border-box; border:2px solid #5fe0ff; box-shadow:0 0 0 9999px #02081788; cursor:move; touch-action:none; pointer-events:auto; line-height:normal; }
.video-workbench .video-crop-stage.is-output-preview .video-crop-box { inset:0!important; width:100%!important; height:100%!important; border:0; box-shadow:none; cursor:grab; }
.video-workbench .video-crop-stage.is-output-preview .video-crop-box:active { cursor:grabbing; }
.video-workbench .video-crop-stage.is-output-preview .video-crop-label,.video-workbench .video-crop-stage.is-output-preview .video-crop-corner { display:none; }
.video-workbench .video-crop-label { position:absolute; left:8px; top:8px; padding:4px 7px; border-radius:5px; font-size:11px; line-height:1.2; color:#eefaff; background:#08233ce8; pointer-events:none; }
.video-workbench .video-crop-corner { position:absolute; width:20px; height:20px; border:3px solid #9ae9ff; border-radius:4px; background:#157caa; box-shadow:0 0 10px #00caff66; pointer-events:auto; touch-action:none; }
.video-workbench .crop-nw { left:-9px; top:-9px; cursor:nwse-resize; }.video-workbench .crop-ne { right:-9px; top:-9px; cursor:nesw-resize; }.video-workbench .crop-sw { left:-9px; bottom:-9px; cursor:nesw-resize; }.video-workbench .crop-se { right:-9px; bottom:-9px; cursor:nwse-resize; }
.video-workbench .video-skip-pair { display:contents; }
.video-workbench.tool-studio :is(.video-skip-icon,.video-play-orb) { position:relative; display:grid; place-items:center; min-height:44px; width:44px; height:44px; padding:0; border:1px solid #496a98; border-radius:10px; }
.video-workbench.tool-studio .video-play-orb { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,#6fe4ff,#6eabff); border-color:#8cecff; box-shadow:0 0 18px #2eb9ff33; }
.video-workbench .video-play-shape { width:0; height:0; border-block:9px solid transparent; border-left:13px solid #0b2440; margin-left:3px; }
.video-workbench .is-playing .video-play-shape { width:12px; height:17px; border:0; border-inline:4px solid #0b2440; margin-left:0; }
.video-workbench .video-skip-number { margin-top:15px; color:var(--family-ink); font-size:13px; line-height:1; }
.video-workbench .video-skip-icon::before { content:''; position:absolute; top:7px; width:17px; height:10px; border-top:1.5px solid #bad8ff; border-radius:50%; }
.video-workbench .video-skip-icon::after { content:''; position:absolute; top:6px; width:5px; height:5px; border-top:1.5px solid #bad8ff; border-left:1.5px solid #bad8ff; }
.video-workbench .video-skip-back::after { left:11px; transform:rotate(-35deg); }.video-workbench .video-skip-forward::after { right:11px; transform:rotate(125deg); }
.video-workbench .video-live-time { display:flex; align-items:center; gap:5px; font-size:13px; font-variant-numeric:tabular-nums; }
.video-workbench .video-live-time { margin-left:12px; }
.video-workbench.tool-studio.studio-rollout .video-trim-editor { padding:0; background:none; border:0; }
.video-workbench .video-timeline-legend { display:none; }
.video-workbench.tool-studio .video-timeline-frame { position:relative; overflow:visible!important; contain:none; border:0; border-radius:9px; }
.video-workbench.tool-studio .video-timeline-viewport { position:relative; width:100%!important; overflow:visible!important; }
.video-workbench.tool-studio .video-timeline { position:relative!important; width:100%!important; min-width:0!important; height:126px!important; margin:0; padding:0; overflow:visible!important; background:none; }
.video-workbench.tool-studio .video-timeline::before { content:''; position:absolute; inset:32px 0 auto; height:58px; border:1px solid var(--family-border); border-radius:9px; background:var(--family-input); opacity:.48; pointer-events:none; }
.video-workbench.tool-studio .video-track-fill { position:absolute; inset:32px auto auto 0!important; right:auto!important; height:58px!important; border:0!important; border-radius:5px!important; overflow:hidden; background:var(--family-input)!important; box-shadow:none!important; }
.video-workbench.tool-studio .video-filmstrip { display:flex; width:100%; height:100%!important; background:none!important; }
.video-workbench .video-filmstrip img { flex:1 1 0; min-width:0; height:100%; object-fit:cover; pointer-events:none; user-select:none; }
.video-workbench.tool-studio .video-selection { position:absolute; top:32px!important; height:58px!important; left:0; width:100%; box-sizing:border-box; visibility:visible!important; z-index:2!important; border:1px solid #8193a6!important; border-radius:5px!important; background:#71839812!important; box-shadow:inset 0 1px 2px #d7e2ed18,inset 0 -2px 4px #02081742!important; pointer-events:none!important; }
.video-workbench .video-track-shade { position:absolute; top:32px; height:58px; z-index:1; background:#020817a6; pointer-events:none; }
.video-workbench .video-track-shade-before { left:0; width:var(--trim-left,0%); border-radius:8px 0 0 8px; }.video-workbench .video-track-shade-after { left:var(--trim-end,100%); right:auto; width:var(--trim-right,0%); border-radius:0 8px 8px 0; }
.video-workbench.tool-studio .video-trim-handle { position:absolute!important; top:32px!important; height:58px!important; width:28px!important; transform:none!important; z-index:5!important; visibility:visible!important; border:0!important; background:none!important; box-shadow:none!important; cursor:ew-resize; touch-action:none; pointer-events:auto!important; }
.video-workbench.tool-studio .video-trim-start { transform:none!important; }
.video-workbench.tool-studio .video-trim-end { transform:translateX(-100%)!important; }
.video-workbench.tool-studio .video-trim-handle::before { content:''; position:absolute; inset:0 auto 0 0; width:12px!important; height:100%!important; box-sizing:border-box; transform:none!important; border:1px solid #8193a6!important; border-radius:5px 2px 2px 5px!important; background:#64788c!important; box-shadow:inset 0 1px 2px #dce6ef38,inset 0 -2px 4px #18233075!important; }
.video-workbench.tool-studio .video-trim-start::before { border-right:0!important; }
.video-workbench.tool-studio .video-trim-end::before { inset:0 0 0 auto; border-left:0!important; border-radius:2px 5px 5px 2px!important; }
.video-workbench.tool-studio .video-trim-handle::after { content:''; position:absolute; left:5px; top:50%; width:2px; height:22px; transform:translateY(-50%); border:0; background:#c5d1dd; border-radius:2px; opacity:.76; }
.video-workbench.tool-studio .video-trim-end::after { left:auto; right:5px; }
.video-workbench.tool-studio .video-trim-handle.is-window-edge { display:block!important; cursor:pointer; }
.video-workbench.tool-studio .video-trim-handle.is-window-edge::after { left:9px; top:27px; width:8px; height:8px; background:none; border-left:2px solid #c5d1dd; border-bottom:2px solid #c5d1dd; transform:rotate(45deg); }
.video-workbench.tool-studio .video-trim-handle.is-after-window::after { transform:rotate(225deg); }
.video-workbench.tool-studio .video-playhead { position:absolute!important; top:0!important; height:105px!important; width:1px!important; transform:translateX(-50%)!important; z-index:4!important; border:0!important; background:none!important; box-shadow:none!important; overflow:visible!important; pointer-events:none; }
.video-workbench.tool-studio .video-playhead::before,.video-workbench.tool-studio .video-playhead::after { content:none!important; }
.video-workbench .video-playhead-time { position:absolute; top:96px; left:50%; transform:translateX(-50%); padding:4px 7px; border-radius:6px; white-space:nowrap; background:#173c68; color:#d9f5ff; font-size:11px; line-height:1.2; font-variant-numeric:tabular-nums; }
.video-workbench.tool-studio .video-playhead-grip { position:absolute; left:50%; top:18px; width:2px; height:86px; transform:translateX(-50%); background:#77d8ed!important; pointer-events:none; transition:none; animation:none; }
.video-workbench.tool-studio .video-playhead-grip::after { content:none; }
.video-workbench.tool-studio .video-playhead .video-playhead-knob,.video-workbench.tool-studio .video-playhead .video-playhead-knob:hover,.video-workbench.tool-studio .video-playhead .video-playhead-knob:active,.video-workbench.tool-studio .video-playhead .video-playhead-knob:focus,.video-workbench.tool-studio .video-playhead .video-playhead-knob:focus-visible { appearance:none!important; position:absolute; top:-12px; left:50%; width:44px!important; min-width:44px!important; max-width:none!important; height:44px!important; padding:0!important; transform:translateX(-50%)!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; outline:none!important; pointer-events:auto; touch-action:none; cursor:ew-resize; transition:none!important; animation:none!important; }
.video-workbench.tool-studio .video-playhead-knob::before { content:''; position:absolute; top:16px; left:15px; width:14px; height:14px; transform:none; border:0; border-radius:3px; background:#77d8ed; box-shadow:none; clip-path:polygon(50% 100%,2% 10%,7% 3%,14% 0,86% 0,93% 3%,98% 10%); }
.video-workbench.tool-studio .video-playhead-knob:focus-visible::before { background:#a4edfa; }
.video-workbench.tool-studio .video-time-ruler { position:absolute; display:block; inset:0 0 auto; z-index:3; height:28px; pointer-events:auto!important; background:none; border:0; cursor:crosshair; touch-action:none; }
.video-workbench.tool-studio .video-timeline.is-playhead-dragging,.video-workbench.tool-studio .video-timeline.is-playhead-dragging .video-time-ruler,.video-workbench.tool-studio .video-timeline.is-playhead-dragging .video-playhead-knob { cursor:ew-resize!important; }
.video-workbench .video-time-tick { position:absolute; transform:translateX(-50%); padding-top:8px; color:var(--family-muted); font-size:11px; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.video-workbench .video-time-tick::before { content:''; position:absolute; top:0; left:50%; height:5px; border-left:1px solid #6e8aaf; }.video-workbench .video-time-tick:first-child { transform:none; }.video-workbench .video-time-tick:last-child { transform:translateX(-100%); }
.video-workbench.tool-studio.studio-rollout .video-trim-controls { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:8px; padding:0; }
.video-workbench .video-pan-controls { display:flex; align-items:center; flex:1; gap:8px; min-width:0; max-width:610px; }
.video-workbench .video-pan-controls label { display:flex; align-items:center; gap:8px; flex:1; min-width:0; color:var(--family-muted); font-size:12px; }
.video-workbench .video-pan-controls input { width:100%; min-width:40px; height:32px; margin:0; accent-color:#57b8ec; }
.video-workbench.tool-studio .video-pan-controls button { min-width:36px; min-height:36px; padding:3px 8px; font-size:20px; }
.video-workbench .video-window-label { color:var(--family-muted); font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.video-workbench .video-pan-controls input:disabled { opacity:.4; }
.video-workbench .video-time-tick:first-child::before { left:0; }.video-workbench .video-time-tick:last-child::before { left:100%; }
.video-workbench [data-video-ready=false] :is(.video-track-shade,.video-selection,.video-trim-handle,.video-playhead) { visibility:hidden!important; pointer-events:none!important; }
:root[data-theme=light] .video-workbench.tool-studio .video-playhead-time { color:#174164; background:#d2e9fc; }
:root[data-theme=light] .video-workbench .video-track-shade { background:#18385975; }
:root[data-theme=light] .video-workbench .video-skip-icon::before,:root[data-theme=light] .video-workbench .video-skip-icon::after { border-color:#285680; }
:root[data-theme=light] .video-workbench.tool-studio :is(.video-transport-bar,.video-trim-editor,.video-timeline,.video-time-ruler,.video-zoom-controls) { background:none; }
:root[data-theme=light] .video-workbench.tool-studio .video-preview-panel .video-source-status { background:none; color:var(--family-muted); }
@media(max-width:600px) { .video-workbench.tool-studio.studio-rollout .video-trim-controls { flex-wrap:wrap; }.video-workbench .video-pan-controls { flex-basis:100%; flex-wrap:wrap; }.video-workbench .video-window-label { width:100%; text-align:center; }.video-workbench .video-pan-controls label { font-size:11px; gap:4px; }.video-workbench .video-crop-corner { width:24px; height:24px; } }
@media(max-width:600px) { .video-workbench .video-live-time { margin-left:0; } }

/* Phase 1 media library: persistent assets remain separate from the edit controls. */
.video-workbench.tool-studio.studio-rollout .video-editor-grid { grid-template-columns:minmax(190px,.72fr) minmax(0,2.35fr) minmax(270px,1fr); align-items:start; }
.video-workbench .video-media-library { grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:10px; align-self:stretch; min-width:0; max-height:min(720px,72vh); overflow:auto; }
.video-workbench .video-media-library.is-dragging { outline:2px solid #48cfff; outline-offset:2px; }
.video-workbench .video-media-library .video-panel-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; }
.video-workbench .video-media-library .video-panel-head h2 { margin:0; font-size:16px; }
.video-workbench .video-media-count { min-width:25px; padding:3px 7px; border:1px solid var(--family-border); border-radius:999px; color:var(--family-muted); text-align:center; font-size:11px; font-variant-numeric:tabular-nums; }
.video-workbench .video-media-description,.video-workbench .video-media-status,.video-workbench .video-media-empty { margin:0; color:var(--family-muted); font-size:12px; line-height:1.45; }
.video-workbench.tool-studio .video-media-import { width:100%; min-height:40px; padding:8px; font-size:12px; }
.video-workbench .video-media-list { display:grid; gap:7px; min-width:0; }
.video-workbench .video-media-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; padding:7px; border:1px solid var(--family-border); border-radius:10px; background:var(--family-input); }
.video-workbench .video-media-entry.is-selected { border-color:#42cfff; box-shadow:0 0 0 1px #42cfff55,0 0 12px #1bb7ff20; }
.video-workbench .video-media-select { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:8px; width:100%; min-width:0; padding:0; border:0!important; background:transparent!important; box-shadow:none!important; color:var(--family-ink); text-align:left; }
.video-workbench .video-media-select:focus-visible { outline:2px solid #87baff!important; outline-offset:2px!important; }
.video-workbench .video-media-preview { display:flex; flex:0 0 56px; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:56px; min-width:56px; height:40px; overflow:hidden; border:1px solid var(--family-border); border-radius:6px; color:#5edcff; background:var(--family-panel); font-size:18px; font-weight:800; line-height:1; }
.video-workbench .video-media-preview small { color:var(--family-muted); font-size:6px; letter-spacing:.04em; line-height:1; }
.video-workbench .video-media-preview img { width:100%; height:100%; object-fit:cover; }
.video-workbench .video-media-copy { display:grid; gap:3px; min-width:0; }
.video-workbench .video-media-name { overflow:hidden; color:var(--family-ink); font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.video-workbench .video-media-meta { overflow:hidden; color:var(--family-muted); font-size:10px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.video-workbench.tool-studio .video-media-remove { display:grid; place-items:center; min-width:28px; min-height:28px; padding:3px; border-radius:7px; color:var(--family-muted); font-size:16px; }
.video-workbench .video-media-actions { display:flex; align-items:center; justify-self:end; gap:4px; width:max-content; }
.video-workbench.tool-studio .video-media-open { width:auto!important; min-width:0!important; min-height:36px!important; padding:4px 5px!important; border-radius:7px; font-size:10px!important; white-space:nowrap; }
.video-workbench.tool-studio .video-media-remove { width:34px; min-width:34px; min-height:36px!important; padding:3px!important; }
.video-workbench .video-media-remove:disabled { opacity:.38; cursor:not-allowed; }
.video-workbench .video-media-empty[hidden] { display:none; }
.video-workbench .video-media-status:empty { display:none; }
.video-workbench .video-preview-panel { grid-column:2; grid-row:1; min-width:0; }
.video-workbench .video-preview-panel .video-panel-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; }
.video-workbench .video-preview-panel .video-panel-head .video-crop-preset { grid-column:3; grid-row:1; }
.video-workbench .video-preview-panel .video-panel-head [data-studio-pick] { grid-column:4; grid-row:1; }
.video-workbench .video-crop-preset { display:flex; align-items:center; gap:6px; min-width:0; color:var(--family-muted); font-size:11px; white-space:nowrap; }
.video-workbench .video-crop-preset select { width:auto; max-width:190px; min-width:115px; min-height:34px; padding:5px 24px 5px 9px; border:1px solid var(--family-border); border-radius:8px; color:var(--family-ink); background-color:var(--family-input); font:inherit; font-size:11px; }
.video-workbench .video-crop-preset select:focus-visible { outline:2px solid #79dfff; outline-offset:2px; }
.video-workbench .video-media-preview { color:#74dcff; font-size:20px; line-height:1; }
:root[data-theme=light] .video-workbench .video-preview-shell,:root[data-theme=light] .video-workbench .video-crop-stage video { background:#101c2c; }
.video-workbench .video-settings-column { grid-column:3; grid-row:1; }
.video-workbench .video-fragment-panel { grid-column:1/-1; grid-row:2; }
:root[data-theme=light] .video-workbench .video-media-entry.is-selected { border-color:#278fc3; box-shadow:0 0 0 1px #278fc333,0 5px 14px #2879a51a; }
:root[data-theme=light] .video-workbench .video-media-preview { color:#2375b0; }
@media(max-width:1100px) {
  .video-workbench.tool-studio.studio-rollout .video-editor-grid { grid-template-columns:minmax(0,1fr) minmax(270px,.75fr); }
  .video-workbench .video-media-library { grid-column:1/-1; grid-row:1; max-height:280px; }
  .video-workbench .video-media-list { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); }
  .video-workbench .video-preview-panel { grid-column:1; grid-row:2; }
  .video-workbench .video-preview-panel .video-panel-head { grid-template-columns:minmax(0,1fr) auto; }
  .video-workbench .video-preview-panel .video-panel-head .video-crop-preset { grid-column:1; grid-row:3; justify-self:start; }
  .video-workbench .video-preview-panel .video-panel-head [data-studio-pick] { grid-column:2; grid-row:3; }
  .video-workbench .video-settings-column { grid-column:2; grid-row:2; }
  .video-workbench .video-fragment-panel { grid-column:1/-1; grid-row:3; }
}
@media(max-width:700px) {
  .video-workbench.tool-studio.studio-rollout .video-editor-grid { display:flex; flex-direction:column; }
  .video-workbench .video-media-library,.video-workbench .video-preview-panel,.video-workbench .video-fragment-panel,.video-workbench .video-settings-column { order:initial; width:100%; max-height:none; box-sizing:border-box; }
  .video-workbench .video-preview-panel .video-panel-head { grid-template-columns:minmax(0,1fr); }
  .video-workbench .video-preview-panel .video-panel-head h2 { grid-column:1; grid-row:1; }
  .video-workbench .video-preview-panel .video-panel-head .video-source-status { grid-column:1; grid-row:2; }
  .video-workbench .video-preview-panel .video-panel-head .video-crop-preset { grid-column:1; grid-row:3; }
  .video-workbench .video-preview-panel .video-panel-head [data-studio-pick] { grid-column:1; grid-row:4; justify-self:start; }
  .video-workbench .video-media-list { grid-template-columns:minmax(0,1fr); }
  .video-workbench .video-settings-column { display:flex; }
  .video-workbench .video-media-entry { grid-template-columns:minmax(0,1fr) auto; }
  .video-workbench .video-media-select { grid-template-columns:56px minmax(0,1fr); }
  .video-workbench .video-media-name { font-size:12px; }
  .video-workbench .video-crop-preset select { max-width:min(62vw,220px); }
}

/* Single-source trimmer: prioritize preview and timeline. */
.video-workbench.tool-studio.studio-rollout .video-editor-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.video-workbench .video-preview-panel { grid-column:1; grid-row:1; }
.video-workbench .video-fragment-panel { grid-column:1/-1; grid-row:2; padding:20px; }
.video-workbench .video-settings-column { grid-column:1; grid-row:3; display:flex; flex-flow:row wrap; align-items:center; gap:12px; }
.video-workbench .video-settings-column .video-action-toolbar { margin:0; }
.video-workbench .video-preview-panel .video-panel-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; }
.video-workbench .video-preview-panel .video-panel-head [data-studio-pick] { grid-column:3; grid-row:1; min-height:46px; padding:12px 22px; font-size:15px; font-weight:750; color:#06182d!important; background:linear-gradient(110deg,#4ee2f5,#829bff)!important; border:1px solid #7adfff!important; box-shadow:0 3px 14px #39bfe82b!important; }
.video-workbench .video-preview-panel .video-panel-head [data-studio-pick]:focus-visible { outline:3px solid #a4edfa; outline-offset:3px; }
.video-workbench .video-preview-stage { max-height: min(58vh,620px); }
.video-workbench.tool-studio .video-timeline { height:164px!important; min-height:164px!important; }
.video-workbench.tool-studio .video-time-ruler { height:44px; }
.video-workbench .video-time-tick { font-size:13px; padding-top:10px; }
.video-workbench.tool-studio .video-track-fill,.video-workbench.tool-studio .video-selection,.video-workbench .video-track-shade { top:52px!important; height:80px!important; }
.video-workbench.tool-studio .video-trim-handle { top:52px!important; height:80px!important; width:32px!important; }
.video-workbench.tool-studio .video-playhead { height:150px!important; }
.video-workbench.tool-studio .video-playhead-grip { top:28px; height:112px; }
.video-workbench.tool-studio .video-playhead-time { top:142px; font-size:12px; }
.video-workbench.tool-studio .video-playhead .video-playhead-knob { top:-8px; height:56px!important; }
.video-workbench.tool-studio .video-playhead-knob::before { top:22px; }
.video-workbench.tool-studio .video-trim-controls { margin-top:12px!important; }
@media(max-width:700px) {
 .video-workbench .video-preview-panel .video-panel-head { grid-template-columns:minmax(0,1fr) auto; }
 .video-workbench .video-preview-panel .video-panel-head .video-source-status { grid-column:1/-1; grid-row:2; overflow-wrap:anywhere; }
 .video-workbench .video-preview-panel .video-panel-head [data-studio-pick] { grid-column:2; grid-row:1; min-height:44px; padding:10px 14px; font-size:14px; }
 .video-workbench .video-fragment-panel { padding:14px; }
 .video-workbench .video-settings-column { flex-direction:column; align-items:stretch; }
}

/* Shared track geometry keeps the background and every clip layer aligned. */
.video-workbench.tool-studio .video-timeline { --track-top:64px; --track-height:80px; height:184px!important; min-height:184px!important; }
.video-workbench.tool-studio .video-timeline::before { inset:var(--track-top) 0 auto; height:var(--track-height); box-sizing:border-box; }
.video-workbench.tool-studio :is(.video-track-fill,.video-selection,.video-track-shade,.video-trim-handle) { top:var(--track-top)!important; height:var(--track-height)!important; }
.video-workbench.tool-studio .video-time-ruler { height:64px; }
.video-workbench .video-time-tick { padding-top:30px; font-size:14px; }
.video-workbench .video-time-tick::before { top:24px; }
.video-workbench.tool-studio .video-playhead .video-playhead-knob { top:-4px; height:64px!important; }

/* Final single-clip workspace controls. */
.video-workbench { --video-preview-height:clamp(320px,48vh,620px); }
.video-workbench .video-preview-panel .video-panel-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.video-workbench .video-preview-actions { display:flex; align-items:center; gap:8px; }
.video-workbench .video-preview-actions .video-history-button { display:grid; place-items:center; width:42px; min-width:42px; height:42px; padding:8px; }
.video-workbench .video-preview-panel .video-source-status { flex:1 0 100%; margin:-4px 0 10px; }
.video-workbench.tool-studio .video-preview-panel .video-select-button { min-height:46px; padding:11px 22px; font-size:15px; font-weight:750; color:#06182d!important; background:linear-gradient(110deg,#4ee2f5,#829bff)!important; border:1px solid #7adfff!important; box-shadow:0 3px 14px #39bfe82b!important; }
@media(hover:hover) {
 .video-workbench.tool-studio .video-preview-panel .video-select-button:not(:disabled):hover { filter:brightness(1.18) saturate(1.12); border-color:#d4faff!important; box-shadow:0 0 24px #43dfff78,0 5px 20px #668dff66!important; transform:translateY(-1px); }
}
.video-workbench .video-preview-focus { min-width:0; }
.video-workbench .video-transport-bar { align-items:center; }
.video-workbench .video-volume-control { display:flex; align-items:center; gap:8px; min-width:140px; }
.video-workbench .video-volume-control input[type=range] { width:92px; accent-color:#50d9ef; }
.video-workbench .video-icon-button { display:grid; place-items:center; width:40px; min-width:40px; height:40px; padding:7px; }
.video-workbench .video-download-row { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; }
.video-workbench .video-download-button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:10px; min-width:220px; min-height:48px; padding:11px 20px; background:linear-gradient(110deg,#4ee2f5,#829bff)!important; border:1px solid #7adfff!important; color:#06182d!important; font-size:15px; font-weight:750; }
.video-workbench .video-progress-note { flex:1 1 auto; }
.video-workbench .video-preview-focus:fullscreen { display:flex; flex-direction:column; justify-content:center; gap:14px; width:100vw; height:100dvh; padding:20px; box-sizing:border-box; background:#07111f; }
.video-workbench .video-preview-focus:fullscreen .video-preview-shell { display:grid; place-items:center; flex:1 1 auto; min-width:0; min-height:0; border:0; }
.video-workbench .video-preview-focus:fullscreen .video-crop-stage { max-width:100%; max-height:100%; aspect-ratio:16/9; }
.video-workbench .video-preview-focus:fullscreen .video-transport-bar { flex:0 0 auto; margin:0; }
.video-workbench .video-preview-focus.is-preview-expanded { position:fixed; z-index:10000; inset:0; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:20px; background:#07111f; }
.video-workbench .video-preview-focus.is-preview-expanded .video-preview-shell { display:grid; place-items:center; flex:1 1 auto; min-width:0; min-height:0; border:0; }
.video-workbench .video-preview-focus.is-preview-expanded .video-crop-stage { max-width:100%; max-height:100%; aspect-ratio:16/9; }
.video-workbench .video-preview-focus.is-preview-expanded .video-transport-bar { flex:0 0 auto; margin:0; }
:root[data-theme=light] .video-workbench .video-preview-focus:fullscreen,:root[data-theme=light] .video-workbench .video-preview-focus.is-preview-expanded { background:#111d2b; }
@media(min-height:900px) and (min-width:701px) { .video-workbench { --video-preview-height:clamp(360px,44vh,540px); }.video-workbench.tool-studio.vc-workspace main.specialist-family { padding-top:18px; }.video-workbench.tool-studio.vc-workspace .video-hero { padding-bottom:14px; } }
@media(max-width:700px) {
 .video-workbench { --video-preview-height:min(54vh,480px); }
 .video-workbench .video-preview-panel .video-panel-head { display:grid; grid-template-columns:minmax(0,1fr) auto; }
 .video-workbench .video-preview-actions { grid-column:1/-1; grid-row:2; justify-content:flex-start; }
 .video-workbench .video-preview-panel .video-source-status { grid-column:1/-1; grid-row:3; }
 .video-workbench .video-workbench-panel .video-transport-bar { display:grid; grid-template-columns:40px 44px 40px minmax(66px,1fr) 38px; gap:8px; justify-content:center; }
 .video-workbench .video-skip-back { grid-column:1; grid-row:1; }
 .video-workbench .video-play-orb { grid-column:2; grid-row:1; }
 .video-workbench .video-skip-forward { grid-column:3; grid-row:1; }
 .video-workbench .video-live-time { grid-column:4; grid-row:1; width:auto; margin:0; justify-content:center; }
 .video-workbench .video-volume-control { grid-column:2/5; grid-row:2; justify-self:center; }
 .video-workbench .video-fullscreen-button { grid-column:5; grid-row:2; }
 .video-workbench .video-volume-control { min-width:0; gap:4px; }
 .video-workbench .video-volume-control input[type=range] { width:64px; }
 .video-workbench .video-icon-button { width:38px; min-width:38px; height:38px; }
 .video-workbench .video-download-row { align-items:stretch; flex-direction:column; gap:10px; }
 .video-workbench .video-download-button { width:100%; }
 .video-workbench .video-preview-focus:fullscreen,.video-workbench .video-preview-focus.is-preview-expanded { padding:12px; gap:8px; }
 .video-workbench .video-preview-focus:fullscreen .video-crop-stage,.video-workbench .video-preview-focus.is-preview-expanded .video-crop-stage { max-width:100%; max-height:100%; }
}
.video-workbench.tool-studio .video-playhead-knob::before { top:6px; left:13px; width:18px; height:18px; }
.video-workbench.tool-studio .video-playhead-grip { top:20px; height:130px; }
.video-workbench.tool-studio .video-playhead-time { top:154px; }
.video-workbench .video-transport-bar { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:16px; }
.video-workbench .video-skip-pair { justify-self:end; }
.video-workbench .video-play-orb { justify-self:center; }
.video-workbench .video-live-time { justify-self:start; }
.video-workbench .video-transport-actions { display:flex; align-items:center; justify-self:end; gap:8px; }
.video-workbench .video-volume-control { min-width:0; }
.video-workbench .video-fragment-panel { display:flex; flex-direction:column; }
.video-workbench .video-trim-editor { flex:1 1 auto; }
.video-workbench .video-download-row { display:flex; align-items:center; justify-content:flex-end; gap:14px; min-height:52px; margin-top:12px; }
.video-workbench .video-download-row .video-progress-note { min-width:0; max-width:55%; text-align:right; }
@media(max-width:700px) {
 .video-workbench .video-transport-bar { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; }
 .video-workbench .video-skip-pair { grid-column:1/-1; justify-self:center; }
 .video-workbench .video-play-orb { grid-column:2; grid-row:2; }
 .video-workbench .video-live-time { grid-column:2; grid-row:3; justify-self:center; }
 .video-workbench .video-transport-actions { grid-column:1/-1; grid-row:4; justify-self:center; }
 .video-workbench .video-download-row { align-items:stretch; flex-direction:column; }
 .video-workbench .video-download-row .video-progress-note { max-width:none; text-align:center; }
 .video-workbench .video-download-button { width:100%; }
}
/* Final transport alignment: grouped playback controls and right-anchored actions. */
.video-workbench .video-workbench-panel .video-transport-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; }
.video-workbench .video-workbench-panel .video-playback-controls { display:flex; align-items:center; justify-content:center; justify-self:center; gap:12px; min-width:0; }
.video-workbench .video-workbench-panel .video-playback-controls .video-skip-pair { display:flex; align-items:center; justify-content:center; gap:8px; }
.video-workbench .video-workbench-panel .video-playback-controls .video-play-orb { flex:none; }
.video-workbench .video-workbench-panel .video-playback-controls .video-live-time { flex:none; width:auto; margin:0; }
.video-workbench .video-workbench-panel .video-transport-actions { display:flex; align-items:center; justify-self:end; gap:8px; }
.video-workbench .video-fragment-panel { display:flex; flex-direction:column; }
.video-workbench .video-fragment-panel .video-trim-editor { flex:1 1 auto; }
.video-workbench .video-fragment-panel .video-download-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; justify-content:stretch; gap:14px; min-height:52px; margin-top:12px; }
.video-workbench .video-fragment-panel .video-download-row .video-progress-note { min-width:0; max-width:none; margin:0; text-align:right; }
.video-workbench .video-fragment-panel .video-download-button { justify-self:end; }
.video-workbench .video-fragment-panel .video-local-note { margin:4px 0 0; text-align:right; }
@media(max-width:700px) {
 .video-workbench .video-workbench-panel .video-transport-bar { grid-template-columns:minmax(0,1fr); gap:10px; }
 .video-workbench .video-workbench-panel .video-playback-controls { grid-column:1; justify-self:center; flex-wrap:wrap; gap:8px; }
 .video-workbench .video-workbench-panel .video-transport-actions { grid-column:1; justify-self:center; }
 .video-workbench .video-fragment-panel .video-download-row { grid-template-columns:minmax(0,1fr); gap:8px; }
 .video-workbench .video-fragment-panel .video-download-row .video-progress-note { text-align:center; }
 .video-workbench .video-fragment-panel .video-download-button { justify-self:stretch; width:100%; }
 .video-workbench .video-fragment-panel .video-local-note { text-align:center; }
}
/* Export activity stays beside the existing download action; no estimated percentage. */
.video-workbench .video-export-feedback { min-width:0; }
.video-workbench .video-export-activity { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px 10px; margin-top:6px; color:var(--family-muted); font-size:12px; }
.video-workbench .video-export-activity progress { width:140px; height:6px; accent-color:#50d9ef; }
.video-workbench .video-export-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; }
.video-workbench .video-cancel-export { min-height:44px; padding:9px 14px; }
.video-workbench [data-video-export-activity][hidden],.video-workbench [data-video-cancel-export][hidden] { display:none!important; }
@media(max-width:700px) {
 .video-workbench .video-export-actions { width:100%; }
 .video-workbench .video-export-actions .video-download-button { flex:1; min-width:0; }
 .video-workbench .video-export-activity { justify-content:center; }
}

/* Preserve a generous preview while keeping the clip action reachable on desktop. */
@media (min-width:1200px) and (max-height:820px) {
 .video-workbench { --video-preview-height:min(40vh,300px); }
 .video-workbench.tool-studio.studio-rollout .video-editor-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:12px; }
 .video-workbench .video-preview-panel { grid-column:1; grid-row:1; }
 .video-workbench .video-fragment-panel { grid-column:2; grid-row:1; min-width:0; padding:14px; }
 .video-workbench .video-preview-panel .video-panel-head { grid-template-columns:minmax(0,1fr) auto; }
 .video-workbench .video-preview-actions { grid-column:1/-1; grid-row:2; justify-content:flex-start; }
 .video-workbench .video-preview-panel .video-source-status { grid-column:1/-1; grid-row:3; }
}
@media (min-width:701px) and (min-height:900px) {
 .video-workbench { --video-preview-height:clamp(300px,29vh,340px); }
 .video-workbench.tool-studio.vc-workspace main.specialist-family { padding-top:10px; }
 .video-workbench.tool-studio.vc-workspace .video-hero { padding-bottom:6px; }
 .video-workbench .video-workbench-panel { padding:10px; }
 .video-workbench .video-fragment-panel { padding:14px; }
}