/* Reserve separate rows for controls and media in every shared story viewer. */
#storyViewer .sv-main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
}
#storyViewer .sv-header {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  padding: 24px 14px 8px;
  min-width: 0;
}
#storyViewer .sv-main-media {
  grid-area: 2 / 1;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}
#storyViewer .sv-bottom {
  position: relative;
  inset: auto;
  grid-area: 3 / 1;
  padding: 12px 14px max(16px, env(safe-area-inset-bottom));
  min-width: 0;
}
#storyViewer .sv-bottom input {
  min-width: 0;
  width: 0;
}
@media (max-width: 900px) {
  #storyViewer .sv-container { height: 100%; }
  #storyViewer .sv-main { max-height: 100%; }
}