:root{color-scheme:light;font-family:Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#eee;color:#333}.painter-root{display:flex;align-items:flex-start;padding:2rem}.painter-canvas{border:2px solid #333;cursor:crosshair}.painter-panel{margin-left:20px}.painter-panel h2{margin:0 0 12px;font-size:1.5rem}.painter-colors{display:flex;flex-wrap:wrap;gap:4px}.painter-swatch{width:30px;height:30px;cursor:pointer;border:2px solid #555}.painter-swatch.selected{outline:3px solid #333;outline-offset:1px}