:root {
  --accent: #e8c36a;
}

.paper {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 49.9%, rgba(118, 74, 45, 0.07) 50%, transparent 50.1%),
    linear-gradient(rgba(118, 74, 45, 0.035) 1px, transparent 1px),
    #eee5d1;
  background-size: 100% 100%, 100% 32px, 100% 100%;
  cursor: crosshair;
  touch-action: none;
}

.paper::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid rgba(73, 43, 24, 0.1);
}

.paper canvas {
  display: block;
}

@media (max-width: 680px) {
  .toy-bar .hint {
    order: 10;
    width: 100%;
    margin-left: 0;
  }
}