.collection-card{padding:0;text-align:left;color:#fff;background:#090909;border:1px solid #262626;cursor:pointer}
.style-rows,.style-row-block{min-width:0}
.style-row{min-width:0;width:100%;box-sizing:border-box}
.collection-card:focus-visible{outline:3px solid var(--hot-pink);outline-offset:2px}
.collection-card .template-media{display:block;position:relative;overflow:hidden}
.collection-card .template-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}
.collection-card video{z-index:1}
.collection-kind{position:absolute;top:7px;left:7px;z-index:2;padding:3px 5px;border-radius:5px;background:#000b;color:#fff;font-size:8px;letter-spacing:.06em}
.collection-drift img{animation:collection-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
.collection-drift.is-visible img{animation-play-state:running}
@keyframes collection-drift{from{transform:scale(1)}to{transform:scale(1.055) translateY(-1%)}}
.collection-dialog{width:min(520px,calc(100% - 32px));max-height:90dvh;box-sizing:border-box;overflow:auto;border:1px solid var(--hot-pink);border-radius:20px;padding:18px;background:#090909;color:#fff}
.collection-dialog::backdrop{background:#000c}
.collection-dialog h2{font-size:21px;margin:14px 0}
.collection-full{display:block;width:100%;max-height:58dvh;object-fit:contain;border-radius:10px;background:#000}
.collection-note{font-size:12px;color:#bdbdbd;line-height:1.5}
@media(max-width:899px){
  body[data-app-route="home"] .style-row .card,body[data-app-route="templates"] .preview-collection .card{flex:0 0 calc((100% - 24px)/3);max-width:none;border-radius:12px}
  .preview-collection .style-row{display:flex!important}
  .style-row .card .template-media{aspect-ratio:3/4.5;border-radius:12px}
  .style-row .template-title{font-size:12px;line-height:1.15;padding:25px 7px 9px}
  .style-row-head h3{font-size:20px}
  body[data-app-route="home"] .template-showcase{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.collection-drift img{animation:none}}