.marker-editing-overlay{left:var(--selector-anchor-x,50%);top:var(--selector-anchor-y,50%);z-index:20;font-family:var(--font-poppins);background:#333;border:2px solid #666;border-radius:.5em;padding:.85em;position:absolute;overflow:visible;translate:-50% calc(-100% - 4rem)}@container mock-map (width<=520px){.marker-editing-overlay{inset:auto .625em .625em;translate:none}}@container mock-map (width<=420px){.marker-editing-overlay{--marker-chip-artwork:48px}}.marker-editing-overlay>[role=listbox]{max-width:calc(calc(var(--marker-chip-artwork,64px) + .25em * 2) * 4 + .75em * 3);grid-template-columns:repeat(auto-fit, calc(var(--marker-chip-artwork,64px) + .25em * 2));color-scheme:light only;box-sizing:content-box;justify-content:center;gap:.75em;margin:0 auto;padding:0;display:grid}.marker-editing-overlay>[role=listbox] li[role=option]{width:calc(var(--marker-chip-artwork,64px) + .25em * 2);height:calc(var(--marker-chip-artwork,64px) + .25em * 2);box-sizing:border-box;border:2px solid #666;border-radius:.5em;justify-content:center;align-items:center;padding:.25em;list-style:none;display:flex;position:relative;overflow:visible}.marker-editing-overlay>[role=listbox] li[role=option][aria-selected=true]{border-color:var(--brand,#89ab24)}.marker-editing-overlay>[role=listbox] li[role=option]:focus-within,.marker-editing-overlay>[role=listbox] li[role=option]:hover,.marker-editing-overlay>[role=listbox] li[role=option].is-demo-target{border-color:#aaa}.marker-editing-overlay>[role=listbox] li[role=option][aria-selected=true].is-demo-target{border-color:var(--brand,#89ab24)}.marker-editing-overlay>[role=listbox] li[role=option][aria-disabled=true]{color:#777;cursor:not-allowed}.marker-editing-overlay>[role=listbox] li[role=option][aria-disabled=true]:hover,.marker-editing-overlay>[role=listbox] li[role=option][aria-disabled=true]:focus-within{border-color:#666}.marker-editing-overlay>[role=listbox] li[role=option][aria-disabled=true] svg{color:inherit}.marker-editing-overlay>[role=listbox] li[role=option] img{color-scheme:light only;max-width:100%;height:100%}.marker-editing-overlay>[role=listbox] li[role=option]>svg{width:100%;height:100%;display:block}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon{cursor:pointer;width:calc(.7em + 2px);height:calc(.7em + 2px);color:inherit;z-index:1;font:inherit;appearance:none;justify-content:center;align-items:center;display:flex;position:absolute}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon.marker-edit-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon.marker-edit-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon.marker-edit-icon{top:-.4em;right:-.4em}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon.marker-duplicate-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon.marker-duplicate-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon.marker-duplicate-icon{bottom:-.4em;right:-.4em}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon.marker-delete-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon.marker-delete-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon.marker-delete-icon{top:-.4em;left:-.4em}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon{box-sizing:border-box;background:#333;border:1px solid #888;border-radius:.2em;padding:.1em}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon svg,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon svg,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon svg{width:.5em;height:.5em}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon:not(:disabled):is(:focus-visible,:hover,.is-demo-target),.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon:not(:disabled):is(:focus-visible,:hover,.is-demo-target),.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon:not(:disabled):is(:focus-visible,:hover,.is-demo-target){border-color:#aaa}.marker-editing-overlay>[role=listbox] li[role=option] .marker-edit-icon:disabled,.marker-editing-overlay>[role=listbox] li[role=option] .marker-delete-icon:disabled,.marker-editing-overlay>[role=listbox] li[role=option] .marker-duplicate-icon:disabled{color:#a9a9a9;cursor:not-allowed}.mock-map-overlay{color-scheme:light only;font-family:var(--font-poppins);outline:none;position:absolute;inset:0}.mock-map-overlay:focus-visible{box-shadow:0 0 0 2px var(--accent-600,#3d7ea6)}.mock-map-overlay .mock-map-scene{transform-origin:0 0;transform:translate(calc((.5 - var(--map-focus-x) * var(--map-scale)) * 100%), calc((.5 - var(--map-focus-y) * var(--map-scale)) * 100%)) scale(var(--map-scale));will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.mock-map-overlay .mock-map-pins{position:absolute;inset:0}.mock-map-overlay .space-pin,.mock-map-overlay .selected-marker-preview{transform-origin:50% 100%;color:var(--accent-800,orange);filter:drop-shadow(0 1px 1px oklab(0% none none/.18));background:0 0;border:0;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-100%)}.mock-map-overlay .space-pin img,.mock-map-overlay .space-pin svg,.mock-map-overlay .selected-marker-preview img,.mock-map-overlay .selected-marker-preview svg{pointer-events:none;width:100%;height:100%;display:block}.mock-map-overlay .space-pin:hover,.mock-map-overlay .space-pin:focus-visible,.mock-map-overlay .space-pin.is-demo-target,.mock-map-overlay .selected-marker-preview:hover,.mock-map-overlay .selected-marker-preview:focus-visible,.mock-map-overlay .selected-marker-preview.is-demo-target{transform:translate(-50%,-100%)scale(1.14)}.mock-map-overlay .space-pin{cursor:pointer}.mock-map-overlay .space-pin:focus{outline:none}.mock-map-overlay .mock-map-restart{z-index:40;background:color-mix(in oklab, var(--bg-900,#fff) 92%, transparent);color:var(--fg-850,#222);font:700 .7rem/1.3 var(--font-poppins);cursor:pointer;white-space:nowrap;border:1px solid oklab(0% none none/.12);border-color:oklab(0% none none/.12) oklab(0% none none/.12) oklab(0% none none/.12) oklab(0% none none/.12);border-radius:.45em;align-items:center;gap:.3rem;padding:.28rem .6rem .28rem .5rem;display:inline-flex;position:absolute;top:.55rem;right:.55rem;box-shadow:0 2px 10px oklab(0% none none/.16)}.mock-map-overlay .mock-map-restart:hover{background:var(--bg-900,#fff);color:var(--accent-600,#3d7ea6)}.mock-map-overlay .mock-map-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:.75rem;left:50%;translate:-50%}.mock-map-overlay .mock-map-toast{background:color-mix(in oklab, var(--bg-900,#fff) 92%, transparent);max-height:3rem;color:var(--fg-850,#222);white-space:nowrap;border:1px solid oklab(0% none none/.12);border-color:oklab(0% none none/.12) oklab(0% none none/.12) oklab(0% none none/.12) oklab(0% none none/.12);border-radius:.45em;align-items:center;gap:.55em;padding:.45em .7em;font-size:.8rem;line-height:1;transition:max-height .32s,padding .32s,margin .32s,opacity .32s,translate .32s,border-width .32s;animation:.28s cubic-bezier(.22,1,.36,1) mock-map-toast-in;display:flex;overflow:hidden;box-shadow:0 2px 10px oklab(0% none none/.16)}.mock-map-overlay .mock-map-toast.is-leaving{opacity:0;border-width:0;max-height:0;margin:0;padding-block:0;animation:none;translate:0 .85rem}.mock-map-overlay .mock-map-toast__keys{align-items:center;gap:.2em;display:inline-flex}.mock-map-overlay .mock-map-toast__keys kbd{background:color-mix(in oklab, var(--bg-800,#f3f3f3) 88%, transparent);min-width:1.35em;font:inherit;letter-spacing:.02em;border-top:1px solid oklab(0% none none/.18);border-bottom:2px solid oklab(0% none none/.18);border-left:1px solid oklab(0% none none/.18);border-right:1px solid oklab(0% none none/.18);border-radius:.3em;justify-content:center;align-items:center;padding:.2em .35em;font-weight:600;display:inline-flex}.mock-map-overlay .mock-map-toast__action{font-weight:600}@keyframes mock-map-toast-in{0%{opacity:0;translate:0 .65rem}to{opacity:1;translate:0}}.mock-map-demo-cursor{z-index:1100;pointer-events:none;filter:drop-shadow(0 2px 2px oklab(0% none none/.28));opacity:1;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),opacity .32s,scale .12s;position:absolute;translate:-12% -8%}.mock-map-demo-cursor--fading{opacity:0;transition:left,top,opacity .32s,scale .12s}.mock-map-demo-cursor--clicking{scale:.86}.mock-map-demo-cursor--dragging{transition:none;scale:.9}.mock-map-demo-cursor svg{display:block}