/**
 * Layout B (NLE) — bin full-height left; program ‖ AI on top; timeline spans stage.
 * Activated by `.split-workspace.cutgo-layout-nle` (see workspace.html).
 */

.split-workspace.cutgo-layout-nle {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.split-workspace.cutgo-layout-nle .workspace-middle {
  flex: 0 0 var(--workspace-shot-library-active-w, var(--workspace-shot-library-w, 280px)) !important;
  width: var(--workspace-shot-library-active-w, var(--workspace-shot-library-w, 280px)) !important;
  min-width: 220px !important;
  max-width: none !important;
  height: auto !important;
  align-self: stretch !important;
  margin: 0 !important;
}

.split-workspace.cutgo-layout-nle.shot-library-collapsed .workspace-middle,
.split-workspace.cutgo-layout-nle .workspace-middle.is-collapsed {
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
}

.split-workspace.cutgo-layout-nle.shot-library-collapsed #resizerLM {
  display: none !important;
}

.split-workspace.cutgo-layout-nle .workspace-stage {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.split-workspace.cutgo-layout-nle .workspace-stage-top {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* Program column — monitor + transport only (no timeline sibling) */
.split-workspace.cutgo-layout-nle .workspace-left {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 280px !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.split-workspace.cutgo-layout-nle .workspace-left.is-stage-synced {
  /* NLE: program flexes inside stage-top; ignore fixed stage-video-w */
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
}

.split-workspace.cutgo-layout-nle .workspace-right {
  flex: 0 0 var(--workspace-inspector-active-w, var(--workspace-inspector-w, 320px)) !important;
  width: var(--workspace-inspector-active-w, var(--workspace-inspector-w, 320px)) !important;
  min-width: 180px !important;
  max-width: none !important;
  margin-left: 0 !important;
  align-self: stretch !important;
}

.split-workspace.cutgo-layout-nle .workspace-stage-top > .layout-resizer {
  align-self: stretch !important;
}

.split-workspace.cutgo-layout-nle .program-monitor-shell {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  width: 100% !important;
}

.split-workspace.cutgo-layout-nle .workspace-transport-stack {
  flex: 0 0 var(--workspace-timeline-h, auto) !important;
  width: 100% !important;
  min-height: 96px !important;
}

.split-workspace.cutgo-layout-nle .stage-row-resizer {
  flex: 0 0 var(--workspace-split-gap, 4px) !important;
  width: 100% !important;
}

/* Empty program: keep 16:9 in the program column of stage-top */
.split-workspace.cutgo-layout-nle .workspace-left:has(#playerBox.empty) .program-monitor-shell {
  justify-content: flex-start !important;
}

.split-workspace.cutgo-layout-nle .workspace-left:has(#playerBox.empty) .player-wrapper.video-viewport-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  justify-content: center !important;
  align-items: center !important;
}