:root {
  --iframe-bg: #0b0d10;
}

body {
  min-height: 100vh;
}

.viewer {
  position: fixed;
  inset: 0;
  background: var(--iframe-bg);
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 12px;
  padding: 16px;
  z-index: 1050;
}

.viewer[hidden] {
  display: none;
}

.iframe-frame {
  background: #11151a;
  border-radius: 12px;
  overflow: hidden;
}

.iframe-frame iframe {
  border: none;
  width: 100%;
  height: 100%;
}

@media (max-width: 576px) {
  .viewer {
    padding: 12px;
  }
}