.viewer.svelte-120r9pz{position:relative;overflow:hidden;padding:0}canvas.svelte-120r9pz{display:block;width:100%;height:min(70vh,620px);min-height:320px;border-radius:6px;touch-action:none;outline:none}@media(max-width:760px){canvas.svelte-120r9pz{height:min(62vh,440px)}}canvas.grab.svelte-120r9pz{cursor:grab}canvas.grab.svelte-120r9pz:active{cursor:grabbing}canvas.svelte-120r9pz:focus-visible{box-shadow:inset 0 0 0 2px var(--brass-light)}.state.svelte-120r9pz{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--cream);font-size:14px;pointer-events:none}.controls.svelte-120r9pz{position:absolute;top:10px;right:10px;display:grid;gap:6px}.controls.svelte-120r9pz button:where(.svelte-120r9pz){width:38px;height:38px;font-size:20px;font-weight:700;line-height:1}.controls.svelte-120r9pz .fit:where(.svelte-120r9pz){font-size:12px}.tip.svelte-120r9pz{position:absolute;z-index:2;left:calc(var(--sx) + 14px);top:calc(var(--sy) - 10px);width:-moz-max-content;width:max-content;max-width:min(290px,var(--room),calc(100% - 20px));padding:8px 12px 9px;font-size:13px;line-height:1.4;pointer-events:auto;box-shadow:0 4px 14px #00000073}.tip.right.svelte-120r9pz{left:auto;right:calc(100% - var(--sx) + 14px)}.tip.svelte-120r9pz:not(.below){top:auto;bottom:calc(100% - var(--sy) - 10px)}.tip.docked.svelte-120r9pz{inset:auto 8px 8px;width:auto;max-width:none}.tip.svelte-120r9pz .t:where(.svelte-120r9pz){margin:0;padding-right:16px;font-size:14.5px;font-weight:800}.tip.svelte-120r9pz .k:where(.svelte-120r9pz){margin:0 0 4px;font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.tip.svelte-120r9pz ul:where(.svelte-120r9pz){margin:0;padding-left:16px}.tip.svelte-120r9pz li.bad:where(.svelte-120r9pz){color:var(--bad)}.tip.svelte-120r9pz .only:where(.svelte-120r9pz){color:var(--ink-soft);font-weight:600}.tip.svelte-120r9pz .note:where(.svelte-120r9pz){margin:5px 0 0;font-size:12.5px;color:var(--ink-soft)}.tip.svelte-120r9pz .close:where(.svelte-120r9pz){position:absolute;top:2px;right:6px;border:0;background:none;color:var(--ink-soft);font-size:18px;cursor:pointer}.legend.svelte-120r9pz{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;padding:0;list-style:none;font-size:13px}.legend.svelte-120r9pz li:where(.svelte-120r9pz){display:flex;align-items:center;gap:6px}.dot.svelte-120r9pz{width:12px;height:12px;border-radius:50%;border:2px solid #2a1d10}.dot.buraco.svelte-120r9pz{background:#050505;width:13px;height:13px}.dot.origin.svelte-120r9pz{background:#4a3a2a;border-color:#46d6d0;width:13px;height:13px}.hint.svelte-120r9pz{margin:6px 0 0;font-size:12.5px;color:var(--ink-soft)}