/* TJK-Chess v15.1.193 — final video-composition geometry and background overrides. */

/* Editor board: use one frame inset only. Earlier rules combined padding,
   inset and fixed dimensions, which cropped files a/h in the 16:9 preview. */
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap{
  position:relative!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#d9d9d4!important;
}
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap>[data-editor-board-video],
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap>.course-editor-preview-board,
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap>.course-editor-preview-annotations{
  position:absolute!important;
  left:2.75%!important;
  top:2.75%!important;
  right:2.75%!important;
  bottom:2.75%!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
.course-editor-live-preview.has-board-video .course-editor-preview-board-wrap>[data-editor-board-video]{
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  background:#789b59!important;
}

/* Put the selected lesson pattern on BOTH composition and presenter pane.
   This makes it impossible for the legacy full-size presenter layer to turn
   the transparent cutout area black. */
.tjk-video-course-v171 .tjk-video-composition.has-presenter,
.tjk-video-course-v171 .tjk-video-presenter-pane.has-presenter-video{
  background-color:#17343a!important;
  background-image:radial-gradient(circle at 18% 22%,rgba(114,205,198,.28) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 64%,rgba(5,27,34,.35) 0 1px,transparent 1.6px),linear-gradient(125deg,#17333b 0%,#23605a 52%,#122a3a 100%)!important;
  background-size:11px 11px,17px 17px,100% 100%!important;
}
.tjk-video-course-v171 .tjk-video-composition[data-video-background="blueprint"],
.tjk-video-course-v171 .tjk-video-composition[data-video-background="blueprint"] .tjk-video-presenter-pane.has-presenter-video{
  background-color:#102842!important;
  background-image:linear-gradient(rgba(120,181,230,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(120,181,230,.13) 1px,transparent 1px),radial-gradient(circle at 76% 26%,rgba(57,115,174,.34),transparent 34%),linear-gradient(135deg,#0b1c30,#163a58)!important;
  background-size:24px 24px,24px 24px,100% 100%,100% 100%!important;
}
.tjk-video-course-v171 .tjk-video-composition[data-video-background="graphite"],
.tjk-video-course-v171 .tjk-video-composition[data-video-background="graphite"] .tjk-video-presenter-pane.has-presenter-video{
  background-color:#23272c!important;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.14) 0 1px,transparent 1px 12px),radial-gradient(circle at 75% 36%,#454b51 0%,#272c31 38%,#181b1f 100%)!important;
  background-size:auto,auto,100% 100%!important;
}
.tjk-video-course-v171 .tjk-video-composition[data-video-background="indigo"],
.tjk-video-course-v171 .tjk-video-composition[data-video-background="indigo"] .tjk-video-presenter-pane.has-presenter-video{
  background-color:#20203f!important;
  background-image:radial-gradient(circle at 20% 32%,rgba(185,174,255,.42) 0 1px,transparent 1.8px),radial-gradient(circle at 64% 18%,rgba(112,196,255,.3) 0 1px,transparent 1.8px),radial-gradient(circle at 80% 78%,rgba(149,111,255,.18),transparent 28%),linear-gradient(135deg,#19182f,#2d315d 58%,#172a48)!important;
  background-size:19px 19px,31px 31px,100% 100%,100% 100%!important;
}
.tjk-video-course-v171 .tjk-video-composition[data-video-background="copper"],
.tjk-video-course-v171 .tjk-video-composition[data-video-background="copper"] .tjk-video-presenter-pane.has-presenter-video{
  background-color:#3a2922!important;
  background-image:linear-gradient(30deg,rgba(240,185,125,.08) 12%,transparent 12.5%,transparent 87%,rgba(240,185,125,.08) 87.5%),linear-gradient(150deg,rgba(240,185,125,.08) 12%,transparent 12.5%,transparent 87%,rgba(240,185,125,.08) 87.5%),radial-gradient(circle at 74% 40%,#67452f 0%,#3a2922 42%,#201a19 100%)!important;
  background-size:32px 56px,32px 56px,100% 100%!important;
}
.tjk-video-course-v171 .tjk-video-composition[data-video-background="chess"],
.tjk-video-course-v171 .tjk-video-composition[data-video-background="chess"] .tjk-video-presenter-pane.has-presenter-video{
  background-color:#183332!important;
  background-image:linear-gradient(45deg,rgba(214,235,220,.07) 25%,transparent 25%,transparent 75%,rgba(214,235,220,.07) 75%),linear-gradient(45deg,rgba(214,235,220,.07) 25%,transparent 25%,transparent 75%,rgba(214,235,220,.07) 75%),linear-gradient(125deg,#173737,#244b45 54%,#142d36)!important;
  background-position:0 0,18px 18px,0 0!important;
  background-size:36px 36px,36px 36px,100% 100%!important;
}

/* The cutout canvas itself must remain transparent outside the person. */
.tjk-video-presenter-pane.has-presenter-video>.tjk-person-cutout-canvas,
.course-editor-media-pane>.tjk-person-cutout-canvas{
  background-color:transparent!important;
  background-image:none!important;
}