:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #07111f;
  color: #e9f1ff;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  color: #e9f1ff;
  background:
    radial-gradient(circle at 15% 0%, rgba(37, 99, 235, .28), transparent 35rem),
    radial-gradient(circle at 85% 20%, rgba(236, 72, 153, .16), transparent 30rem),
    #07111f;
}
main { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 30px; }
header { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: end; margin-bottom: 24px; }
.eyebrow { margin: 0 0 8px; color: #7dd3fc; font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(38px, 7vw, 70px); line-height: .95; letter-spacing: -.055em; }
.lede { max-width: 690px; margin: 18px 0 0; color: #b9c8de; font-size: 18px; line-height: 1.55; }
.legend { display: grid; gap: 8px; min-width: 210px; color: #c9d5e7; font-size: 14px; }
.legend span { display: flex; align-items: center; gap: 9px; }
.legend b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #1d4ed8; color: white; }
.lab { padding: 18px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 24px; background: rgba(15, 23, 42, .78); box-shadow: 0 28px 80px rgba(0, 0, 0, .35); backdrop-filter: blur(12px); }
.frame-scroll { overflow-x: auto; border-radius: 14px; background: #fff; }
#simulator { position: relative; width: 800px; height: 508px; margin: 0 auto; background: white; color: #333; }
#simulator textarea, #simulator input { background: #fff; color: #333; }
footer { display: flex; justify-content: space-between; gap: 28px; color: #91a2ba; font-size: 14px; line-height: 1.5; }
footer p { max-width: 720px; }
.credit { text-align: right; }
@media (max-width: 760px) {
  main { width: min(100% - 20px, 1120px); padding-top: 28px; }
  header { grid-template-columns: 1fr; }
  .lab { padding: 8px; border-radius: 16px; }
  footer { display: block; }
  .credit { text-align: left; }
}