.cr-draw-stage{padding:var(--space-4)}.cr-draw-board{position:relative;width:100%;max-width:1200px;border:1.5px solid var(--color-edge);border-radius:var(--radius-s);box-shadow:var(--shadow-s);overflow:hidden;touch-action:none}.cr-draw-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.cr-draw-overlay{cursor:crosshair}.cr-draw-overlay.is-eraser{cursor:cell}.cr-draw-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.cr-draw-swatch{min-width:44px;min-height:44px;padding:0;border:1.5px solid var(--color-line-strong);border-radius:var(--radius-s)}.cr-draw-swatch[aria-pressed=true]{border:2px solid var(--color-ink);box-shadow:0 0 0 2px var(--color-surface) inset,0 0 0 3px var(--color-accent)}.cr-draw-hint{margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}@media (max-width:560px){.cr-draw-stage{padding:var(--space-2)}}