/* AUTOTUBE USER1 MONTAGE VISUAL CATALOG V1 */
#montageTab .at-cat-host {position:relative;}
#montageTab .at-cat-host .at-cat-native-select {position:absolute!important; width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;}
#montageTab .at-cat-host .at-cat-native-transition{display:none!important;}
#montageTab .at-cat-trigger{min-width:0; width:100%; min-height:36px; display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;background:#fff;border:1px solid #dedee2;border-radius:10px;color:#151515;font:inherit;font-size:13px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;}
#montageTab .at-cat-trigger:hover:not(:disabled){border-color:#9d9da4;background:#fafafa;}
#montageTab .at-cat-trigger:focus-visible{outline:2px solid #76b3ff;outline-offset:2px;}
#montageTab .at-cat-trigger:disabled{opacity:.5;cursor:not-allowed;}
#montageTab .at-cat-chevron{flex:0 0 auto;font-size:18px;line-height:1;}
.at-cat-open {overflow:hidden;}
.at-cat-overlay[hidden]{display:none!important;}
.at-cat-overlay{position:fixed;z-index:100002;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(230,233,238,.49);backdrop-filter:blur(16px) saturate(.88);-webkit-backdrop-filter:blur(16px) saturate(.88);}
.at-cat-modal{display:flex;flex-direction:column;overflow:hidden;max-height:min(820px,90vh);width:min(1220px,95vw);background:#f8f8fa;border:1px solid rgba(255,255,255,.95);border-radius:29px;box-shadow:0 30px 100px rgba(26,29,35,.24),0 3px 15px rgba(26,29,35,.08);color:#111;}
.at-cat-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid rgba(0,0,0,.07);flex:0 0 auto;}
.at-cat-header h2{margin:0;font-size:29px;line-height:1.12;letter-spacing:-.035em;font-weight:850;}
.at-cat-close{width:45px;height:45px;border-radius:15px;border:1px solid #e2e2e5;background:#fff;font-size:26px;font-weight:500;color:#242424;cursor:pointer;}
.at-cat-close:hover{background:#eee;}
.at-cat-scroll{overflow:auto;min-height:0;padding:22px 26px 28px;}
.at-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.at-cat-card{display:block;min-width:0;width:100%;padding:0;overflow:hidden;border:2px solid transparent;border-radius:20px;background:#fff;text-align:left;color:#111;cursor:pointer;box-shadow:0 0 0 1px rgba(25,25,25,.10),0 2px 10px rgba(20,20,20,.04);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;}
.at-cat-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(20,20,20,.18),0 10px 24px rgba(20,20,20,.10);}
.at-cat-card.is-selected{border-color:#68b0ff;box-shadow:0 0 0 2px rgba(104,176,255,.23),0 6px 18px rgba(20,20,20,.09);}
.at-cat-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fff;}
.at-cat-preview img,.at-cat-preview video{display:block;width:100%;height:100%;object-fit:cover;}
.at-cat-preview-transition{background:#ebeef2;}
.at-cat-check{position:absolute;right:12px;top:12px;display:none;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(20,20,20,.88);color:white;font-size:16px;font-weight:800;}
.at-cat-card.is-selected .at-cat-check{display:grid;}
.at-cat-name{display:flex;align-items:center;min-height:55px;padding:12px 15px;background:#fff;font-size:15px;line-height:1.25;font-weight:770;}
@media(max-width:890px){.at-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:570px){.at-cat-overlay{padding:10px}.at-cat-modal{width:100%;max-height:95vh;border-radius:20px}.at-cat-header{padding:15px}.at-cat-header h2{font-size:23px}.at-cat-scroll{padding:14px}.at-cat-grid{grid-template-columns:1fr;gap:13px}}
/* Override the original native-select and transition-label rules, which have high specificity. */
html:not([data-autotube-theme="dark"]) body #montageTab.at-m411.at-m412 #montageSettingsCard .montage-presets .at-cat-host select.at-cat-native-select {display:none!important;width:1px!important;min-width:0!important;max-width:1px!important;height:1px!important;flex:0 0 1px!important;}
html:not([data-autotube-theme="dark"]) body #montageTab.at-m411.at-m412 #montageSettingsCard .montage-presets .at-cat-host strong.at-cat-native-transition {display:none!important;}
html:not([data-autotube-theme="dark"]) body #montageTab.at-m411.at-m412 #montageSettingsCard .montage-presets .at-cat-host .at-cat-trigger {box-sizing:border-box!important;width:56%!important;max-width:56%!important;flex:0 0 56%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
html:not([data-autotube-theme="dark"]) body #montageTab.at-m411.at-m412 #montageSettingsCard .montage-presets .at-cat-host .at-cat-trigger-text {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;}

/* AUTOTUBE_USER1_MONTAGE_PREVIEW_V12: compact font/style cards */
.at-cat-preview-font,.at-cat-preview-style {
  height:138px !important;
  aspect-ratio:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
}
.at-cat-preview-font img,.at-cat-preview-style img,.at-cat-preview-style video {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.at-cat-card .at-cat-name {min-height:42px !important;padding:8px 14px !important;}
.at-cat-preview-style video {background:#fff;}
@media(max-width:570px){.at-cat-preview-font,.at-cat-preview-style{height:125px!important;}}

/* AUTOTUBE_USER1_MONTAGE_CATALOG_V14: readable persistent 60fps previews */
.at-cat-preview-style,.at-cat-preview-font {height:148px!important;aspect-ratio:auto!important;background:#e5e7eb!important;position:relative!important;overflow:hidden!important;}
.at-cat-preview-font img,.at-cat-preview-style img {display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
.at-cat-preview-style video.at-cat-v14-motion {display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;opacity:0!important;pointer-events:none!important;}
.at-cat-preview-transition img,.at-cat-preview-transition video.at-cat-v14-motion {display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;}
.at-cat-preview-transition video.at-cat-v14-motion {opacity:0!important;pointer-events:none!important;}
.at-cat-preview-transition video.at-cat-v14-motion.at-cat-v14-playing {opacity:1!important;}
.at-cat-preview-style video.at-cat-v14-motion.at-cat-v14-playing {opacity:1!important;}
.at-cat-preview-style .at-cat-v14-still {opacity:1!important;}
.at-cat-preview-style .at-cat-check,.at-cat-preview-font .at-cat-check {z-index:5!important;}
.at-cat-preview-transition {aspect-ratio:16/9!important;}
.at-cat-name {min-height:42px!important;padding:8px 14px!important;}
@media(max-width:570px){.at-cat-preview-font,.at-cat-preview-style{height:132px!important;}}

/* AUTOTUBE_USER1_TRUE_STYLE_PREVIEWS_V15 */
.at-cat-preview-style{height:148px!important;aspect-ratio:auto!important;
 background:#d9dde3!important;position:relative!important;overflow:hidden!important;}
.at-cat-preview-style img,.at-cat-preview-style video.at-cat-v14-motion{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;object-fit:cover!important;}
.at-cat-preview-style video.at-cat-v14-motion{
 background:transparent!important;opacity:0!important;pointer-events:none!important;}
.at-cat-preview-style video.at-cat-v14-motion.at-cat-v14-playing{opacity:1!important;}
.at-cat-preview-style .at-cat-check{z-index:5!important;}
@media(max-width:570px){.at-cat-preview-style{height:132px!important;}}

/* AUTOTUBE_USER1_FONT_CATALOG_STYLE_UNIFORM_V172: height halves for font CARD, styles unchanged */
.at-cat-card:has(.at-cat-preview-font) .at-cat-preview-font{height:58px!important;min-height:58px!important;aspect-ratio:auto!important;background:#d9dde3!important;}
.at-cat-card:has(.at-cat-preview-font) .at-cat-name{height:37px!important;min-height:37px!important;padding:7px 12px!important;display:flex!important;align-items:center!important;}
.at-cat-preview-font img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;}
.at-cat-preview-style{background:#d9dde3!important;}
@media(max-width:570px){.at-cat-card:has(.at-cat-preview-font) .at-cat-preview-font{height:54px!important;min-height:54px!important;}}

/* AUTOTUBE_USER1_FONT_STYLE_RED_V173: uniform font cards and red selection */
.at-cat-overlay .at-cat-card.is-selected {
  border-color:#f00022!important;
  box-shadow:0 0 0 2px rgba(240,0,34,.25),0 6px 20px rgba(60,0,8,.11)!important;
}
.at-cat-overlay .at-cat-card:focus-visible {
  outline:2px solid #f00022!important;
  outline-offset:3px!important;
}
.at-cat-overlay .at-cat-card.is-selected:hover {
  border-color:#ef001f!important;
  box-shadow:0 0 0 2px rgba(240,0,34,.32),0 9px 25px rgba(60,0,8,.14)!important;
}
#montageTab .at-cat-trigger:focus-visible{outline-color:#f00022!important;}
.at-cat-card:has(.at-cat-preview-font) .at-cat-preview-font {
  height:58px!important;
  min-height:58px!important;
  aspect-ratio:auto!important;
  background:#d9dde3!important;
}
.at-cat-card:has(.at-cat-preview-font) .at-cat-preview-font img {
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#d9dde3!important;
}
@media(max-width:570px){
  .at-cat-card:has(.at-cat-preview-font) .at-cat-preview-font {
    height:54px!important;
    min-height:54px!important;
  }
}

/* AUTOTUBE_USER1_SHARP_STYLE_PREVIEWS_V174 */
.at-cat-overlay .at-cat-preview-style img,
.at-cat-overlay .at-cat-preview-style video.at-cat-v14-motion{
  filter:none!important;
  transform:none!important;
  -webkit-filter:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* AUTOTUBE_USER1_STYLE_CARD_HEIGHT_V175 */
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style{
  height:58px!important;
  min-height:58px!important;
  aspect-ratio:auto!important;
  background:#d9dde3!important;
  position:relative!important;
  overflow:hidden!important;
}
.at-cat-card:has(.at-cat-preview-style) .at-cat-name{
  height:37px!important;
  min-height:37px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
}
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style img,
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style video.at-cat-v14-motion{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:570px){
  .at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style{
    height:54px!important;
    min-height:54px!important;
  }
  .at-cat-card:has(.at-cat-preview-style) .at-cat-name{
    height:35px!important;
    min-height:35px!important;
    padding:6px 11px!important;
  }
}

/* AUTOTUBE_USER1_STYLE_CARD_HEIGHT_V176 */
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style{
  height:58px!important;
  min-height:58px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.at-cat-card:has(.at-cat-preview-style) .at-cat-name{
  height:37px!important;
  min-height:37px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
}
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style img,
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style video,
.at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style video.at-cat-v14-motion{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:570px){
  .at-cat-card:has(.at-cat-preview-style) .at-cat-preview-style{
    height:54px!important;
    min-height:54px!important;
  }
  .at-cat-card:has(.at-cat-preview-style) .at-cat-name{
    height:35px!important;
    min-height:35px!important;
    padding:6px 11px!important;
  }
}
