*{box-sizing:border-box}body{margin:0;color:#1e2933;background:#fff;font:15px/1.6 system-ui,sans-serif}main{padding:24px}h2{font-size:24px;font-weight:500;margin:0 0 8px}p{margin:8px 0}#scene{height:540px;width:100%;background:#f5f7f8;margin:20px 0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}button,select{font:inherit;background:white;color:inherit;border:1px solid #a8b0b8;padding:8px 12px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #1555a8;outline-offset:3px}.note,#status{font-size:13px;color:#52606a}@media(max-width:600px){main{padding:16px}#scene{height:380px}h2{font-size:21px}.controls{gap:8px}button,select{min-height:44px}}