:root{--bg:#0b0f13;--ui:rgba(20,24,32,.6);--border:rgba(255,255,255,.06);--text:#cbd5e1}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}#hud{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--ui);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.35;position:fixed;top:12px;bottom:auto;left:12px;right:auto}#panel{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--ui);border:1px solid var(--border);border-radius:12px;gap:8px;width:min(420px,90vw);padding:10px 12px;font-size:13px;display:grid;position:fixed;top:auto;bottom:12px;left:auto;right:12px}#panel input[type=text]{border:1px solid var(--border);width:100%;color:var(--text);background:#0f1319;border-radius:10px;outline:none;padding:8px 10px}#panel .row{flex-wrap:wrap;gap:8px;display:flex}#panel button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#11151c;border-radius:10px;padding:8px 10px}#panel button:hover{background:#171c25}canvas{display:block}