/* Keep the complete proof image inside the dialog's available viewing area. */
.proof-preview-panel {
  height: calc(100vh - 44px);
  height: calc(100dvh - 44px);
  max-height: calc(100vh - 44px);
  max-height: calc(100dvh - 44px);
}
.proof-preview-panel > header {
  flex: 0 0 auto;
}
.proof-preview-body {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}
.proof-preview-body img {
  grid-area: 1 / 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.proof-preview-body small {
  grid-area: 2 / 1;
  max-width: 100%;
  text-align: center;
  overflow-wrap: anywhere;
}
@media (max-width: 820px) {
  .proof-preview-panel {
    height: calc(100vh - 24px);
    height: calc(100dvh - 24px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
}