/* Native playback keeps the existing gallery and showreel proportions. */
.portfolio-video{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;background:var(--media-bg)}
.portfolio-video>video{display:block;width:100%;min-height:0;max-height:74dvh;aspect-ratio:16/9;object-fit:contain;background:var(--media-bg);color:var(--media-ink)}
.portfolio-video.native-reel{display:flex;aspect-ratio:auto}
.gallery-stage>.portfolio-video{height:100%;align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto}
.gallery-stage>.portfolio-video>video{height:100%;max-height:100%;aspect-ratio:auto}
.gallery-stage.native-video-stage{display:block;aspect-ratio:auto;min-height:0}
.gallery-stage.native-video-stage>.portfolio-video{display:flex;flex-direction:column;height:auto}
.gallery-stage.native-video-stage>.portfolio-video>video{height:auto;max-height:64dvh;aspect-ratio:16/9}
.video-playback-error{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--paper-light);color:var(--ink);font:var(--text-ui,14px)/1.5 var(--font)}
.video-playback-error[hidden]{display:none}
.video-playback-error>p{flex:1 1 180px;margin:0;min-width:0;overflow-wrap:anywhere}
.video-playback-retry{min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit}
.video-playback-retry:hover{border-color:var(--red);color:var(--red)}
.portfolio-video>video:fullscreen,.gallery-stage.native-video-stage>.portfolio-video>video:fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto}