/* AUTOTUBE_USER1_SUBTITLE_STUDIO_V180 */
.at-cat-overlay.at-v180-active .at-cat-modal {
  width:min(1280px,calc(100vw - 60px))!important;
  height:min(830px,calc(100dvh - 60px))!important;
  max-height:calc(100dvh - 60px)!important;
  background:#f8f8fa!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:30px!important;
  box-shadow:0 28px 80px rgba(24,28,36,.18)!important;
}
.at-cat-overlay.at-v180-active .at-cat-header {
  padding:24px 28px 20px!important;
  min-height:86px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid #e7e7eb!important;
}
.at-cat-overlay.at-v180-active .at-cat-header h2 {
  font-size:30px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.at-cat-overlay.at-v180-active .at-cat-scroll{
  padding:24px 28px 14px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.at-cat-overlay.at-v180-active .at-v180-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.43fr) minmax(0,1fr)!important;
  gap:24px!important;
  height:100%!important;
  min-height:0!important;
}
.at-cat-overlay.at-v180-active .at-v180-left{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  gap:14px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
.at-cat-overlay.at-v180-active .at-v180-screen {
  flex:0 0 auto!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:19px!important;
  overflow:hidden!important;
  background:#272127!important;
}
.at-cat-overlay.at-v180-active .at-v180-scene{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  pointer-events:none!important;
}
.at-cat-overlay.at-v180-active .at-v180-shade{
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(0,0,0,.36) 100%)!important;
  pointer-events:none!important;
}
.at-cat-overlay.at-v180-active .at-v180-caption-holder{
  position:absolute!important;left:50%!important;bottom:14%!important;
  z-index:2!important;width:max-content!important;
  transform:translateX(-50%) scale(var(--at-fit,1))!important;
  transform-origin:center bottom!important;
  pointer-events:none!important;white-space:nowrap!important;
  text-align:center!important;
}
.at-cat-overlay.at-v180-active .at-v180-caption-content{
  display:inline-block!important;
  font-weight:800!important;
  font-size:var(--at-caption-size,44px)!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  color:var(--at-color,#fff)!important;
  -webkit-text-stroke:var(--at-outline,3px) #000!important;
  paint-order:stroke fill!important;
  text-shadow:none!important;
  transform-origin:center center!important;
  will-change:transform,opacity!important;
}
.at-cat-overlay.at-v180-active .at-v180-caption-content .at-v180-word.hot{
  color:#ffe027!important;
}
.at-cat-overlay.at-v180-active .at-v180-caption-content .at-v180-word:not(.hot){color:var(--at-color,#fff)!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-holder[data-style="news"],
.at-cat-overlay.at-v180-active .at-v180-caption-holder[data-style="lower_third"] {
  left:6%!important;bottom:18%!important;
  transform:scale(var(--at-fit,1))!important;
  transform-origin:left bottom!important;
}
.at-cat-overlay.at-v180-active .at-v180-caption-holder[data-style="documentary"] {
  bottom:auto!important;top:9%!important;
  transform-origin:center top!important;
}
.at-cat-overlay.at-v180-active .at-v180-video-controls{
  position:absolute!important;z-index:3!important;
  bottom:11px!important;left:18px!important;right:18px!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  font-size:12px!important;font-weight:800!important;color:#fff!important;
  text-shadow:0 1px 5px rgba(0,0,0,.5)!important;
}
.at-cat-overlay.at-v180-active .at-v180-progress{
  flex:1!important;height:5px!important;border-radius:99px!important;
  background:rgba(255,255,255,.42)!important;overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-progress::before{
  content:""!important;display:block!important;width:42%!important;height:100%!important;background:#fc1931!important;
}
.at-cat-overlay.at-v180-active .at-v180-setting-row{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:12px!important;min-width:0!important;align-items:stretch!important;
}
.at-cat-overlay.at-v180-active .at-v180-setting{
  background:#fff!important;border:1px solid #e8e8ee!important;
  border-radius:16px!important;padding:12px 14px!important;min-width:0!important;
}
.at-cat-overlay.at-v180-active .at-v180-setting strong{
  display:block!important;margin-bottom:11px!important;
  font-size:13px!important;font-weight:800!important;color:#16161a!important;
}
.at-cat-overlay.at-v180-active .at-v180-swatches{
  display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;
}
.at-cat-overlay.at-v180-active .at-v180-swatch{
  display:inline-flex!important;padding:0!important;border-radius:50%!important;
  width:27px!important;height:27px!important;cursor:pointer!important;
  border:1px solid rgba(25,25,35,.13)!important;
  position:relative!important;
}
.at-cat-overlay.at-v180-active .at-v180-swatch.selected:after{
  content:""!important;position:absolute!important;inset:-5px!important;
  border-radius:50%!important;border:2px solid #f51632!important;
}
.at-cat-overlay.at-v180-active .at-v180-outline-line{
  display:flex!important;align-items:center!important;gap:10px!important;
}
.at-cat-overlay.at-v180-active .at-v180-outline-line input{
  flex:1 1 auto!important;min-width:0!important;accent-color:#f51632!important;
}
.at-cat-overlay.at-v180-active .at-v180-outline-val{
  min-width:42px!important;text-align:right!important;font-size:12px!important;font-weight:800!important;
}
.at-cat-overlay.at-v180-active .at-v180-chip-row{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
}
.at-cat-overlay.at-v180-active .at-v180-chip{
  display:inline-flex!important;align-items:center!important;
  font-size:12px!important;font-weight:650!important;color:#55545b!important;
  background:rgba(241,242,245,.94)!important;border-radius:9px!important;
  padding:6px 9px!important;
}
.at-cat-overlay.at-v180-active .at-v180-right{
  min-width:0!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid #eff0f2!important;border-radius:22px!important;
  padding:14px!important;overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-search{
  flex:0 0 auto!important;
  min-height:48px!important;padding:12px 16px!important;
  box-sizing:border-box!important;
  border:1px solid #e4e5e9!important;border-radius:14px!important;
  background:#f5f5f7!important;color:#222!important;font:inherit!important;font-size:14px!important;
  outline:none!important;margin-bottom:14px!important;width:100%!important;
}
.at-cat-overlay.at-v180-active .at-v180-search:focus{
  border-color:#fc5368!important;box-shadow:0 0 0 3px rgba(244,23,47,.1)!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;overflow-y:auto!important;
  overflow-x:hidden!important;min-height:0!important;
  padding:2px 4px 8px!important;align-content:start!important;
  scrollbar-width:thin!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-card{
  width:100%!important;min-width:0!important;min-height:0!important;
  box-shadow:0 1px 4px rgba(16,20,28,.05)!important;
  border:1.5px solid rgba(20,20,20,.1)!important;
  border-radius:15px!important;transform:none!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-card.is-selected{
  border-color:#f51732!important;box-shadow:0 0 0 1px #f51732!important,0 6px 16px rgba(245,23,50,.08)!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style{
  height:68px!important;min-height:68px!important;aspect-ratio:auto!important;
  background:#dfe1e5!important;overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font img,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style img,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style video{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-name{
  min-height:36px!important;height:auto!important;padding:8px 10px!important;
  font-size:12.5px!important;font-weight:780!important;line-height:1.24!important;
  white-space:normal!important;display:flex!important;align-items:center!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-check{
  width:24px!important;height:24px!important;right:7px!important;top:7px!important;
  font-size:13px!important;background:#f51632!important;
}
.at-cat-overlay.at-v180-active .at-v180-footer{
  display:flex!important;flex:0 0 80px!important;
  align-items:center!important;justify-content:flex-end!important;gap:12px!important;
  border-top:1px solid #e6e6e9!important;padding:14px 28px!important;
  box-sizing:border-box!important;background:rgba(255,255,255,.55)!important;
}
.at-cat-overlay.at-v180-active .at-v180-footer button{
  border-radius:13px!important;padding:13px 24px!important;min-height:46px!important;
  cursor:pointer!important;font:inherit!important;font-size:14px!important;font-weight:800!important;
  border:1px solid #dedfe3!important;background:#fff!important;color:#161616!important;
}
.at-cat-overlay.at-v180-active .at-v180-footer .at-v180-apply{
  background:#f51632!important;border-color:#f51632!important;color:#fff!important;
  min-width:168px!important;
}
.at-cat-overlay.at-v180-active .at-v180-footer .at-v180-apply:hover{background:#dc0826!important;}
@keyframes atV180Fade {0%,100%{opacity:.56}18%,76%{opacity:1}}
@keyframes atV180Pop {0%,100%{opacity:.7;transform:scale(.92)}20%,73%{opacity:1;transform:scale(1)}}
@keyframes atV180Lift {0%,100%{opacity:.72;transform:translateY(14px)}20%,72%{opacity:1;transform:translateY(0)}}
@keyframes atV180Slide {0%,100%{opacity:.66;transform:translateX(-22px)}20%,72%{opacity:1;transform:translateX(0)}}
@keyframes atV180Focus {0%,100%{opacity:.65;filter:blur(1.3px)}24%,72%{opacity:1;filter:blur(0)}}
@keyframes atV180Zoom {0%,100%{opacity:.7;transform:scale(1.1)}20%,73%{opacity:1;transform:scale(1)}}
@keyframes atV180Type {0%,100%{opacity:.7;clip-path:inset(0 100% 0 0)}50%,86%{opacity:1;clip-path:inset(0 0 0 0)}}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="fade"]{animation:atV180Fade 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="pop"]{animation:atV180Pop 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="lift"]{animation:atV180Lift 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="slide"]{animation:atV180Slide 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="focus"]{animation:atV180Focus 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="zoom"]{animation:atV180Zoom 3s ease-in-out infinite!important;}
.at-cat-overlay.at-v180-active .at-v180-caption-content[data-motion="type"]{animation:atV180Type 3s steps(18,end) infinite!important;}
@media(max-width:950px){
  .at-cat-overlay.at-v180-active .at-cat-modal{width:calc(100vw - 28px)!important;height:calc(100dvh - 28px)!important;}
  .at-cat-overlay.at-v180-active .at-v180-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;overflow:auto!important;}
  .at-cat-overlay.at-v180-active .at-cat-scroll{overflow-y:auto!important;padding:14px!important;}
  .at-cat-overlay.at-v180-active .at-v180-left{overflow:visible!important;}
  .at-cat-overlay.at-v180-active .at-v180-right{min-height:310px!important;}
  .at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid{max-height:310px!important;}
}
@media(max-width:520px){
  .at-cat-overlay.at-v180-active .at-v180-setting-row{grid-template-columns:1fr!important;}
  .at-cat-overlay.at-v180-active .at-v180-footer{padding:10px 14px!important;}
  .at-cat-overlay.at-v180-active .at-v180-footer button{flex:1!important;}
  .at-cat-overlay.at-v180-active .at-v180-footer .at-v180-apply{min-width:0!important;}
}

/* AUTOTUBE_USER1_STUDIO_CARDS_LIVE_FONTS_V181 */
/* The right-hand catalog scrolls naturally: cards are never compressed to fit. */
.at-cat-overlay.at-v180-active .at-v180-right{
  min-height:0!important;
  overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid{
  flex:1 1 0!important;
  height:100%!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#c5c7cf transparent!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:3px 6px 16px 3px!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-card{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style{
  height:120px!important;
  min-height:120px!important;
  max-height:120px!important;
  flex:0 0 120px!important;
  aspect-ratio:auto!important;
  background:#d9dde3!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font img,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style img,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style video,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style video.at-cat-v14-motion{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:transparent!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-name{
  min-height:42px!important;
  height:auto!important;
  flex:0 0 auto!important;
  padding:10px 12px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.23!important;
  text-align:left!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid::-webkit-scrollbar{width:9px!important;}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid::-webkit-scrollbar-thumb{
  border-radius:99px!important;
  background:#ced0d6!important;
  border:2px solid #f9f9fb!important;
}
/* Avoid accidental image overflow for extra-wide display faces. */
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font img{
  image-rendering:auto!important;
}
@media (max-width:950px){
 .at-cat-overlay.at-v180-active .at-v180-right .at-cat-grid{
   flex:0 0 auto!important;height:auto!important;max-height:410px!important;
 }
}
@media (max-width:520px){
 .at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font,
 .at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style{
   height:104px!important;min-height:104px!important;max-height:104px!important;
   flex-basis:104px!important;
 }
}

/* AUTOTUBE_USER1_PRECISE_STYLE_MOTION_TWO_CUES_V182 */
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font{
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  flex:0 0 86px!important;
  aspect-ratio:auto!important;
  position:relative!important;
  overflow:hidden!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style img,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style video,
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style video.at-cat-v14-motion{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:none!important;
}
.at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:520px){
  .at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-style,
  .at-cat-overlay.at-v180-active .at-v180-right .at-cat-preview-font{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    flex:0 0 78px!important;
  }
}