body { margin: 0; background: var(--sc-app-bg, #171322); }

.studio-loading {
  display: grid;
  box-sizing: border-box;
  min-height: 100svh;
  place-content: center;
  justify-items: center;
  gap: 14px;
  padding: 16px;
  background: var(--sc-app-bg, #171322);
  color: var(--sc-text-secondary, #c8bbd8);
  font: 14px/1.5 system-ui, sans-serif;
}

.studio-loading img { display: block; width: min(208px, 100%); height: auto; }
.studio-loading p { margin: 0; }
.studio-loading-indicator {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 2px solid var(--sc-border, #3b2d51);
  border-top-color: var(--sc-accent, #a14aff);
  border-radius: 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .studio-loading-indicator { animation: studio-loading-spin 900ms linear infinite; }
}
@keyframes studio-loading-spin { to { transform: rotate(360deg); } }