.media-loading {
    position: absolute; right: 14px; bottom: 16px; z-index: 2;
    display: flex; align-items: center; gap: 8px;
    padding: 6px 10px; border-radius: 4px;
    background: #152630; color: #f4f7fa;
    font: 400 12px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.media-loading[hidden] { display: none; }
.media-loading::before {
    content: ''; width: 10px; height: 10px; border-radius: 50%;
    border: 1px solid #8395a1; border-top-color: #fff;
    animation: media-loading-turn 1.2s linear infinite;
}
@keyframes media-loading-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .media-loading::before { animation: none; } }