:root {
  color-scheme: dark;
  background: #090d1b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body { margin: 0; min-width: 320px; background: #090d1b; color: #edf0f6; }

.demo-preview-bar {
  height: 60px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 9px 16px;
  border-bottom: 1px solid rgba(214, 179, 127, 0.35);
  background: linear-gradient(110deg, #0b1021, #152127 55%, #0b1021);
}

.demo-preview-brand { color: #f2cc8f; text-decoration: none; font-weight: 750; letter-spacing: 0.05em; }
.demo-preview-brand span { color: #b8c4ce; font-size: 0.76rem; font-weight: 600; text-transform: uppercase; }
.demo-preview-bar p { margin: 0; color: #edf0f6; font-size: 0.9rem; font-weight: 650; text-align: center; }

#demo-preview-close {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid rgba(242, 204, 143, 0.68);
  border-radius: 999px;
  color: #fff6e6;
  background: rgba(36, 25, 37, 0.86);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

#demo-preview-close:hover, #demo-preview-close:focus-visible { outline: none; background: #5d3343; border-color: #fff0cb; }
#demo-preview-close::first-letter { font-size: 1.35rem; line-height: 0; }

main { height: calc(100vh - 60px); }
#demo-preview-frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
#demo-preview-error { max-width: 520px; margin: 14vh auto; padding: 28px; text-align: center; border: 1px solid rgba(242, 204, 143, 0.35); border-radius: 18px; background: #12192b; }
#demo-preview-error a { color: #f2cc8f; }

@media (max-width: 620px) {
  .demo-preview-bar { grid-template-columns: 1fr auto; height: 56px; padding: 8px 10px; }
  .demo-preview-brand span, .demo-preview-bar p { display: none; }
  #demo-preview-close span { font-size: 0.84rem; }
  main { height: calc(100vh - 56px); }
}