@media (max-height: 500px) and (orientation: landscape) {
  :root {
    --top: 44px;
    --bottom: 52px;
  }

  .topbar,
  .controls {
    padding-right: 8px;
    padding-left: 8px;
  }

  .topbar > strong {
    font-size: 12px;
  }

  .topbar__actions,
  .control-group {
    gap: 4px;
  }

  .icon-button {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }

  .controls output {
    min-width: 48px;
    font-size: 12px;
  }

  .flipbook {
    height: min(calc(100vh - 104px), 850px);
  }
}