.card-preview{isolation:isolate;overflow:hidden}
.card-preview video[data-card-preview]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s;pointer-events:none;background:#101411}
.card-preview.preview-ready video[data-card-preview]{opacity:1}
.card-preview>svg{position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 5px #0008)}
.card-preview.preview-ready>svg{opacity:.65}
.card-preview.preview-playing>svg{opacity:0}
.card-preview .card-preview-status{position:absolute;left:9px;right:auto;bottom:9px;z-index:1;max-width:calc(100% - 85px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;border-radius:5px;background:#0b120de0;color:#e1eadb;font-size:10px;line-height:1.4;pointer-events:none}
.shared-card .card-preview .card-preview-status{max-width:calc(100% - 18px)}
.card-preview.preview-ready .card-preview-status{opacity:0;transition:opacity .15s}
.card-preview.preview-ready:hover .card-preview-status,.card-preview.preview-error .card-preview-status{opacity:1}
.card-preview.preview-error .card-preview-status{color:#e9c9a2}
@media(hover:none){.card-preview.preview-ready .card-preview-status{display:none}}
@media(prefers-reduced-motion:reduce){.card-preview video[data-card-preview],.card-preview .card-preview-status{transition:none}}