:root{color-scheme:dark;--bg: #14161c;--hud-bg: rgba(22, 24, 32, .92);--hud-fg: #d8dce8;--hud-dim: #7d8590;--hud-accent: #c8c4be;--hud-border: rgba(200, 196, 190, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--hud-fg);font:13px/1.4 SF Mono,ui-monospace,Menlo,monospace}#viewer{position:fixed;inset:0;width:100vw;height:100vh;background:#d8d4cb}.openseadragon-canvas{background:#d8d4cb!important}aside#hud{position:fixed;top:.9rem;left:.9rem;background:var(--hud-bg);backdrop-filter:blur(10px);padding:.65rem .85rem .55rem;border:1px solid var(--hud-border);border-radius:.55rem;min-width:18rem;max-width:22rem;box-shadow:0 8px 32px #00000038;user-select:none}#hud header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;border-bottom:1px solid var(--hud-border);padding-bottom:.4rem}#hud .brand{font-weight:600;letter-spacing:.04em;color:var(--hud-accent)}#hud .tag{font-size:.72rem;padding:.12rem .45rem;border:1px solid var(--hud-border);border-radius:999px;color:var(--hud-dim)}#hud .tag.ok{color:#9bd289;border-color:#9bd28966}#hud .tag.warn{color:#d8b87a;border-color:#d8b87a66}#hud .tag.error{color:#e08b8b;border-color:#e08b8b66}#hud dl{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;row-gap:.18rem;font-variant-numeric:tabular-nums}#hud dt{color:var(--hud-dim);font-size:.75rem}#hud dd{margin:0;color:var(--hud-fg);font-size:.78rem;text-align:right}#hud .hint{margin-top:.45rem;font-size:.7rem;color:var(--hud-dim);line-height:1.35}