: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);--hud-hot: #e8b87a}*{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:#14161c!important}#viewer .openseadragon-canvas,#viewer .openseadragon-container,#viewer>canvas{background:#14161c!important}.navigator{display:none!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}#toolbar{position:fixed;bottom:.9rem;left:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.4rem .55rem;background:var(--hud-bg);backdrop-filter:blur(10px);border:1px solid var(--hud-border);border-radius:.55rem;box-shadow:0 8px 32px #00000038;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--hud-fg);user-select:none}#toolbar button{background:transparent;border:1px solid var(--hud-border);color:var(--hud-dim);cursor:pointer;border-radius:.3rem;padding:.18rem .55rem;font:inherit;letter-spacing:.02em;transition:color 80ms,border-color 80ms,background 80ms}#toolbar button:hover{color:var(--hud-fg);border-color:var(--hud-fg)}#toolbar button.active{color:var(--hud-hot);border-color:var(--hud-hot);background:#e8b87a1f}#toolbar .divider{width:1px;align-self:stretch;background:var(--hud-border);margin:0 .15rem}#toolbar .readout{color:var(--hud-dim)}#toolbar .readout span{color:var(--hud-fg)}.overlay-grid line{stroke:#e8b87a59;stroke-width:2;vector-effect:non-scaling-stroke;fill:none}.overlay-grid.hidden{display:none}.overlay-bbox rect{fill:none;stroke:#9bd289d9;stroke-width:3;stroke-dasharray:8,6;vector-effect:non-scaling-stroke}.overlay-bbox text{fill:#9bd289f2;font:14px ui-monospace,monospace}.overlay-bbox.hidden{display:none}.overlay-labels{pointer-events:none}.overlay-labels text{fill:#e8b87a8c;font:9px/1 ui-monospace,monospace;text-anchor:start;dominant-baseline:hanging;paint-order:stroke;stroke:#161820cc;stroke-width:2}.overlay-labels.hidden{display:none}