/* ── demo.css ── */

body {
  min-height: 100vh;
}

/* Give the canvas a subtle glow matching the dark ball theme */
#demoCanvas {
  display: block;
  background: #14202f;
  box-shadow: inset 0 0 40px rgba(0,0,0,.6);
}

/* Keyboard key styling */
kbd {
  background: #2a2a3a;
  border: 1px solid #555;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: .82em;
  color: #e0e0e0;
}

/* Source-code pre block */
#sourceCode {
  white-space: pre;
  word-break: normal;
  line-height: 1.5;
}

/* Custom scrollbar for source pane */
#sourceCode::-webkit-scrollbar { width: 6px; height: 6px; }
#sourceCode::-webkit-scrollbar-track { background: #0d1117; }
#sourceCode::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }