/* Same media slot and dimensions for muted preview and user-started audio. */
.watch .media-preview,.preview-yt,.preview-yt iframe,.inline-youtube{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.watch .media-preview{pointer-events:none}
.media-slot[data-state=audio] .media-preview,.media-slot[data-state=loading] .media-preview,.media-slot[data-state=error] .media-preview{pointer-events:auto}
.media-slot .watch:after{display:none}
.inline-unmute{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.inline-unmute .hint{position:absolute;left:12px;bottom:14px;min-height:44px;display:flex;align-items:center;background:var(--cream);color:var(--navy);font:900 13px/1.6 var(--body);padding:8px 14px;border-radius:999px}
.inline-unmute[hidden],.inline-stop[hidden]{display:none!important}
.inline-unmute:focus-visible{outline:none}
.inline-unmute:focus-visible .hint{outline:3px solid var(--yellow);outline-offset:3px}
.inline-unmute:disabled{cursor:progress}
.inline-unmute:disabled .hint{opacity:.7}
.inline-status{position:absolute;z-index:4;left:12px;right:12px;bottom:78px;margin:0;font:700 13px/1.6 var(--body);color:white;background:var(--navy);pointer-events:none}
.inline-status:empty{display:none}
.inline-stop{position:absolute;right:8px;top:8px;z-index:4;min-height:44px;padding:8px 12px;background:var(--cream);color:var(--navy);border:0;border-radius:8px;font:700 13px/1.6 var(--body);cursor:pointer}
.media-slot[data-state=loading] .inline-unmute{pointer-events:none}
[data-player=runner] .preview-yt{z-index:0;pointer-events:none}
[data-player=runner] .watch{z-index:1}
[data-player=runner].preview-playing .watch{background:transparent}
[data-player=runner].preview-playing .plain-poster,[data-player=runner][data-state=audio] .plain-poster{visibility:hidden}
.media-slot[data-state=audio] .inline-youtube{z-index:2}
@media(prefers-reduced-motion:reduce){.inline-unmute{transition:none}}