#studioSplash {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: #0e1218;
  box-shadow: none;
  cursor: pointer;
  touch-action: manipulation;
  opacity: 1;
  transition: opacity 320ms ease;
  animation: studio-splash-safety 10s step-end forwards;
}
#studioSplash img {
  mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  mask-composite: intersect;
  display: block;
  width: min(320px, 84vw, 60vh);
  height: auto;
  max-width: none;
  margin: 0;
  border: 0;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 420ms ease, transform 600ms ease;
}
#studioSplash.studio-splash-visible img { opacity: 1; transform: none; }
#studioSplash.studio-splash-leaving { opacity: 0; pointer-events: none; }
#studioSplash:focus-visible { outline: 2px solid #ff5a2e; outline-offset: -8px; }
@keyframes studio-splash-safety { to { visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) {
  #studioSplash, #studioSplash img { transition: none; transform: none; }
}