/* TJK-Chess 15.1.227 — video composition parity + cutout startup/performance. */

/* Never expose the unprocessed room while the AI model is starting. The
   selected lesson background stays visible until the first valid cutout frame. */
.course-editor-media-pane > video.tjk-person-cutout-pending-source,
.tjk-video-presenter-pane > video.tjk-person-cutout-pending-source,
.course-camera-column-v162 > video.tjk-person-cutout-pending-source {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Editor = Watch Video composition. The board pane itself must be transparent;
   v222 left a dark pane behind the square board, which is the large black area
   visible in the editor screenshot. */
.course-editor-live-preview.has-board-video .course-editor-board-pane {
  background: transparent !important;
  box-shadow: none !important;
}
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap > [data-editor-board-video] {
  object-fit: cover !important;
  object-position: 50% 50% !important;
  background: transparent !important;
}

/* Keep the same board geometry as the learner player at normal desktop sizes. */
@media (min-width: 761px) {
  .course-editor-live-preview.has-board-video .course-editor-board-pane {
    left: 1.9% !important;
    top: 50% !important;
    width: 57% !important;
    height: 94% !important;
    transform: translateY(-50%) !important;
  }
  .course-editor-live-preview.has-board-video .course-editor-preview-board-wrap {
    width: auto !important;
    height: 92% !important;
    max-width: 96% !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* AI/chroma canvas should always stay transparent outside the presenter. */
.tjk-person-cutout-canvas {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}