:root{color-scheme:dark;--bg: #0e0f12;--panel: #16181d;--fg: #e8e8ea;--muted: #9a9ca3;--accent: #4f8cff;--border: #2a2d35;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg)}#app{display:grid;grid-template-columns:1fr 340px;height:100%}#viewport{position:relative;background:#000;overflow:hidden}#stage{position:absolute;inset:0}#hud{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:5}.pill{background:#0000008c;padding:4px 8px;border-radius:999px;font-size:12px;backdrop-filter:blur(6px)}.pill.tracking{color:#4ade80}.pill.lost{color:#fbbf24}.pill.searching{color:#f87171}#hint{position:absolute;left:50%;bottom:18%;transform:translate(-50%);background:#0000008c;padding:8px 14px;border-radius:10px;font-size:14px;z-index:5}#hint:empty{display:none}#viewport-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:5}#viewport-actions button{font-size:20px;width:44px;height:44px;border-radius:50%}#panel{background:var(--panel);border-left:1px solid var(--border);padding:14px;overflow-y:auto;font-size:13px}#panel h1{font-size:16px;margin:0 0 10px}#panel h1 small,#panel h2 small{color:var(--muted);font-weight:400;font-size:11px}#panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}#panel section{margin-bottom:8px}button,select,input[type=url],input[type=text]{font:inherit;color:var(--fg);background:#22252c;border:1px solid var(--border);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:hover{border-color:#3a3f4a}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;padding:10px;font-weight:600}button:disabled{opacity:.5;cursor:default}select,input[type=url]{width:100%}.row{display:flex;gap:6px;margin-top:6px;align-items:center}.row input[type=url]{flex:1}label{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.slider{display:grid;grid-template-columns:90px 1fr 46px;align-items:center;gap:6px;margin:3px 0}.slider input[type=range]{width:100%}.slider .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}pre#anchor-json{background:#0b0c0f;border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px;max-height:180px;overflow:auto;margin:6px 0 0}.mono{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);white-space:pre-wrap;margin-top:6px}@media(max-width:800px){#app{grid-template-columns:1fr;grid-template-rows:60vh 1fr}#panel{border-left:none;border-top:1px solid var(--border)}}