/* Editor layout only: existing timeline and crop coordinates remain unchanged. */
.video-workbench { --video-preview-height:54vh; }
.video-workbench.tool-studio.vc-workspace main.specialist-family {
 display:block; max-width:none; width:calc(100% - var(--workspace-offset)); padding:26px clamp(18px,2.5vw,40px) 48px;
}
.video-workbench.tool-studio.vc-workspace main.specialist-family > :is(section,article,.tool-help-grid) { max-width:1480px; width:100%; margin-inline:auto; }
.video-workbench.tool-studio.vc-workspace .video-hero { padding:0 0 22px; }
.video-workbench .video-eyebrow { display:none; }
.video-workbench.tool-studio.vc-workspace .video-hero h1 { margin:0; font-size:clamp(2rem,3.4vw,2.8rem); }
.video-workbench .video-tool-card { padding:0; border:0; background:none; box-shadow:none; }
.video-workbench.tool-studio.studio-rollout .video-simple-editor {
 display:grid; grid-template-columns:minmax(0,2.15fr) minmax(290px,1fr); align-items:start; gap:18px; margin:0; padding:0; border:0; background:none; box-shadow:none;
}
.video-workspace-main,.video-settings-column { min-width:0; display:grid; gap:14px; align-content:start; }
.video-workbench.tool-studio .video-workbench-panel {
 min-width:0; margin:0; padding:16px; border:1px solid var(--family-border); border-radius:14px; color:var(--family-ink); background:var(--family-panel); box-shadow:0 10px 24px #02081733;
}
.video-workbench .video-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.video-workbench.tool-studio .video-panel-head h2 { display:flex; align-items:center; gap:10px; margin:0; font-size:16px; color:var(--family-ink); }
.video-workbench .video-panel-head h2>span,.video-workbench .video-settings-panel>summary>span { color:#6dcfff; font-size:23px; line-height:1; }
.video-workbench.tool-studio .video-panel-head [data-studio-pick] { min-height:36px; padding:7px 12px; font-size:13px; white-space:nowrap; }
.video-workbench .video-source-status { margin:0 0 12px; color:var(--family-muted); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.video-workbench .studio-upload-error:empty,.video-workbench .form-error:empty,.video-workbench .video-progress-note:empty { display:none; }
.video-workbench .form-error:not(:empty) { padding:12px; margin:0 0 12px; border:1px solid #b16c8c; border-radius:10px; }
.video-workbench .video-preview-shell { display:grid; place-items:center; min-height:0; padding:0; margin:0; overflow:hidden; border:1px solid var(--family-border); border-radius:10px; background:#050b16; }
.video-workbench .video-crop-stage { width:min(100%,calc(var(--video-preview-height) * 16 / 9)); aspect-ratio:16/9; height:auto; margin-inline:auto; border-radius:0; }
.video-workbench .video-crop-stage video { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:none; object-fit:contain; background:#050b16; }
.video-workbench [data-video-ready=false] .video-crop-stage { aspect-ratio:16/9; background:radial-gradient(ellipse at 50% 35%,#1a3c6266,transparent 70%),var(--family-input); }
.video-workbench [data-video-ready=false] .video-crop-stage video { visibility:hidden; height:100%; }
.video-workbench .video-preview-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; text-align:center; color:var(--family-muted); font-size:14px; line-height:1.5; }
.video-workbench .video-preview-empty svg { color:#80a8fb; margin-bottom:5px; }
.video-workbench .video-preview-empty strong { color:var(--family-ink); font-size:18px; }
.video-workbench .video-preview-empty small { font-size:12px; }
.video-workbench [data-video-ready=true] .video-preview-empty { display:none; }
.video-workbench .video-preview-panel.is-dragging { outline:2px solid #6edcff; outline-offset:3px; }
.video-workbench.tool-studio .video-transport-bar { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; min-height:50px; margin:12px 0 0; background:none; }
.video-workbench .video-skip-pair { display:contents; }
.video-workbench .video-skip-back { order:0; }
.video-workbench .video-play-orb { order:1; }
.video-workbench .video-skip-forward { order:2; }
.video-workbench .video-live-time { order:3; margin-left:auto; }
.video-workbench .video-transport-bar .video-live-time,.video-workbench .video-transport-bar .video-live-time strong { color:var(--family-label); }
.video-workbench .video-transport-bar .video-live-time strong { background:none; }
.video-workbench .video-panel-note { color:var(--family-muted); font-size:12px; }
.video-workbench.tool-studio .video-trim-editor { margin:0; padding:0 12px; border:0; border-radius:8px; background:var(--family-input); }
.video-workbench.tool-studio .video-timeline { background:transparent; }
.video-workbench.tool-studio .video-track-fill { background:var(--family-subtle)!important; border:1px solid var(--family-border)!important; box-shadow:none!important; }
.video-workbench.tool-studio .video-filmstrip { background:transparent!important; }
.video-workbench [data-video-ready=false] .video-filmstrip { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#718eb332 calc(12.5% - 1px),#718eb332 12.5%)!important; }
.video-workbench [data-video-ready=false] :is(.video-playhead,.video-trim-handle,.video-selection) { visibility:hidden!important; pointer-events:none!important; }
.video-workbench .video-trim-controls { display:flex; margin:0; padding-bottom:10px; }
.video-workbench .video-zoom-controls { display:flex; align-items:center; gap:12px; margin:0; background:none; color:var(--family-label); font-size:13px; }
.video-workbench.tool-studio .video-zoom-controls button { min-width:36px; min-height:34px; padding:3px 8px; font-size:18px; }
.video-workbench .video-settings-panel>summary { display:flex; align-items:center; gap:10px; margin:0; padding:0; color:var(--family-ink); font-size:16px; font-weight:700; cursor:pointer; list-style:none; }
.video-workbench .video-settings-panel>summary::-webkit-details-marker { display:none; }
.video-workbench .video-settings-panel>summary::after { content:'⌄'; margin-left:auto; color:#8cadde; }
.video-workbench .video-settings-panel[open]>summary::after { transform:rotate(180deg); }
.video-workbench .video-settings-content { display:grid; gap:14px; margin-top:14px; }
.video-workbench .video-settings-content p { margin:0; color:var(--family-muted); font-size:13px; line-height:1.5; }
.video-workbench .video-crop-controls { display:grid; grid-template-columns:38px minmax(0,1fr) 38px; gap:8px; }
.video-workbench.tool-studio .video-crop-controls button { min-width:0; min-height:38px; padding:7px; font-size:13px; }
.video-workbench .video-detail-line { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.video-workbench .video-detail-line strong { color:var(--family-ink); font-variant-numeric:tabular-nums; font-size:13px; }
.video-workbench .video-output-badge { border:1px solid var(--family-border); border-radius:7px; padding:5px 12px; background:var(--family-input); }
.video-workbench .video-secondary-options { padding-top:12px; border-top:1px solid var(--family-border); font-size:13px; }
.video-workbench .video-secondary-options summary { color:var(--family-label); cursor:pointer; }
.video-workbench .video-secondary-options p { margin-top:10px; }
.video-workbench.tool-studio .video-simple-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-items:stretch; margin:0; }
.video-workbench.tool-studio .video-simple-actions button { width:100%; min-height:43px; font-size:14px; }
.video-workbench.tool-studio .video-simple-actions [data-video-convert] { justify-content:center; gap:14px; background:linear-gradient(110deg,#6edcff,#87a6ff 65%,#b18bff); color:#081525; border-color:#8cb7f8; }
.video-workbench .video-progress-note { margin:0; color:var(--family-label); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.video-workbench .video-local-note { margin:0; text-align:center; color:var(--family-muted); font-size:11px; line-height:1.5; }
.video-workbench.tool-studio button:disabled { opacity:.45; cursor:not-allowed; transform:none; box-shadow:none; }
.video-workbench :is(button,summary,[tabindex]):focus-visible { outline:2px solid #87baff!important; outline-offset:3px!important; }
.video-workbench .video-crop-box:focus-visible { outline-offset:-5px!important; }
.video-workbench main>.tool-help-grid { margin-top:18px; }
.video-workbench .video-how { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.video-workbench .video-how-item { display:flex; gap:12px; padding:14px; border:1px solid var(--family-border); border-radius:12px; background:var(--family-panel); }
.video-workbench .video-how-item p { margin:5px 0 0; color:var(--family-muted); font-size:13px; }
.video-workbench .video-how-num { color:#81cfff; }
:root[data-theme=light] .video-workbench .video-preview-empty svg { color:#536fc4; }
:root[data-theme=light] .video-workbench [data-video-ready=false] .video-crop-stage { background:radial-gradient(ellipse at 50% 35%,#b6d5fa55,transparent 70%),var(--family-input); }
:root[data-theme=light] .video-workbench :is(.video-transport-bar,.video-source-status) { background:none; }
:root[data-theme=light] .video-workbench .video-panel-head h2>span,:root[data-theme=light] .video-workbench .video-settings-panel>summary>span { color:#2375b0; }
:root[data-theme=light] .video-workbench .video-workbench-panel { box-shadow:0 8px 22px #34547e15; }
:root[data-theme=light] .video-workbench .video-settings-panel>summary { background:none; }
@media(min-width:1280px) { .video-workbench.tool-studio .video-simple-actions { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }.video-workbench.tool-studio .video-simple-actions button { font-size:12px; padding-inline:8px; }.video-workbench [data-video-download] { grid-column:1/-1; } }
@media(max-width:1100px) { .video-workbench.tool-studio.studio-rollout .video-simple-editor { grid-template-columns:minmax(0,1fr); }.video-settings-column { grid-template-columns:repeat(2,minmax(0,1fr)); }.video-workbench .video-settings-column>:nth-child(n+3) { grid-column:1/-1; }.video-workbench .video-preview-empty { padding:20px; }.video-workbench { --video-preview-height:58vh; } }
@media(max-width:600px) { .video-workbench.tool-studio .video-workbench-panel { padding:12px; }.video-settings-column { grid-template-columns:minmax(0,1fr); }.video-workbench .video-panel-head { flex-wrap:wrap; gap:8px; }.video-workbench .video-panel-note { display:none; }.video-workbench .video-preview-empty { padding:14px; gap:7px; font-size:12px; }.video-workbench .video-preview-empty svg { width:30px; height:30px; margin:0; }.video-workbench .video-preview-empty strong { font-size:15px; }.video-workbench .video-preview-empty small { display:none; }.video-workbench .video-live-time { width:100%; margin:8px 0 0; justify-content:center; }.video-workbench .video-how { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .video-workbench :is(button,summary) { transition:none!important; } }

/* Approved layout: preview + compact inspector, timeline spanning both columns. */
.video-workbench.tool-studio.studio-rollout .video-editor-grid { grid-template-columns:minmax(0,2.65fr) minmax(290px,1fr); gap:12px; }
.video-workbench .video-settings-column { display:flex; flex-direction:column; gap:12px; grid-column:2; grid-row:1; }
.video-workbench .video-settings-column>.video-settings-panel { align-self:start; width:100%; box-sizing:border-box; }
.video-workbench .video-fragment-panel { grid-column:1/-1; grid-row:2; }
.video-workbench .video-preview-panel .video-panel-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; }
.video-workbench .video-preview-panel .video-source-status { margin:0; font-size:12px; }
.video-workbench .video-action-toolbar { display:grid; grid-template-columns:44px 44px minmax(0,1fr); gap:8px; }
.video-workbench.tool-studio .video-action-toolbar button { min-width:0; min-height:44px; padding:8px; font-size:13px; }
.video-workbench.tool-studio .video-action-toolbar [data-video-convert] { display:flex; align-items:center; justify-content:center; gap:7px; background:linear-gradient(110deg,#6edcff,#87c6ff); border-color:#65d9ff; color:#08233b; box-shadow:0 0 16px #2eb9ff22; }
.video-workbench .video-history-button svg { width:20px; height:20px; }
.video-workbench .video-reset-edit { align-self:stretch; min-height:38px; font-size:12px; }
.video-workbench .video-selection-summary { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 16px; margin:0; color:var(--family-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.video-workbench .video-selection-summary strong { margin-left:5px; color:var(--family-ink); }
.video-workbench .video-output-inspector>summary .video-output-badge { margin-left:auto; font-size:12px; line-height:1.2; }
.video-workbench .video-output-inspector>summary::after { margin-left:0; }
.video-workbench .video-download[hidden] { display:none!important; }
.video-workbench .video-local-note { font-size:12px; }
@media(max-width:1100px) { .video-workbench.tool-studio.studio-rollout .video-editor-grid { grid-template-columns:minmax(0,1fr); }.video-workbench .video-settings-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-column:1; grid-row:3; }.video-workbench .video-action-toolbar { grid-column:1/-1; grid-row:1; }.video-workbench .video-settings-column>:nth-child(n) { grid-column:auto; }.video-workbench .video-settings-column>:is(.video-action-toolbar,.video-progress-note,.video-download,.video-local-note) { grid-column:1/-1; }.video-workbench .video-fragment-panel { grid-row:2; }.video-workbench .video-preview-panel .video-panel-head { grid-template-columns:minmax(0,1fr) auto; }.video-workbench .video-preview-panel .video-source-status { grid-column:1/-1; grid-row:2; } }
@media(max-width:600px) { .video-workbench .video-settings-column { display:flex; }.video-workbench .video-selection-summary { justify-content:flex-start; gap:7px 12px; }.video-workbench .video-selection-summary strong { margin-left:3px; }.video-workbench .video-fragment-panel .video-panel-head { display:grid; }.video-workbench.tool-studio .video-preview-panel .video-panel-head h2 { font-size:14px; }.video-workbench.tool-studio .video-preview-panel [data-studio-pick] { font-size:12px; padding-inline:8px; } }
