/* kodybrown.me — penroom R&D demo card. Scoped under #demo-penroom.
   Structural card chrome (.demo, .demo-head, .demo-controls, .demo-btn)
   comes from css/style.css; this file only styles the sketch surface. */

#demo-penroom .pen-canvas {
  display: block;
  width: 100%;
  height: 290px;
  background: transparent;
  touch-action: none;          /* let strokes win over page scroll */
  cursor: crosshair;
  -webkit-user-select: none;
  user-select: none;
}

#demo-penroom .pen-status {
  text-align: right;
  max-width: 72%;
}

@media (max-width: 420px) {
  #demo-penroom .pen-canvas { height: 264px; }
  #demo-penroom .pen-status { max-width: 64%; }
}