/* Craftlo Live Creator Control Room — v0.9.7.141 */
html body [data-direct-live-studio].cl-direct-control-room-v141{
  width:100%!important;max-width:none!important;margin:18px 0!important;padding:16px!important;box-sizing:border-box!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141>.cdb-form-head{width:100%!important;justify-self:stretch!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-layout{
  display:grid!important;grid-template-columns:270px minmax(360px,1fr) 320px!important;grid-auto-rows:auto!important;
  gap:14px!important;width:100%!important;max-width:none!important;margin:0!important;align-items:stretch!important;justify-self:stretch!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-video-cell{
  grid-column:1!important;grid-row:1!important;display:flex!important;align-items:stretch!important;justify-content:center!important;min-width:0!important;width:100%!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-preview{
  position:relative!important;width:100%!important;max-width:270px!important;height:auto!important;aspect-ratio:9/16!important;min-height:0!important;max-height:none!important;
  margin:0 auto!important;border-radius:16px!important;overflow:hidden!important;background:#050508!important;border:1px solid rgba(255,255,255,.09)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-preview>video[data-direct-preview]{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;background:#000!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-enlarge-btn{
  position:absolute!important;z-index:40!important;left:10px!important;top:10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-height:34px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;
  background:rgba(7,8,13,.72)!important;color:#fff!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  font:800 11px/1 inherit!important;cursor:pointer!important;box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-enlarge-btn span{font-size:16px!important;line-height:1!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-enlarge-btn:hover{border-color:rgba(183,255,57,.5)!important;color:#c8ff6a!important}

html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-chat-cell{
  grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:480px!important;min-height:480px!important;max-height:480px!important;
  margin:0!important;padding:14px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:#11121a!important;overflow:hidden!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-studio-chat-head{flex:0 0 auto!important;margin-bottom:8px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-studio-chat-head h3{font-size:15px!important;margin:3px 0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-direct-studio-chat-head p{font-size:11px!important;line-height:1.45!important;margin:0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-chat-cell .cl-live-chat-list{
  position:relative!important;inset:auto!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:7px!important;
  min-height:0!important;height:auto!important;max-height:none!important;padding:4px 2px 8px!important;overflow-y:auto!important;background:transparent!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-chat-cell .cl-live-chat-form{flex:0 0 auto!important;margin-top:8px!important}

html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-switcher{
  grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:480px!important;min-height:480px!important;max-height:480px!important;
  margin:0!important;padding:14px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:#11121a!important;overflow:hidden!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-head{
  display:flex!important;flex:0 0 auto!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important;margin:0 0 10px!important;padding:0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-head>div{min-width:0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-head h3{margin:3px 0 2px!important;font-size:15px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-head p{display:none!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-head input{
  width:118px!important;min-width:0!important;height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-grid{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:8px!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 2px 0 0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:5px 9px!important;align-items:center!important;
  width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:9px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:#151620!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item>img{
  grid-column:1!important;grid-row:1/3!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:cover!important;border-radius:9px!important;margin:0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item>div{grid-column:2!important;grid-row:1!important;min-width:0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item small{font-size:9.5px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-item .cdb-btn{
  grid-column:2!important;grid-row:2!important;justify-self:start!important;width:max-content!important;min-height:29px!important;padding:0 9px!important;font-size:9.5px!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-controls{
  grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-colive-panel{grid-column:1/-1!important;width:100%!important;margin:0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141 [data-live-diagnostics]{grid-column:1/-1!important}

/* Immersive portrait control room */
html body.cl-direct-control-room-open{overflow:hidden!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen{
  background:#050508!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;color:#fff!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen>.cdb-form-head,
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-controls,
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-colive-panel,
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen [data-live-diagnostics]{display:none!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen:not(:fullscreen){
  position:fixed!important;z-index:2147483000!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-layout{
  position:relative!important;display:block!important;width:min(100vw,56.25dvh)!important;height:100dvh!important;max-width:none!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;background:#000!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-video-cell{
  position:absolute!important;z-index:1!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-preview{
  position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-quality-badges{top:54px!important;left:12px!important;right:auto!important;z-index:35!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-preview-like{top:12px!important;right:12px!important;z-index:35!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-enlarge-btn{left:12px!important;top:12px!important;z-index:60!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-mobile-chat-overlay,
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-mobile-product-overlay{display:none!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-chat-cell{
  position:absolute!important;z-index:25!important;left:10px!important;right:10px!important;bottom:138px!important;width:auto!important;height:38%!important;min-height:220px!important;max-height:42%!important;
  padding:58px 10px 10px!important;border:0!important;border-radius:16px!important;background:linear-gradient(180deg,transparent 0%,rgba(7,8,13,.50) 30%,rgba(7,8,13,.82) 100%)!important;
  box-shadow:none!important;backdrop-filter:none!important;overflow:hidden!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-studio-chat-head{
  position:absolute!important;z-index:2!important;left:10px!important;right:10px!important;top:26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-studio-chat-head p{display:none!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-studio-chat-head small{font-size:8px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-direct-studio-chat-head h3{font-size:13px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-chat-cell .cl-live-chat-list{
  padding:0 1px 6px!important;mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 100%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 100%)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-studio-v89-chat-cell .cl-live-chat-row{
  background:rgba(15,16,23,.58)!important;border-color:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-chat-form input{background:rgba(16,17,24,.82)!important;color:#fff!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-switcher{
  position:absolute!important;z-index:30!important;left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:118px!important;min-height:118px!important;max-height:118px!important;
  margin:0!important;padding:9px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:15px!important;background:rgba(9,10,15,.82)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-head{height:28px!important;margin:0 0 6px!important;align-items:center!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-head small{display:none!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-head h3{font-size:11px!important;margin:0!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-head input{width:112px!important;height:27px!important;font-size:9px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-grid{
  display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding-bottom:1px!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-item{
  flex:0 0 178px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px 7px!important;padding:6px!important;border-radius:10px!important;background:rgba(25,26,36,.88)!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-item>img{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:7px!important;
}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-item b{font-size:9.5px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-item small{font-size:8px!important}
html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen .cl-live-catalog-item .cdb-btn{min-height:24px!important;padding:0 7px!important;font-size:8px!important}

@media(max-width:1180px){
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-layout{grid-template-columns:240px minmax(0,1fr)!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-switcher{grid-column:1/-1!important;grid-row:3!important;height:auto!important;min-height:0!important;max-height:none!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:280px!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-controls{grid-row:2!important}
}
@media(max-width:760px){
  html body [data-direct-live-studio].cl-direct-control-room-v141{padding:12px!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-layout{grid-template-columns:1fr!important;gap:12px!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-video-cell{grid-column:1!important;grid-row:1!important;width:min(100%,340px)!important;margin:0 auto!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-chat-cell{grid-column:1!important;grid-row:2!important;height:430px!important;min-height:430px!important;max-height:430px!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-studio-v89-controls{grid-column:1!important;grid-row:3!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-switcher{grid-column:1!important;grid-row:4!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141 .cl-live-catalog-grid{grid-template-columns:1fr!important;max-height:330px!important}
  html body [data-direct-live-studio].cl-direct-control-room-v141.is-direct-fullscreen{padding:0!important}
}