.media-player{margin:1.5rem 0;padding:1rem;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.media-player h3{margin:.1rem 0 .8rem}.media-player video,.media-player audio{width:100%;border-radius:12px}.media-player .media-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.media-player button{border:1px solid #d1d5db;background:#f8fafc;padding:.55rem .8rem;border-radius:10px;cursor:pointer}.media-player .transcript{margin-top:1rem;padding:.9rem;background:#f8fafc;border-radius:12px;max-height:240px;overflow:auto}.media-player .caption-note{font-size:.85rem;color:#64748b}.media-player img{max-width:100%;height:auto;border-radius:12px;display:block}.media-empty{display:none}
@media(prefers-reduced-motion:reduce){.media-player *{scroll-behavior:auto}}