/* Shared page frame: keep the blue wallpaper visible around and through it. */
:root {
  --studio-page-width: 1000px;
  --studio-page-panel: rgba(9, 35, 59, 0.76);
}

main.studio-page {
  box-sizing: border-box;
  width: min(var(--studio-page-width), calc(100% - 32px));
  margin: 32px auto;
  padding: 40px 40px 48px;
  background: var(--studio-page-panel);
  border: 1px solid rgba(160, 193, 216, 0.22);
  border-radius: 16px;
  box-shadow: 0 24px 64px rgba(3, 18, 33, 0.28);
}

@media (max-width: 720px) {
  main.studio-page {
    width: min(calc(100% - 24px), 560px);
    margin: 12px auto;
    padding: 24px 16px 32px;
    border-radius: 12px;
  }
}