img, video, audio, canvas {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}

html:has(.media-viewer), .media-viewer { margin: 0; background: #0e0e0e; }
.media-viewer { display: grid; place-items: center; min-height: 100dvh; }
.media-viewer img, .media-viewer video { display: block; max-width: 100vw; max-height: 100dvh; object-fit: contain; }
.media-viewer button { display: block; margin: 0; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.media-viewer button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.media-viewer--zoomed { display: block; }
.media-viewer--zoomed img { max-width: none; max-height: none; }
.media-viewer--zoomed button { cursor: zoom-out; }