body.studio-project-open > :not(.studio-project-page) {
  visibility: hidden !important;
  pointer-events: none !important;
}
.studio-project-page {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: #08090b;
  color: #f5f5f7;
  overflow: hidden;
}
.studio-project-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #08090b;
  visibility: hidden;
}
.studio-project-loading {
  position: absolute;
  inset: 0;
  padding: clamp(22px, 5vw, 72px);
  font-family: Inter, sans-serif;
}
.studio-project-loading button {
  min-height: 44px;
  padding: 12px 18px;
  border: 1px solid #64788f;
  border-radius: 3px;
  background: #172a3d;
  color: #e6f0ff;
  font: inherit;
  cursor: pointer;
}
.studio-project-loading p { margin-top: 28px; color: #b4bdc8; }
.studio-project-page.is-ready .studio-project-loading { display: none; }
.studio-project-page.is-ready .studio-project-frame { visibility: visible; }