If you are not redirected, click here.

If you are not redirected, click here.

html,body { margin:0; padding:0; height:100%; width:100%; background:#fff; font-family:system-ui, Arial; } #painter-canvas { display:block; margin:0 auto; border:2px solid #000; background:#fff; touch-action:none; width:100vmin; height:100vmin; } #popup { position:fixed; inset:0; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:opacity .2s; z-index:9999; } #popup.open { visibility:visible; opacity:1; } #panel { background:#fff; border:3px solid #000; border-radius:8px; padding:16px; text-align:center; width:min(90%,500px); } .btn { margin:12px; padding:20px 32px; font-weight:bold; border:4px solid #000; background:#eee; border-radius:12px; cursor:pointer; font-size:clamp(24px,6vw,32px); } .btn:hover { background:#ddd; } .input { margin:12px; font-size:clamp(20px,5vw,28px); padding:10px; } /* Gear control button 4x bigger (only change) */ #openControls { position:fixed; bottom:12px; right:12px; border-radius:50%; width:256px; height:256px; display:flex; align-items:center; justify-content:center; font-size:128px; } ⚙️