/* SkyEye LIVE v3.4: independent focus layout; older [data-focus] CSS is intentionally inactive. */
#studio #divider-v,#studio #divider-h{z-index:5;touch-action:none;user-select:none;}
#studio #divider-v{cursor:col-resize;}
#studio #divider-h{cursor:row-resize;}
#studio #divider-v:before{border-left-width:4px;left:4px;}
#studio #divider-h:before{border-top-width:4px;top:4px;}
#studio #divider-v:hover:before,#studio #divider-h:hover:before{border-color:#8bd7ff;}
#studio[data-sky-focus]{position:relative;overflow:hidden;isolation:isolate;}
#studio[data-sky-focus] #divider-v,#studio[data-sky-focus] #divider-h{display:none!important;}
#studio[data-sky-focus="results"] #results-col{
  position:absolute!important;inset:12px!important;
  left:12px!important;top:12px!important;
  width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
  min-height:0!important;max-height:none!important;z-index:20!important;
  opacity:1!important;pointer-events:auto!important;overflow:hidden!important;
}
#studio:is([data-sky-focus="video"],[data-sky-focus="tracking"]) #right-col{
  position:absolute!important;inset:12px!important;
  width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
  min-height:0!important;z-index:20!important;display:block!important;
  pointer-events:none!important;
}
#studio[data-sky-focus="video"] #video-col,
#studio[data-sky-focus="tracking"] #tracking-col{
  position:absolute!important;inset:0!important;
  left:0!important;top:0!important;
  width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;
  opacity:1!important;pointer-events:auto!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
}
#studio[data-sky-focus] #focus-nav{
  position:fixed!important;top:auto!important;right:24px!important;bottom:18px!important;
  left:auto!important;transform:none!important;z-index:90!important;
  flex-direction:column;max-width:180px;
}
#studio[data-sky-focus] #focus-nav[hidden],
#studio[data-sky-focus] #focus-nav button[hidden]{display:none!important;}
@media(max-width:800px){
  #studio[data-sky-focus]{height:calc(100dvh - 142px)!important;min-height:360px!important;overflow:hidden!important;}
  #studio[data-sky-focus="results"] #results-col{
    inset:8px!important;left:8px!important;top:8px!important;
    width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;
    padding-right:0!important;padding-bottom:64px!important;
  }
  #studio:is([data-sky-focus="video"],[data-sky-focus="tracking"]) #right-col{
    inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;
  }
  #studio[data-sky-focus="video"] #video-col .video-frame{
    flex:1 1 auto!important;aspect-ratio:auto!important;min-height:0!important;
  }
  #studio[data-sky-focus] #focus-nav{
    left:16px!important;right:16px!important;bottom:12px!important;
    max-width:none;flex-direction:row;flex-wrap:wrap;
  }
}

/* SkyEye LIVE v3.6 — exclusive focus pane / GPS over video fix.
   The v3.4 layout enlarged the selected pane but left its sibling in
   the right column's normal flow. Since tracking comes after video in
   DOM order, tracking could paint over the upper part of full-screen video.
   Keep the unused YouTube iframe mounted and rendered offscreen; never
   use display:none on video, which can interrupt playback. */

/* Fullscreen video: move GPS offscreen, without reloading its iframe. */
#studio[data-sky-focus="video"] #right-col > #tracking-col {
  position:absolute !important;
  inset:auto !important;
  top:0 !important;
  left:-250vw !important;
  width:320px !important;
  height:180px !important;
  min-height:0 !important;
  max-height:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

/* Fullscreen GPS: retain a mounted, rendered YouTube iframe offscreen. */
#studio[data-sky-focus="tracking"] #right-col > #video-col {
  position:absolute !important;
  inset:auto !important;
  top:0 !important;
  left:-250vw !important;
  width:360px !important;
  height:220px !important;
  min-height:0 !important;
  max-height:none !important;
  opacity:0.01 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

/* Fullscreen results: keep the video mounted but prevent the right column
   (or its GPS iframe) from painting over the result pane. */
#studio[data-sky-focus="results"] > #right-col {
  position:absolute !important;
  top:12px !important;
  left:-250vw !important;
  width:360px !important;
  height:440px !important;
  display:flex !important;
  flex-direction:column !important;
  pointer-events:none !important;
  z-index:0 !important;
}

#studio[data-sky-focus="video"] #video-col,
#studio[data-sky-focus="tracking"] #tracking-col,
#studio[data-sky-focus="results"] #results-col {
  z-index:40 !important;
}

@media(max-width:800px){
  #studio[data-sky-focus="results"] > #right-col {
    top:8px !important;
  }
}