.xp{min-width:0}.xp-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.625rem}.xp-bar,.xp-zoom{align-items:center}.xp-zoom{display:inline-flex;gap:.25rem}.xp .btn.xp-btn{min-width:2.25rem;justify-content:center;padding:.3125rem .625rem}.xp .btn.xp-wide{min-width:3.25rem}.xp-level{min-width:3.5rem;text-align:center}.xp-level,.xp-select{font-size:.8125rem;color:var(--ink)}.xp-select{max-width:13rem;border:1px solid var(--card-border);border-radius:8px;background:var(--card);padding:.3125rem .5rem}.xp-viewport{position:relative;height:clamp(26rem,calc(100dvh - 25rem),62rem);overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:var(--card);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}.xp-viewport:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.xp-viewport[data-dragging]{cursor:grabbing}.xp-svg{display:block;width:100%;height:100%}.xp-help{margin-top:.5rem;font-size:.75rem;line-height:1.5;color:var(--ink-2)}.xp-far{display:none}.xp-viewport[data-lod=far] .xp-far{display:inline}.xp-viewport[data-lod=far] .xp-near,.xp-viewport[data-lod=far] .xp-pulses{display:none}.xp-viewport[data-moving] .topo-pulse{animation-play-state:paused}.xp .topo-ring{vector-effect:non-scaling-stroke}.xp-table td.num,.xp-table th{white-space:nowrap}.xp-table td{vertical-align:top}@media (max-width:40rem){.xp-viewport{height:clamp(22rem,62dvh,40rem)}}