body { font-family: system-ui, sans-serif; padding: 18px; background:#f7f7f7; }
.controls { margin-bottom: 12px; display:flex; flex-wrap:wrap; gap:12px; align-items:center }
canvas { background:white; width:100%; max-width:1200px; display:block; image-rendering:pixelated; border:1px solid #ddd; margin-bottom:12px }
label { cursor:pointer; background:#fff; border:1px solid #ccc; padding:6px 10px; border-radius:6px; }
.slider-group { display:flex; flex-direction:column; gap:4px }