:root{--panel-bg: rgba(12, 12, 14, .65);--panel-color: #fff;--ui-pad: 10px}html,body{background:#0b0b0b;color:#eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100%;margin:0}#canvas{display:block;height:100vh;width:100vw}#ui{background:var(--panel-bg);border-radius:8px;box-shadow:0 6px 18px #0009;color:var(--panel-color);max-width:280px;padding:var(--ui-pad);position:absolute;top:12px;left:12px;z-index:20}#ui h1{font-size:16px;margin:0 0 8px}.controls{align-items:center;display:flex;gap:8px;margin-bottom:6px}.controls label{font-size:13px}.controls input[type=number]{margin-left:6px;width:72px}button{background:#1f6feb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}button:active{transform:translateY(1px)}.hint{font-size:12px;margin:6px 0 0;opacity:.9}
