.video-entry[hidden] { display: none; }
.video-entry-pending .video-entry { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; overflow: hidden; background: #f7f5f1; direction: rtl; }
.video-entry canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.video-entry-fallback { width: 80px; height: 80px; }
.video-entry.is-animation-ready .video-entry-fallback { visibility: hidden; }
.video-entry:focus { outline: none; }
.video-entry-credit { position: absolute; bottom: max(12px, env(safe-area-inset-bottom)); inset-inline: 12px; color: #52646c; font-size: 10px; text-align: center; line-height: 1.8; }
.video-entry-credit a { color: inherit; text-underline-offset: 3px; }
.video-entry-credit a:focus-visible { outline: 3px solid #007da8; outline-offset: 4px; }
.video-workspace-body .video-enable-sound { position: absolute; z-index: 5; top: 16px; right: 16px; max-width: calc(100% - 32px); min-height: 44px; padding: 10px 18px; border: 1px solid #ffffff55; border-radius: 14px; background: #07194ae8; color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.video-workspace-body .video-enable-sound[hidden] { display: none; }
.video-workspace-body .video-enable-sound:focus-visible { outline: 3px solid #36c7ff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .video-entry-pending .video-entry { display: none; } }