:root{--ink:#e7eef2;--mute:#8aa0aa;--navy:#1b365d;--orange:#e85a24;--panel:#0a121c94;--line:#e8eef229}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);background:#04161c;font-family:IBM Plex Mono,ui-monospace,monospace;overflow:hidden}#view{cursor:grab;width:100%;height:100%;display:block}#view.is-dragging{cursor:grabbing}#hud{pointer-events:none;padding:28px 32px;position:fixed;inset:0}.brand{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.brand-logo{filter:drop-shadow(0 1px 8px #08122073);width:auto;height:28px;display:block}.brand p{color:var(--mute);letter-spacing:.28em;text-transform:uppercase;font-size:11px}.ops{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:220px;padding:14px 16px 12px;position:absolute;bottom:28px;left:32px}.ops-label{color:var(--orange);letter-spacing:.32em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.ops ul{gap:6px;list-style:none;display:grid}.ops li{color:var(--mute);justify-content:space-between;gap:16px;font-size:11px;display:flex}kbd{color:var(--ink);letter-spacing:.04em;font-family:inherit;font-size:11px}