.tpl-media{position:relative;display:block;border-radius:12px;overflow:hidden}
.tpl-media img{width:100%;display:block;border-radius:12px}
video.tpl-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
video.tpl-hover.is-playing{opacity:1}
.tpl-gen{position:absolute;left:8px;bottom:8px;background:#9b7bff;color:#08060d;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:800}
.tpl-detail-media{max-width:560px;margin:0 auto}
.tpl-detail-media video{width:100%;border-radius:14px;display:block}
.tpl-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 12px}
.tpl-strip-card{flex:0 0 210px;scroll-snap-align:start}
.tpl-strip-card a{color:inherit;text-decoration:none}
.tpl-strip-media{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#1b1530}
.tpl-strip-media img{width:100%;height:100%;object-fit:cover;display:block}
.tpl-strip-title{display:block;font-weight:700;font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-strip-meta{display:block;font-size:12px;color:#c8bfce}
video.tpl-hover{pointer-events:none}
.tpl-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 12px}
main .tpl-strip{display:flex}
.tpl-strip-card{flex:0 0 210px;scroll-snap-align:start}
.tpl-strip-card a{display:block;color:inherit;text-decoration:none}
.tpl-strip-media{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:8px;background:#1a1a1a}
.tpl-strip-media img{width:100%;height:100%;object-fit:cover;display:block}
.tpl-strip-title{display:block;font-weight:600;font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-strip-meta{display:block;font-size:12px;opacity:.7}