/* Fokisen Live Studio Styles v16
 * GENERATED FILE. Do not edit directly.
 * Source order is deliberate and preserves the audited V2-V14 visual override chain.
 */
/* BEGIN fokisen-live-studio-mockup-v2.css */
/* Live Studio owns its own fixed scrollable shell. Do not lock the document root globally. */
#studioWorkspace.fsx-v2-active{position:static!important;padding:0!important;margin:0!important;background:#020914!important}
#studioWorkspace.fsx-v2-active>.fsx-v2-shell{
  --bg:#030c15;--panel:#071624;--panel2:#0a1c2b;--line:#173852;--blue:#147df4;--red:#e52c38;--green:#19b95f;--text:#eff7ff;--muted:#8ea8ba;
  position:fixed!important;inset:0!important;z-index:2147482000!important;background:var(--bg)!important;color:var(--text)!important;overflow:auto!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;min-width:1450px!important
}
.fsx-v2-shell *{box-sizing:border-box}
.fsx-studio-header{height:60px;display:grid;grid-template-columns:275px 1fr 220px;align-items:center;border-bottom:1px solid #16354b;background:#03101b;padding:0 18px;position:sticky;top:0;z-index:50}
.fsx-brand{display:flex;align-items:center;gap:14px}.fsx-brand b{font-size:22px;letter-spacing:.02em}.fsx-brand span{font-size:15px;font-weight:800;color:#1b8eff}.fsx-studio-header nav{display:flex;justify-content:center;gap:4px;white-space:nowrap}.fsx-studio-header nav button{border:0;background:transparent;color:#c9d9e4;padding:10px 11px;border-radius:6px;font-size:12px}.fsx-studio-header nav button.active{background:#0f65cf;color:#fff}.fsx-onair{display:flex;justify-content:flex-end;align-items:center;gap:14px}.fsx-onair b{background:#dd2333;color:white;padding:10px 20px;border-radius:5px;box-shadow:0 0 20px rgba(229,44,56,.22)}.fsx-onair span{font-variant-numeric:tabular-nums;font-weight:700}
.fsx-main{display:grid;grid-template-columns:305px minmax(760px,1fr) 350px;gap:6px;padding:6px;height:calc(100vh - 170px);min-height:805px}.fsx-left,.fsx-center,.fsx-graphics-rail{min-width:0}
.fsx-v2-shell .panel,.fsx-v2-shell section,.fsx-v2-shell aside{box-shadow:none!important}.fsx-v2-shell .studio-v2-sources-panel,.fsx-v2-shell .preview-monitor,.fsx-v2-shell .program-monitor,.fsx-v2-shell .studio-v2-graphics-panel,.fsx-v2-shell .studio-v2-ticker-panel,.fsx-multiview,.fsx-graphics-rail{background:linear-gradient(180deg,var(--panel2),var(--panel))!important;border:1px solid var(--line)!important;border-radius:6px!important;color:var(--text)!important}
.fsx-left>.studio-v2-sources-panel{height:100%!important;min-height:0!important;overflow:auto!important;padding:10px!important;margin:0!important}.fsx-left>.studio-v2-sources-panel>.studio-v2-panel-head{display:none!important}
.fsx-source-tools{position:sticky;top:0;z-index:4;background:#071624;padding:0 0 8px}.fsx-source-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fsx-source-title strong{font-size:14px}.fsx-source-title button{background:#087ef0;border:0;color:white;border-radius:5px;padding:8px 13px;font-weight:700}.fsx-source-tabs{display:flex;gap:3px;overflow:hidden;margin-bottom:7px}.fsx-source-tabs button{background:#0b1f31;border:1px solid #142f45;color:#c5d5df;padding:7px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.fsx-source-tabs button.active{background:#0d69d6;color:white}.fsx-source-search{display:grid;grid-template-columns:1fr 38px;gap:5px}.fsx-source-search input{background:#06121e;border:1px solid #1b3a51;border-radius:5px;color:white;padding:9px}.fsx-source-search button{background:#103d66;border:1px solid #1c69aa;color:#fff;border-radius:5px;font-size:20px}
.fsx-v2-shell #studioSourceWall{display:flex!important;flex-direction:column!important;gap:5px!important}.fsx-v2-shell .studio-v2-source-card{display:grid!important;grid-template-columns:1fr!important;background:#081725!important;border:1px solid #16364e!important;border-radius:6px!important;padding:5px!important;margin:0!important}.fsx-v2-shell .studio-v2-source-top{font-size:11px!important}.fsx-v2-shell .studio-v2-source-thumb{height:62px!important;min-height:62px!important;border-radius:4px!important;overflow:hidden!important}.fsx-v2-shell .studio-v2-source-controls{margin-top:4px!important}.fsx-v2-shell .studio-v2-source-controls select,.fsx-v2-shell .studio-v2-source-controls input{min-height:28px!important;font-size:10px!important}.fsx-v2-shell .studio-v2-source-controls button{min-height:28px!important;font-size:10px!important}.fsx-v2-shell .studio-v2-stop-sources{width:100%;margin-top:8px!important}.fsx-detached{position:fixed!important;left:16px!important;top:75px!important;width:320px!important;height:calc(100vh - 90px)!important;z-index:2147482600!important;box-shadow:0 20px 70px rgba(0,0,0,.6)!important}
.fsx-center{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.fsx-switcher{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:6px;height:360px;min-height:360px}.fsx-v2-shell .preview-monitor,.fsx-v2-shell .program-monitor{padding:6px!important;margin:0!important;overflow:hidden!important}.fsx-v2-shell .preview-monitor{border-color:#0ea95a!important}.fsx-v2-shell .program-monitor{border-color:#d92c38!important}.fsx-v2-shell .preview-monitor .studio-v2-monitor-head,.fsx-v2-shell .program-monitor .studio-v2-monitor-head{margin:-6px -6px 6px!important;padding:8px 10px!important;color:#fff!important;min-height:38px!important}.fsx-v2-shell .preview-monitor .studio-v2-monitor-head{background:#11904f!important}.fsx-v2-shell .program-monitor .studio-v2-monitor-head{background:#bc2532!important}.fsx-v2-shell .studio-v2-video-stage{width:100%!important;height:calc(100% - 42px)!important;aspect-ratio:auto!important;min-height:0!important;background:#01060a!important;border-radius:4px!important;overflow:hidden!important}.fsx-v2-shell .studio-v2-video-stage video,.fsx-v2-shell .studio-v2-video-stage canvas{width:100%!important;height:100%!important;object-fit:cover!important}
.fsx-v2-shell .studio-v2-transition-rail{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;background:#061522!important;border:1px solid #15374f!important;border-radius:6px!important;padding:7px!important;margin:0!important}.fsx-v2-shell .studio-v2-transition-rail button,.fsx-v2-shell .studio-v2-transition-rail select{width:100%!important;min-height:38px!important;border-radius:5px!important;font-weight:800!important;font-size:11px!important}.fsx-v2-shell #studioQuickTake,.fsx-v2-shell #studioTakeScene{background:#d92c38!important;color:#fff!important;border-color:#ef4652!important}.fsx-v2-shell #studioCutTake,.fsx-v2-shell #studioAutoTake,.fsx-v2-shell #studioFadeTake{background:#152a3b!important;color:#eaf5fb!important;border-color:#25465f!important}
.fsx-multiview{flex:1;min-height:0;padding:7px!important;overflow:auto}.fsx-tabs{display:flex;gap:4px;border-bottom:1px solid #153349;padding-bottom:5px}.fsx-tabs button,.fsx-layout-picker button{background:#0a2032;border:1px solid #18394f;color:#c9d9e4;border-radius:4px;padding:7px 11px;font-size:10px}.fsx-tabs button.active,.fsx-layout-picker button.active{background:#0e72df;color:#fff;border-color:#2488f0}.fsx-layout-picker{display:grid;grid-template-columns:repeat(8,max-content) 1fr max-content;gap:5px;align-items:center;padding:7px 0}.fsx-mv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.fsx-mv-grid[data-layout="1"]{grid-template-columns:1fr}.fsx-mv-grid[data-layout="2"]{grid-template-columns:repeat(2,1fr)}.fsx-mv-grid[data-layout="3"]{grid-template-columns:repeat(3,1fr)}.fsx-mv-grid[data-layout="4"]{grid-template-columns:repeat(4,1fr)}.fsx-mv-grid[data-layout="6"]{grid-template-columns:repeat(3,1fr)}.fsx-mv-grid[data-layout="8"]{grid-template-columns:repeat(4,1fr)}.fsx-mv-tile{position:relative;aspect-ratio:16/9;border:1px solid #24435a;border-radius:4px;background:#02070c;padding:0;overflow:hidden;color:white}.fsx-mv-tile:hover{border-color:#1687ff}.fsx-mv-tile video,.fsx-placeholder{width:100%;height:100%;object-fit:cover}.fsx-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#081725,#0e2a43);color:#8fa8ba;font-weight:900;letter-spacing:.08em}.fsx-mv-tile span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);padding:4px 6px;text-align:left;font-size:10px}
.fsx-graphics-rail{height:100%;overflow:auto;padding:7px}.fsx-rail-title{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 8px}.fsx-rail-title strong{font-size:14px}.fsx-rail-title button{background:transparent;border:0;color:#91aabc;font-size:22px}.fsx-graphics-tabs{display:flex;gap:3px;border-bottom:1px solid #17364e;padding-bottom:7px}.fsx-graphics-tabs button{flex:1;background:#0b1d2d;border:0;color:#c4d4df;padding:7px 5px;border-radius:4px;font-size:9px}.fsx-graphics-tabs button.active{background:#0b6bd7;color:#fff}.fsx-preset-list{display:flex;flex-direction:column;gap:5px;padding:8px 0}.fsx-preset-list>button{display:grid;grid-template-columns:78px 1fr 38px;align-items:center;gap:7px;background:#081725;border:1px solid #18384f;color:#e7f1f8;border-radius:5px;padding:5px;text-align:left}.fsx-preset-list i{height:42px;border:1px solid #29485d;border-radius:4px;background:#02070c;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:8px}.fsx-preset-list i.breaking{color:#fff;background:linear-gradient(90deg,#be0e19,#090d13)}.fsx-preset-list i.lower{color:#fff;background:linear-gradient(180deg,#05111c,#0e5bba)}.fsx-preset-list i.promo{background:linear-gradient(135deg,#19345b,#7c1b38)}.fsx-preset-list i.score{font-size:14px}.fsx-preset-list span{display:flex;flex-direction:column;gap:2px}.fsx-preset-list b{font-size:11px}.fsx-preset-list small{font-size:9px;color:#8ea7b8}.fsx-preset-list em{font-style:normal;font-size:9px;color:#71d899}.fsx-live-graphics-controls{display:flex;flex-direction:column;gap:6px}.fsx-v2-shell .studio-v2-graphics-panel,.fsx-v2-shell .studio-v2-ticker-panel{width:100%!important;margin:0!important;padding:7px!important}.fsx-v2-shell .studio-v2-graphics-panel .studio-v2-panel-head>div>span,.fsx-v2-shell .studio-v2-ticker-panel .studio-v2-panel-head>div>span{font-size:9px!important}
.fsx-bottom-bars{height:110px;display:grid;grid-template-columns:1.05fr 1.2fr;gap:6px;padding:0 6px 6px}.fsx-prod-tools,.fsx-shortcuts{background:#071624;border:1px solid #173852;border-radius:6px;padding:7px}.fsx-prod-tools h3,.fsx-shortcuts h3{margin:0 0 7px;font-size:12px}.fsx-prod-tools>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.fsx-shortcuts>div{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.fsx-prod-tools button,.fsx-shortcuts button{min-height:60px;background:#0a1e2e;border:1px solid #1a3c55;color:#e7f1f8;border-radius:5px;font-size:9px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.fsx-prod-tools button.record{background:#d92c38;border-color:#ef4652}.fsx-prod-tools button span{font-size:9px}
.fsx-production-drawer{position:fixed;z-index:2147482700;left:50%;bottom:-520px;transform:translateX(-50%);width:min(1200px,92vw);max-height:480px;overflow:auto;background:#061522;border:1px solid #23465f;border-radius:9px 9px 0 0;padding:10px;box-shadow:0 -20px 70px rgba(0,0,0,.58);display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:8px;transition:bottom .2s ease}.fsx-production-drawer.open{bottom:0}.fsx-drawer-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.fsx-drawer-head button{background:#15344b;border:1px solid #2a5874;color:#fff;border-radius:5px;padding:7px 12px}.fsx-production-drawer>.panel,.fsx-production-drawer>.studio-pro16{margin:0!important;background:#091827!important;border:1px solid #183b55!important;border-radius:6px!important}.fsx-production-drawer .studio-pro16{grid-column:1/-1}.fsx-legacy-parking{display:none!important}.fsx-v2-shell.fsx-windowed{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:auto!important;min-height:100vh!important}
@media(max-height:820px){.fsx-main{height:720px;min-height:720px}.fsx-bottom-bars{height:104px}}
/* END fokisen-live-studio-mockup-v2.css */

/* BEGIN fokisen-live-studio-layout-v3.css */
.fsx-v2-shell .fsx-main{
  grid-template-columns:320px minmax(760px,1fr) 350px!important;
}

/* Left column = Multiview only. Nothing is allowed to sit underneath it. */
.fsx-v2-shell .fsx-left{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}

.fsx-v2-shell .fsx-left>.fsx-multiview{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:7px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.fsx-v2-shell .fsx-left .fsx-mv-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

.fsx-v2-shell .fsx-left .fsx-layout-picker{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}

.fsx-v2-shell .fsx-left .fsx-layout-picker>span{
  display:none!important;
}

.fsx-v2-shell .fsx-left #fsxDetachMultiview{
  grid-column:1/-1!important;
}

/* Center = Preview / Program at top, Sources underneath. */
.fsx-v2-shell .fsx-center{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:0!important;
  overflow:hidden!important;
}

.fsx-v2-shell .fsx-center>.fsx-switcher{
  flex:0 0 360px!important;
  height:360px!important;
  min-height:360px!important;
}

.fsx-v2-shell .fsx-center>.studio-v2-sources-panel{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.fsx-v2-shell .fsx-center>.studio-v2-sources-panel>.studio-v2-panel-head{
  display:none!important;
}

.fsx-v2-shell .fsx-center #studioSourceWall{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  overflow:visible!important;
}

.fsx-v2-shell .fsx-center .studio-v2-source-card{
  min-width:0!important;
  padding:5px!important;
}

.fsx-v2-shell .fsx-center .studio-v2-source-thumb{
  height:76px!important;
  min-height:76px!important;
}

.fsx-v2-shell .fsx-center .fsx-source-tools{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#071624!important;
}

/* Always-visible Program Output controls. */
.fsx-v2-shell .fsx-prod-tools>div{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}

.fsx-v2-shell #fsxGoLive.fsx-start-program{
  background:#08794a!important;
  border-color:#18a766!important;
  color:#fff!important;
}

.fsx-v2-shell #fsxStopProgram.fsx-stop-program{
  background:#b51f2c!important;
  border-color:#ef4652!important;
  color:#fff!important;
}

.fsx-v2-shell #fsxStopProgram span,
.fsx-v2-shell #fsxGoLive span{
  font-size:9px!important;
}

@media(max-width:1600px){
  .fsx-v2-shell .fsx-main{
    grid-template-columns:285px minmax(700px,1fr) 320px!important;
  }
  .fsx-v2-shell .fsx-center #studioSourceWall{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
/* END fokisen-live-studio-layout-v3.css */

/* BEGIN fokisen-live-studio-ui-v4.css */
/* Live Studio UI V4 — reliable app-nav tab + independent audio */

#fokisenLiveNavTab.fokisen-live-nav-tab-v4{
  position:fixed!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2147483647!important;
  width:28px!important;
  height:78px!important;
  padding:0!important;
  border:1px solid #2494ed!important;
  border-left:0!important;
  border-radius:0 8px 8px 0!important;
  background:#0878d8!important;
  color:#fff!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  box-shadow:3px 0 14px rgba(0,0,0,.42)!important;
}

body.fokisen-live-nav-collapsed-v4 #appSidebar{
  display:none!important;
}
body.fokisen-live-nav-collapsed-v4 .app-shell{
  grid-template-columns:minmax(0,1fr)!important;
}
body.fokisen-live-nav-collapsed-v4 .workspace-main{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  left:0!important;
}
body.fokisen-live-nav-collapsed-v4 #studioWorkspace .fsx-v2-shell{
  width:100%!important;
  max-width:none!important;
}

.fsx-v2-shell .fsx-independent-audio-panel{
  position:fixed!important;
  right:14px!important;
  bottom:118px!important;
  z-index:2147482800!important;
  width:min(680px,calc(100vw - 36px))!important;
  max-height:68vh!important;
  display:flex!important;
  flex-direction:column!important;
  background:#061522!important;
  border:1px solid #24506f!important;
  border-radius:10px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.55)!important;
  transform:translateX(calc(100% + 34px))!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
.fsx-v2-shell .fsx-independent-audio-panel.open{
  transform:translateX(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.fsx-independent-audio-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid #1a3c55;
  background:#081a2a;
}
.fsx-independent-audio-head>div{display:flex;flex-direction:column;gap:2px}
.fsx-independent-audio-head strong{font-size:12px;color:#eff7ff;letter-spacing:.06em}
.fsx-independent-audio-head small{font-size:9px;color:#8ea8ba}
.fsx-independent-audio-head button{
  width:34px;height:34px;border:1px solid #2a5874;border-radius:6px;
  background:#10283b;color:#fff;font-size:20px;cursor:pointer
}
.fsx-independent-audio-body{
  min-height:0!important;
  overflow:auto!important;
  padding:10px!important;
}
.fsx-independent-audio-body #studioIndependentAudioDock{
  margin:0!important;
}

.fsx-v2-shell #fsxIndependentAudioToggle{
  background:#0b3156!important;
  border-color:#1e6aa8!important;
  color:#eaf6ff!important;
}
.fsx-v2-shell #fsxIndependentAudioToggle.active{
  background:#0d6fd4!important;
  border-color:#2b95ee!important;
}

.fsx-v2-shell .fsx-prod-tools>div{
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
}

@media(max-width:1500px){
  .fsx-v2-shell .fsx-prod-tools>div{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
/* END fokisen-live-studio-ui-v4.css */

/* BEGIN fokisen-live-studio-layout-v5.css */
/* Live Studio Layout V5 — no Multiview, all Sources visible */

.fsx-v2-shell .fsx-main{
  grid-template-columns:minmax(900px,1fr) 350px!important;
}

.fsx-v2-shell .fsx-left{
  display:none!important;
}

.fsx-v2-shell .fsx-center{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
}

.fsx-v2-shell .fsx-center>.fsx-switcher{
  flex:0 0 360px!important;
  height:360px!important;
  min-height:360px!important;
}

.fsx-v2-shell .fsx-center>.studio-v2-sources-panel.fsx-v5-all-sources{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:8px!important;
}

.fsx-v2-shell .fsx-center>.studio-v2-sources-panel>.studio-v2-panel-head{
  display:none!important;
}

.fsx-v2-shell .fsx-center .fsx-source-tools{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#071624!important;
  padding-bottom:8px!important;
}

.fsx-v2-shell .fsx-center #studioSourceWall{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
}

.fsx-v2-shell .fsx-center .studio-v2-source-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0!important;
  margin:0!important;
  padding:5px!important;
}

.fsx-v2-shell .fsx-center .studio-v2-source-thumb{
  height:82px!important;
  min-height:82px!important;
}

.fsx-v2-shell .fsx-center .studio-v2-source-controls{
  margin-top:4px!important;
}

.fsx-v2-shell .fsx-center .studio-v2-stop-sources{
  width:100%!important;
  margin-top:8px!important;
}

/* Detached Sources remain available from the existing Detach Sources button. */
.fsx-v2-shell .fsx-center .studio-v2-sources-panel.fsx-detached{
  position:fixed!important;
  left:16px!important;
  top:74px!important;
  width:min(1100px,calc(100vw - 32px))!important;
  height:calc(100vh - 90px)!important;
  max-height:none!important;
  overflow:auto!important;
  z-index:2147482900!important;
  box-shadow:0 22px 80px rgba(0,0,0,.65)!important;
}

.fsx-v2-shell .fsx-center .studio-v2-sources-panel.fsx-detached #studioSourceWall{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}

@media(max-width:1600px){
  .fsx-v2-shell .fsx-main{
    grid-template-columns:minmax(760px,1fr) 320px!important;
  }
  .fsx-v2-shell .fsx-center #studioSourceWall{
    grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  }
}
/* END fokisen-live-studio-layout-v5.css */

/* BEGIN fokisen-live-studio-status-v6.css */
/* Live Studio V6 — real PROGRAM state + elapsed live time */

.fsx-v2-shell .fsx-onair{
  min-width:285px!important;
  justify-content:flex-end!important;
}

.fsx-program-live-card{
  display:grid!important;
  grid-template-columns:14px auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:265px!important;
  padding:7px 10px!important;
  border:1px solid #334454!important;
  border-radius:7px!important;
  background:#0a1722!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
}

.fsx-program-live-dot{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#687786!important;
  box-shadow:0 0 0 4px rgba(104,119,134,.12)!important;
}

.fsx-program-live-copy,
.fsx-program-live-time{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}

.fsx-program-live-copy small,
.fsx-program-live-time small{
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#8799a8!important;
  font-weight:800!important;
}

.fsx-program-live-copy strong{
  font-size:12px!important;
  line-height:1.2!important;
  color:#b7c3cc!important;
}

.fsx-program-live-time{
  padding-left:12px!important;
  border-left:1px solid #263b4c!important;
}

.fsx-program-live-time strong{
  font-size:15px!important;
  line-height:1.2!important;
  color:#f5fbff!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.04em!important;
}

.fsx-program-live-card[data-status="connecting"]{
  border-color:#9b771e!important;
  background:#211b0d!important;
}
.fsx-program-live-card[data-status="connecting"] .fsx-program-live-dot{
  background:#f1b632!important;
  box-shadow:0 0 0 4px rgba(241,182,50,.13),0 0 15px rgba(241,182,50,.45)!important;
  animation:fsxStatusPulse 1.1s infinite!important;
}
.fsx-program-live-card[data-status="connecting"] .fsx-program-live-copy strong{
  color:#ffd672!important;
}

.fsx-program-live-card[data-status="live"]{
  border-color:#a62a35!important;
  background:linear-gradient(180deg,#2b0d13,#19090d)!important;
  box-shadow:0 0 22px rgba(229,44,56,.18)!important;
}
.fsx-program-live-card[data-status="live"] .fsx-program-live-dot{
  background:#ff3042!important;
  box-shadow:0 0 0 4px rgba(255,48,66,.15),0 0 18px rgba(255,48,66,.75)!important;
  animation:fsxStatusPulse 1s infinite!important;
}
.fsx-program-live-card[data-status="live"] .fsx-program-live-copy strong{
  color:#ff6673!important;
}
.fsx-program-live-card[data-status="live"] .fsx-program-live-time strong{
  color:#fff!important;
}

@keyframes fsxStatusPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.45;transform:scale(.82)}
}

.fsx-v2-shell #fsxStopProgram.program-is-live{
  box-shadow:0 0 0 1px rgba(255,67,81,.32),0 0 18px rgba(229,44,56,.2)!important;
}
.fsx-v2-shell #fsxGoLive.program-is-live{
  opacity:.72!important;
}

@media(max-width:1500px){
  .fsx-v2-shell .fsx-onair{min-width:235px!important}
  .fsx-program-live-card{min-width:220px!important;gap:7px!important}
  .fsx-program-live-copy small,.fsx-program-live-time small{font-size:7px!important}
  .fsx-program-live-time strong{font-size:13px!important}
}
/* END fokisen-live-studio-status-v6.css */

/* BEGIN fokisen-live-studio-detach-v7.css */
/* Live Studio V7 — real detachable Sources + overlap cleanup */

/* Keep the working V5 layout inside the visible viewport instead of letting
   panels hide behind the bottom controls on shorter browser windows. */
.fsx-v2-shell .fsx-main{
  min-height:0!important;
  height:calc(100dvh - 170px)!important;
  overflow:hidden!important;
}
.fsx-v2-shell .fsx-center{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.fsx-v2-shell .fsx-center>.fsx-switcher{
  flex:0 0 clamp(280px,42vh,400px)!important;
  height:auto!important;
  min-height:280px!important;
}
.fsx-v2-shell .fsx-center>.studio-v2-sources-panel.fsx-v5-all-sources{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.fsx-v2-shell .fsx-center #studioSourceWall{
  align-content:start!important;
}
.fsx-v2-shell .fsx-graphics-rail{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:relative!important;
  z-index:3!important;
  scrollbar-gutter:stable!important;
}
.fsx-v2-shell .fsx-live-graphics-controls,
.fsx-v2-shell .studio-v2-graphics-panel,
.fsx-v2-shell .studio-v2-ticker-panel{
  min-width:0!important;
  max-width:100%!important;
}

/* The V6 top-right status card can be clipped by the surrounding panel chrome.
   Keep its data source running, but show the status directly on PROGRAM instead. */
.fsx-v2-shell .fsx-onair .fsx-program-live-card{
  display:none!important;
}
.fsx-v2-shell .program-monitor .studio-v2-monitor-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
.fsx-program-inline-v7{
  margin-left:auto!important;
  display:grid!important;
  grid-template-columns:8px auto auto!important;
  align-items:center!important;
  gap:7px!important;
  min-width:190px!important;
  padding:5px 8px!important;
  border-radius:5px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(4,10,16,.78)!important;
  color:#fff!important;
}
.fsx-program-inline-v7>i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#778694!important;
}
.fsx-program-inline-v7>span{display:flex!important;flex-direction:column!important;line-height:1!important}
.fsx-program-inline-v7 small{font-size:7px!important;letter-spacing:.08em!important;color:#9eb0bf!important}
.fsx-program-inline-v7 b{font-size:10px!important;color:#c4d0d9!important;margin-top:2px!important}
.fsx-program-inline-v7>strong{font-size:11px!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
.fsx-program-inline-v7[data-status="connecting"]{border-color:#a87b20!important;background:rgba(55,39,8,.88)!important}
.fsx-program-inline-v7[data-status="connecting"]>i{background:#f2ba3c!important;box-shadow:0 0 12px rgba(242,186,60,.7)!important}
.fsx-program-inline-v7[data-status="connecting"] b{color:#ffd56b!important}
.fsx-program-inline-v7[data-status="live"]{border-color:#e43b49!important;background:rgba(72,8,15,.88)!important}
.fsx-program-inline-v7[data-status="live"]>i{background:#ff3042!important;box-shadow:0 0 14px rgba(255,48,66,.8)!important;animation:fsxV7Pulse 1s infinite!important}
.fsx-program-inline-v7[data-status="live"] b{color:#ff6976!important}
@keyframes fsxV7Pulse{50%{opacity:.4;transform:scale(.8)}}

/* Make the action obvious without consuming half the Sources header. */
.fsx-v2-shell #fsxDetachSources{
  background:#087ef0!important;
  border:1px solid #3398f7!important;
  color:#fff!important;
  padding:8px 13px!important;
  border-radius:5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 0 0 1px rgba(8,126,240,.18),0 5px 14px rgba(8,126,240,.16)!important;
}

/* Compact placeholder left in the main studio while Sources are on monitor 2. */
.fsx-sources-placeholder-v7{
  flex:0 0 auto!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px dashed #2877ad!important;
  border-radius:7px!important;
  background:#071a2a!important;
  color:#eef8ff!important;
}
.fsx-sources-placeholder-v7>div{display:flex!important;flex-direction:column!important;gap:3px!important}
.fsx-sources-placeholder-v7 strong{font-size:12px!important}
.fsx-sources-placeholder-v7 span{font-size:9px!important;color:#8fb0c6!important}
.fsx-sources-placeholder-v7 button{
  background:#0d72d8!important;border:1px solid #2e91ed!important;color:white!important;border-radius:5px!important;padding:9px 12px!important;font-weight:800!important
}

/* When Sources are on another monitor, Preview/Program gets the freed height. */
.fsx-v2-shell.fsx-sources-popped-v7 .fsx-center>.fsx-switcher{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:420px!important;
}

/* Pop-out window shell. The Sources node is the real working node, not a clone. */
body:has(.fsx-source-popout-v7){
  margin:0!important;
  background:#020914!important;
  overflow:hidden!important;
}
.fsx-source-popout-v7{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  min-width:0!important;
  height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#020914!important;
  color:#eff7ff!important;
  z-index:1!important;
}
.fsx-source-popout-head-v7{
  flex:0 0 58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 14px!important;
  background:#03101b!important;
  border-bottom:1px solid #173852!important;
}
.fsx-source-popout-head-v7>div{display:flex!important;flex-direction:column!important;gap:2px!important}
.fsx-source-popout-head-v7 strong{font-size:16px!important}
.fsx-source-popout-head-v7 span{font-size:9px!important;color:#8ea8ba!important}
.fsx-source-popout-head-v7 button{background:#173b58!important;border:1px solid #2b638e!important;color:#fff!important;padding:9px 13px!important;border-radius:5px!important;font-weight:800!important}
.fsx-source-popout-v7>.fsx-center{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  overflow:hidden!important;
  padding:8px!important;
}
.fsx-source-popout-v7 .studio-v2-sources-panel{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px!important;
  overflow:auto!important;
  background:linear-gradient(180deg,#0a1c2b,#071624)!important;
  border:1px solid #173852!important;
  border-radius:6px!important;
}
.fsx-source-popout-v7 #studioSourceWall{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:8px!important;
  align-content:start!important;
}
.fsx-source-popout-v7 .studio-v2-source-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0!important;
}
.fsx-source-popout-v7 .studio-v2-source-thumb{
  height:130px!important;
  min-height:130px!important;
}

@media(max-height:900px){
  .fsx-v2-shell .fsx-main{height:calc(100dvh - 164px)!important;min-height:0!important}
  .fsx-v2-shell .fsx-center>.fsx-switcher{flex-basis:300px!important;min-height:260px!important}
}
/* END fokisen-live-studio-detach-v7.css */

/* BEGIN fokisen-live-studio-graphics-tray-v8.css */
/* Live Studio V8 — Graphics & Overlays bottom tray */

/* Free the right rail width for Preview / Program / Sources. */
.fsx-v2-shell.fsx-graphics-bottom-v8 .fsx-main{
  grid-template-columns:minmax(0,1fr)!important;
}
.fsx-v2-shell.fsx-graphics-bottom-v8 .fsx-center{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Give the wider center to source cards too. */
.fsx-v2-shell.fsx-graphics-bottom-v8 .fsx-center #studioSourceWall{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:9px!important;
}
.fsx-v2-shell.fsx-graphics-bottom-v8 .fsx-center .studio-v2-source-thumb{
  height:105px!important;
  min-height:105px!important;
}

/* Bottom tray itself. */
.fsx-graphics-tray-v8{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:-70vh!important;
  height:min(62vh,620px)!important;
  z-index:2147482850!important;
  display:flex!important;
  flex-direction:column!important;
  background:#061522!important;
  border:1px solid #244b68!important;
  border-radius:10px 10px 0 0!important;
  box-shadow:0 -22px 70px rgba(0,0,0,.62)!important;
  transition:bottom .2s ease!important;
  overflow:hidden!important;
}
.fsx-graphics-tray-v8.open{
  bottom:0!important;
}
.fsx-graphics-tray-head-v8{
  flex:0 0 56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 14px!important;
  background:#081a2a!important;
  border-bottom:1px solid #1b4059!important;
}
.fsx-graphics-tray-head-v8>div{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.fsx-graphics-tray-head-v8 strong{
  font-size:13px!important;
  letter-spacing:.05em!important;
}
.fsx-graphics-tray-head-v8 span{
  font-size:9px!important;
  color:#8ea8ba!important;
}
.fsx-graphics-tray-head-v8 button{
  background:#16344b!important;
  border:1px solid #2c6288!important;
  color:#fff!important;
  border-radius:5px!important;
  padding:8px 13px!important;
  font-weight:800!important;
}
.fsx-graphics-tray-body-v8{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:8px!important;
}

/* Reformat the old right rail to work as a wide bottom workspace. */
.fsx-graphics-tray-v8 .fsx-graphics-rail{
  width:100%!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.7fr) minmax(440px,1.3fr)!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.fsx-graphics-tray-v8 .fsx-rail-title{
  display:none!important;
}
.fsx-graphics-tray-v8 .fsx-graphics-tabs,
.fsx-graphics-tray-v8 .fsx-preset-list{
  grid-column:1!important;
}
.fsx-graphics-tray-v8 .fsx-live-graphics-controls{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  min-width:0!important;
  overflow:auto!important;
}

/* Production button to open the tray. */
.fsx-v2-shell #fsxGraphicsTrayToggleV8{
  background:#0c3459!important;
  border-color:#1f70ad!important;
  color:#eef8ff!important;
}
.fsx-v2-shell #fsxGraphicsTrayToggleV8.active{
  background:#0d72d8!important;
  border-color:#3298f2!important;
  box-shadow:0 0 18px rgba(13,114,216,.24)!important;
}

/* Make the production buttons wrap cleanly with the new control. */
.fsx-v2-shell .fsx-prod-tools>div{
  grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
}

@media(max-width:1400px){
  .fsx-graphics-tray-v8 .fsx-graphics-rail{
    grid-template-columns:1fr!important;
  }
  .fsx-graphics-tray-v8 .fsx-graphics-tabs,
  .fsx-graphics-tray-v8 .fsx-preset-list,
  .fsx-graphics-tray-v8 .fsx-live-graphics-controls{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .fsx-v2-shell.fsx-graphics-bottom-v8 .fsx-center #studioSourceWall{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  }
}
/* END fokisen-live-studio-graphics-tray-v8.css */

/* BEGIN fokisen-live-studio-sources-compact-v9.css */
/* Live Studio V9 — compact Sources header, remove filter tabs */

/* Remove the All / Cameras / Media / Live TV / Game Shows row everywhere,
   including the detached Sources monitor. */
#studioWorkspace .fsx-source-tabs,
.fsx-source-popout-v7 .fsx-source-tabs{
  display:none!important;
}

/* Tighten the remaining Sources controls so more vertical space belongs to cards. */
#studioWorkspace .fsx-source-tools,
.fsx-source-popout-v7 .fsx-source-tools{
  padding-bottom:5px!important;
}

#studioWorkspace .fsx-source-title,
.fsx-source-popout-v7 .fsx-source-title{
  margin-bottom:5px!important;
}

#studioWorkspace .fsx-source-search,
.fsx-source-popout-v7 .fsx-source-search{
  margin:0!important;
}

#studioWorkspace .fsx-source-search input,
.fsx-source-popout-v7 .fsx-source-search input{
  min-height:34px!important;
  padding:7px 9px!important;
}

/* Use the reclaimed height for the source wall. */
#studioWorkspace .fsx-v5-all-sources,
.fsx-source-popout-v7 .studio-v2-sources-panel{
  padding-top:7px!important;
}
/* END fokisen-live-studio-sources-compact-v9.css */

/* BEGIN fokisen-live-studio-sources-clean-v10.css */
/* Live Studio V10 — cleaner Sources header */

/* Remove search row entirely. */
.fsx-v2-shell .fsx-source-search,
.fsx-source-popout-v7 .fsx-source-search{
  display:none!important;
}

/* Keep the blue Detach Sources button, hide any other duplicate detach controls. */
.fsx-v2-shell .studio-v2-sources-panel button[data-duplicate-detach="1"],
.fsx-source-popout-v7 .studio-v2-sources-panel button[data-duplicate-detach="1"]{
  display:none!important;
}

/* Tighten the Sources chrome so cards start higher. */
.fsx-v2-shell .fsx-source-tools,
.fsx-source-popout-v7 .fsx-source-tools{
  padding-bottom:4px!important;
  margin-bottom:2px!important;
}
.fsx-v2-shell .fsx-source-title,
.fsx-source-popout-v7 .fsx-source-title{
  margin-bottom:4px!important;
}

/* Give cards the recovered vertical space. */
.fsx-v2-shell .fsx-center>.studio-v2-sources-panel.fsx-v5-all-sources,
.fsx-source-popout-v7 .studio-v2-sources-panel{
  padding-top:6px!important;
}
/* END fokisen-live-studio-sources-clean-v10.css */

/* BEGIN fokisen-live-studio-sources-surface-v11.css */
/* Live Studio V11 — flatten Sources surface so the panel background does not interfere */

/* Remove the large filled Sources panel surface. Keep only the source cards themselves. */
.fsx-v2-shell .fsx-center>.studio-v2-sources-panel.fsx-v5-all-sources,
.fsx-source-popout-v7 .studio-v2-sources-panel{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:4px 0 0!important;
}

/* The sticky header should not paint a large opaque block over the cards. */
.fsx-v2-shell .fsx-source-tools,
.fsx-source-popout-v7 .fsx-source-tools{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  background:transparent!important;
  background-image:none!important;
  padding:0 0 5px!important;
  margin:0!important;
  min-height:0!important;
}

/* Keep a compact Sources title row only. */
.fsx-v2-shell .fsx-source-title,
.fsx-source-popout-v7 .fsx-source-title{
  min-height:34px!important;
  margin:0 0 5px!important;
  padding:0 4px!important;
  background:transparent!important;
  border:0!important;
}

/* Make the actual source wall the visual body. */
.fsx-v2-shell .fsx-center #studioSourceWall,
.fsx-source-popout-v7 #studioSourceWall{
  position:relative!important;
  z-index:3!important;
  margin:0!important;
  padding:0 2px 8px!important;
  background:transparent!important;
}

/* Source cards keep their own surfaces and stay above the panel background. */
.fsx-v2-shell .studio-v2-source-card,
.fsx-source-popout-v7 .studio-v2-source-card{
  position:relative!important;
  z-index:4!important;
  background:#081725!important;
  border:1px solid #1b4059!important;
  box-shadow:none!important;
}

/* Avoid the Sources area visually running under Production Tools. */
.fsx-v2-shell .fsx-center>.studio-v2-sources-panel.fsx-v5-all-sources{
  padding-bottom:10px!important;
  scroll-padding-bottom:18px!important;
}
/* END fokisen-live-studio-sources-surface-v11.css */

/* BEGIN fokisen-live-studio-source-screen-v13.css */
/* Live Studio V13 — exactly one Screen button per source + true Program fullscreen */

.fsx-v2-shell .studio-v2-source-controls,
.fsx-source-popout-v7 .studio-v2-source-controls{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

.fsx-v2-shell .fsx-source-screen-btn-v13,
.fsx-source-popout-v7 .fsx-source-screen-btn-v13{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:76px!important;
  padding:6px 9px!important;
  background:#0b6fc2!important;
  border:1px solid #2c9bf0!important;
  border-radius:5px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.fsx-v2-shell .fsx-source-screen-btn-v13:hover,
.fsx-source-popout-v7 .fsx-source-screen-btn-v13:hover{background:#0e82df!important}

.fsx-program-fullscreen-v13{
  margin-left:auto!important;
  flex:0 0 auto!important;
  background:#7e111b!important;
  border:1px solid #ff5963!important;
  color:#fff!important;
  border-radius:5px!important;
  padding:6px 10px!important;
  font-size:9px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.fsx-program-fullscreen-v13:hover{background:#a11723!important}

.fsx-v2-shell .program-monitor .studio-v2-monitor-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.fsx-v2-shell .program-monitor .studio-v2-monitor-head>div{min-width:0!important;flex:1 1 auto!important}
.fsx-v2-shell .program-monitor .studio-v2-video-stage{
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.fsx-v2-shell .program-monitor #programCanvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
}

.fsx-source-screen-v13{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:#020812!important;
  color:#fff!important;
}
.fsx-source-screen-v13>header{
  flex:0 0 58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 14px!important;
  background:#071522!important;
  border-bottom:1px solid #173852!important;
}
.fsx-source-screen-v13>header>div{display:flex!important;flex-direction:column!important;gap:2px!important}
.fsx-source-screen-v13>header strong{font-size:15px!important}
.fsx-source-screen-v13>header span{font-size:9px!important;color:#8ea8ba!important}
.fsx-source-screen-v13>header nav{display:flex!important;gap:7px!important}
.fsx-source-screen-v13>header button{
  background:#14344d!important;
  border:1px solid #2a628c!important;
  color:#fff!important;
  border-radius:5px!important;
  padding:8px 11px!important;
  font-size:10px!important;
  font-weight:900!important;
}
#fsxSourceProgramV13{background:#b3212d!important;border-color:#ef4652!important}
#fsxSourcePreviewV13{background:#0b6fc2!important;border-color:#2c9bf0!important}
#fsxSourceStageV13{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#000!important;
}
#fsxSourceStageV13>video,
#fsxSourceStageV13>canvas,
#fsxSourceStageV13>img,
#fsxSourceStageV13>.studio-v2-source-thumb,
#fsxSourceStageV13>.studio-source-tile{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
}
/* END fokisen-live-studio-source-screen-v13.css */

/* BEGIN fokisen-live-studio-sources-bar-v14.css */
/* Live Studio V14 — remove Sources bar completely */

#studioWorkspace .studio-v2-sources-panel.fsx-no-source-bar-v14{
  position:relative!important;
  padding-top:0!important;
  margin-top:0!important;
}

#studioWorkspace .studio-v2-sources-panel.fsx-no-source-bar-v14 > .fsx-source-tools{
  display:none!important;
}

#studioWorkspace .studio-v2-sources-panel.fsx-no-source-bar-v14 #studioSourceWall{
  margin-top:0!important;
  padding-top:0!important;
}

#studioWorkspace #fsxDetachSources.fsx-detach-production-v14{
  background:#087ef0!important;
  border:1px solid #2494ed!important;
  color:#fff!important;
  font-weight:800!important;
}

#studioWorkspace #fsxDetachSources.fsx-detach-production-v14:hover{
  background:#0d8dff!important;
}

/* Detached window already has its own header/Return button; no Sources bar needed there either. */
.fsx-source-popout-v7 .fsx-source-tools{
  display:none!important;
}
.fsx-source-popout-v7 .studio-v2-sources-panel{
  padding-top:0!important;
}
.fsx-source-popout-v7 #studioSourceWall{
  margin-top:0!important;
  padding-top:0!important;
}
/* END fokisen-live-studio-sources-bar-v14.css */