.spell-media{gap:18px;min-width:0;display:grid}.spell-media-item{border:1px solid var(--line);background:var(--card);border-radius:14px;min-width:0;margin:0;overflow:hidden}.spell-media-visual{aspect-ratio:16/9;background:var(--muted);position:relative;overflow:hidden}.spell-media-image,.spell-media-video{object-fit:contain;width:100%;height:100%;display:block}.spell-media-image{opacity:0;transition:opacity .25s}.spell-media-image.is-ready{opacity:1}.spell-media-video{background:#17102b}.spell-media-skeleton{position:absolute;inset:0;overflow:hidden}.spell-media-skeleton .skeleton{border-radius:0;min-height:100%;display:block}.spell-media-unavailable{width:100%;height:100%;color:var(--soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.spell-media-caption{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:13px 16px;display:flex}.spell-media-caption p{color:var(--body);flex-basis:100%;margin:0;font-size:12px;line-height:1.6}.spell-media-caption small{color:var(--soft);font-size:10px}.spell-media-caption a{color:var(--lavender);align-items:center;gap:5px;font-size:10px;display:inline-flex}.spell-media--compact{--muted:#9b713c20;--line:#9b713c55;--soft:#6b513b;margin-bottom:18px}.spell-media--compact .spell-media-item{border-radius:7px}.spell-media--compact .spell-media-image{object-fit:cover}.spell-media-badge{color:#fff9ea;background:#17102bc9;border:1px solid #fff9ea38;border-radius:99px;padding:4px 7px;font-size:9px;line-height:1.2;position:absolute;bottom:8px;right:9px}.ss-detail-main>.spell-media{margin-bottom:22px}@media (prefers-reduced-motion:reduce){.spell-media-image{transition:none}}