.preview-modal img,
.preview-modal video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: calc(100dvh - 70px);
  object-fit: contain;
  object-position: center;
}

@media (max-width: 580px) {
  .preview-toolbar { padding: 8px; flex-wrap: wrap; }
  .preview-toolbar > div { flex-wrap: wrap; }
  .preview-toolbar button, .preview-download { padding: 8px 10px; font-size: .82rem; }
  .media-nav { width: 40px; height: 54px; }
}