/* Bound height by narrowing the stage, preserving the displayed content ratio. */
.media-panel.cooking-video-panel,.media-panel.adaptive-media{background:transparent;overflow:visible}
.media-panel .cooking-video-stage{--cooking-video-ratio:1.777778;--cooking-video-height-limit:74vh;position:relative;overflow:hidden;width:min(100%,calc(var(--cooking-video-height-limit) * var(--cooking-video-ratio)));max-width:100%;height:auto;aspect-ratio:var(--cooking-video-ratio);margin-inline:auto;border-radius:18px;background:#000}
@supports(height:1svh){.media-panel .cooking-video-stage{--cooking-video-height-limit:74svh}}
.media-panel .cooking-video-stage>video{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0}
.media-panel .cooking-video-stage>.video-placeholder{width:100%;height:100%;aspect-ratio:auto}
.cooking-video-controls{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:var(--paper,#fff);color:var(--ink,#29221d);border-radius:0 0 12px 12px}
.cooking-video-controls[hidden],.cooking-video-framing-toggle[hidden]{display:none!important}
.cooking-video-controls button{min-height:44px;min-width:44px;padding:6px 10px;font-size:12px;white-space:nowrap}
.cooking-video-controls input[type=range]{flex:1;min-width:40px;width:100%;min-height:44px;padding:0;border:0;background:transparent;accent-color:var(--accent,#b94e26);cursor:pointer}
.cooking-video-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted,#6f655e)}
.cooking-video-framing-toggle{display:block;min-height:44px;margin:6px 0 0 auto;padding:6px 12px;font-size:12px;background:transparent;color:var(--muted,#6f655e);border-color:var(--line,#e8e2dc)}
@media(max-width:360px){.cooking-video-controls{flex-wrap:wrap}.cooking-video-time{flex-basis:100%;text-align:center}}