*{box-sizing:border-box}body{margin:0;background:#fff;color:#171717;font-family:Tahoma,Arial,sans-serif}header{display:flex;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #ddd}header b{color:#eb0a1e}main{max-width:1500px;margin:auto;padding:45px 5%;text-align:center}.eyebrow{color:#777;font-size:13px}h1{font-size:clamp(30px,5vw,60px);margin:15px 0 25px}p{color:#777;line-height:1.9}#stage{background:radial-gradient(ellipse,#eee,#fff 70%);touch-action:pan-y;cursor:grab;border-radius:20px;overflow:hidden}#stage:active{cursor:grabbing}#spin{width:100%;display:block;max-height:65vh;object-fit:contain;user-select:none}.controls,.colors{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}button{font-family:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:24px;padding:11px 18px}.controls{margin:15px 0 30px}.colors button{display:flex;align-items:center;gap:8px;font-size:12px}.colors span{width:25px;height:25px;border:1px solid #aaa;background:var(--paint);border-radius:50%}.colors button:nth-child(n+6) span{background:linear-gradient(145deg,#222 45%,var(--paint) 46%)}.colors [aria-pressed=true]{border:2px solid #eb0a1e}.help{margin-top:30px;font-size:13px}.note{font-size:12px}a{color:#333;display:inline-block;margin-top:20px;font-size:13px}button:focus-visible,#stage:focus-visible{outline:3px solid #eb0a1e}#stage:fullscreen{display:flex;align-items:center;justify-content:center}#stage:fullscreen #spin{max-height:100vh}@media(max-width:600px){main{padding:25px 15px}.colors{gap:8px}button{padding:10px 12px}.colors button{font-size:11px}.colors span{width:20px;height:20px}}