.studio-viewer-error {
  position: absolute;
  inset: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #f4f7f1f5;
  color: #183e34;
  text-align: center;
  font-family: system-ui, sans-serif;
}
.studio-viewer-error[hidden] { display: none; }
.studio-viewer-error h2 { font-size: 22px; margin: 0 0 12px; }
.studio-viewer-error p { max-width: 460px; line-height: 1.6; }
.studio-viewer-error button {
  background: #214e42;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 12px 18px;
  font: inherit;
  cursor: pointer;
}
.studio-viewer-error button:focus-visible { outline: 3px solid #b08943; outline-offset: 4px; }