body{font-family:system-ui,sans-serif;margin:1.2rem;max-width:1100px}
#controls{display:flex;flex-wrap:wrap;gap:1rem}
#controls fieldset{border:1px solid #ddd;padding:.5rem;flex:1 1 200px;min-width:180px}
#controls legend{font-weight:bold;font-size:1rem;padding:0 .2rem}
#controls label{display:flex;flex-direction:column;margin:.3rem 0;font-size:.9rem}
#controls .range-wrap label{flex-direction:row;justify-content:space-between;align-items:center}
#controls .range-wrap input[type=range]{width:100%}
#controls .color-row{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}
input[type=number]{width:4rem}
canvas{border:1px solid #ddd;margin-top:1rem;max-width:100%;height:auto}
button{font-size:1.2rem;padding:.5rem 1rem;margin:.5rem 0}