:root{--hud-bg: rgba(10, 16, 24, .72);--hud-fg: #cfe3f5;--hud-dim: #7f96ab;--accent: #e8a33d}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a1018;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#viewport{display:block;width:100vw;height:100vh;touch-action:none}#hud{position:fixed;top:16px;left:16px;padding:12px 16px;background:var(--hud-bg);border:1px solid rgba(127,150,171,.25);border-radius:10px;color:var(--hud-fg);font-size:12px;line-height:1.6;backdrop-filter:blur(6px);user-select:none;pointer-events:none;z-index:10;min-width:210px}.hud-title{font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.hud-badge{display:inline-block;font-size:10px;font-weight:600;color:#10202c;background:var(--accent);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:middle;text-transform:uppercase}.hud-status{color:var(--hud-dim);margin-bottom:6px}.hud-status[data-state=ok]{color:#6ee7a0}.hud-hints{display:flex;gap:12px;color:var(--hud-dim);font-size:11px}.hud-meta{margin-top:6px;color:var(--accent);font-size:11px}#error{position:fixed;inset:0;display:grid;place-items:center;background:#060a10e0;z-index:20}#error.hidden{display:none}.error-box{max-width:460px;padding:28px 32px;background:var(--hud-bg);border:1px solid rgba(255,90,90,.4);border-radius:12px;color:var(--hud-fg);text-align:center}.error-box h2{color:#ff7a7a;margin-bottom:10px;font-size:18px}.error-box p{font-size:13px;margin-bottom:8px}.error-hint{color:var(--hud-dim);font-size:12px}#toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:12px 16px;background:var(--hud-bg);border:1px solid rgba(127,150,171,.25);border-radius:12px;color:var(--hud-fg);font-size:12px;backdrop-filter:blur(6px);user-select:none;z-index:10;max-width:calc(100vw - 32px)}.tb-group{display:flex;flex-direction:column;gap:6px}.tb-label{color:var(--hud-dim);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.tb-row{display:flex;gap:6px}.tb-row button{min-width:34px;height:34px;padding:0 8px;background:#10202cd9;border:1px solid rgba(127,150,171,.35);border-radius:8px;color:var(--hud-fg);font-size:14px;cursor:pointer;transition:all .12s ease;line-height:1}.tb-row button:hover{border-color:var(--accent)}.tb-row button.active{border-color:var(--accent);background:#e8a33d2e;box-shadow:0 0 0 1px var(--accent) inset}.palette-btn{border-radius:50%!important;min-width:26px!important;width:26px;height:26px!important;padding:0!important;background:var(--c)!important;border:2px solid rgba(16,32,44,.9)!important}.palette-btn:hover{transform:scale(1.15)}.tb-actions{flex-direction:row;gap:8px;align-items:center}.tb-actions button{height:34px;padding:0 12px;background:#10202cd9;border:1px solid rgba(127,150,171,.35);border-radius:8px;color:var(--hud-fg);font-size:12px;cursor:pointer;transition:all .12s ease}.tb-actions button:hover{border-color:var(--accent)}.tb-actions button.active{border-color:var(--accent);background:#e8a33d2e}.hud-probe{margin-top:6px;color:#8fd0ff;font-size:11px;min-height:14px}