@media (display-mode: standalone) and (max-width: 820px) {
  html,
  body,
  .studio,
  .app {
    min-height: 100vh;
    min-height: 100dvh;
  }

  body {
    background: #030710;
    overscroll-behavior-y: none;
  }

  .topbar {
    padding-top: calc(12px + env(safe-area-inset-top));
  }

  .detail-header,
  .ai-detail-header {
    padding-top: calc(11px + env(safe-area-inset-top));
  }

  .toast {
    bottom: calc(92px + env(safe-area-inset-bottom));
  }
}