*{box-sizing:border-box}body{margin:0;background:#101318;color:#f2f2f2;font-family:system-ui,-apple-system,sans-serif}.wrap{max-width:1200px;margin:auto;padding:12px}h1{font-size:22px;letter-spacing:2px;margin:4px 0 10px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}label{display:flex;align-items:center;gap:7px;font-size:14px}input{width:150px}button{background:#e8e8e8;border:0;border-radius:6px;padding:8px 13px;font-weight:700}.status{height:25px;font-weight:700}canvas{display:block;width:100%;height:auto;background:#86b7df;border-radius:8px;touch-action:none}.hint{font-size:13px;opacity:.75}