.pme-demo{--pme-hotspot-size:60px;--pme-hotspot-border:4px;--pme-hotspot-accent:#e04c5d;--pme-tooltip-bg:rgba(0,0,0,.86);--pme-tooltip-gap:8px;--pme-ctrl-color:#4c6993;--pme-ctrl-bg-hover:transparent;--pme-ctrl-icon-hover:#4c6993;--pme-ctrl-ring:rgba(76,105,147,.35);--pme-mobile-card-bg:#fff;--pme-mobile-card-text:#172033;--pme-mobile-card-border:rgba(76,105,147,.18);overflow:visible}.pme-demo,.pme-demo *{-webkit-tap-highlight-color:var(--pme-ctrl-ring)}.pme-demo__wrap{margin:2rem auto 1rem;max-width:900px;position:relative;width:100%}.pme-demo__img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;transition:opacity .25s ease;width:100%;will-change:opacity}@keyframes pme-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.25)}}@media (prefers-reduced-motion:reduce){.pme-demo__hotspot{animation:none}}.pme-demo__hotspot{animation:pme-pulse 2s ease-in-out infinite;background:transparent;border:var(--pme-hotspot-border) solid var(--pme-hotspot-accent);border-radius:50%;cursor:pointer;height:var(--pme-hotspot-size);position:absolute;touch-action:manipulation;transform:translate(-50%,-50%);width:var(--pme-hotspot-size);z-index:2}.pme-demo__hotspot:before{content:"";inset:-14px;position:absolute}.pme-demo__hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px}.pme-demo__hotspot:focus:not(:focus-visible){box-shadow:none;outline:none}.pme-demo__tooltip{background:var(--pme-tooltip-bg);border-radius:6px;color:#fff;font-size:.95rem;line-height:1.45;max-width:280px;opacity:1;padding:.75rem .9rem;pointer-events:none;position:fixed;text-wrap:balance;transform:translateY(0);transition:opacity .18s ease,transform .18s ease;z-index:999}.pme-demo__tooltip:after{border:6px solid transparent;border-bottom:6px solid var(--pme-tooltip-bg);content:"";left:50%;position:absolute;top:-6px;transform:translateX(-50%)}.pme-demo__tooltip.is-hidden{opacity:0;transform:translateY(-4px)}.pme-demo__sr{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pme-demo__controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.9rem}.pme-demo__controls,.pme-demo__ctrl{align-items:center;justify-content:center}.pme-demo__ctrl{background:transparent;border:2px solid var(--pme-ctrl-color);border-radius:9999px;color:var(--pme-ctrl-color);display:inline-flex;gap:.45rem;height:50px;min-width:50px;padding:0 14px;position:relative;transition:background .18s ease,color .18s ease,transform .06s ease,box-shadow .18s ease}.pme-demo__ctrl svg{display:block;flex:0 0 auto}.pme-demo__ctrl-label{display:none;font-size:.9rem;font-weight:600;line-height:1}.pme-demo__ctrl:hover{background:var(--pme-ctrl-bg-hover);border-color:var(--pme-ctrl-color);color:var(--pme-ctrl-icon-hover)}.pme-demo__ctrl:active{transform:scale(.98)}.pme-demo__ctrl:focus-visible{outline:3px solid var(--pme-hotspot-accent);outline-offset:2px}.pme-demo__ctrl[hidden]{display:none}.pme-demo__ctrl:after{background:rgba(0,0,0,.85);border-radius:4px;bottom:calc(100% + 8px);color:#fff;content:attr(aria-label);font-size:12px;line-height:1;padding:6px 8px;pointer-events:none;white-space:nowrap}.pme-demo__ctrl:after,.pme-demo__ctrl:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:1000}.pme-demo__ctrl:before{border:6px solid transparent;border-top-color:rgba(0,0,0,.85);bottom:calc(100% + 2px);content:""}@media (hover:hover){.pme-demo__ctrl:hover:after,.pme-demo__ctrl:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}}.pme-demo__ctrl:focus-visible:after,.pme-demo__ctrl:focus-visible:before{opacity:1;transform:translateX(-50%) translateY(0)}.pme-demo__hint{background:#fff;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15);color:#e04c5d;font-size:16px;font-weight:600;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-220%);transition:opacity .4s ease;white-space:nowrap;z-index:3}.pme-demo__hint.is-visible{opacity:1}@media (max-width:600px){.pme-demo{--pme-hotspot-size:40px;--pme-hotspot-border:3px}.pme-demo__wrap{margin:1.25rem auto .75rem;overflow:visible}.pme-demo__img{box-shadow:0 12px 28px rgba(17,31,56,.12)}.pme-demo__hotspot{animation:none}.pme-demo__tooltip{background:var(--pme-mobile-card-bg);border:1px solid var(--pme-mobile-card-border);border-left:4px solid var(--pme-hotspot-accent);border-radius:14px;box-shadow:0 14px 32px rgba(17,31,56,.08);color:var(--pme-mobile-card-text);margin:.9rem 0 0;max-width:none;padding:1rem 1rem 1rem 1.1rem;pointer-events:auto;position:static;width:100%}.pme-demo__tooltip.is-hidden,.pme-demo__tooltip[aria-hidden=true]{border:0;box-shadow:none;display:none;margin:0;padding:0}.pme-demo__tooltip:after{display:none}.pme-demo__controls{gap:.65rem;justify-content:stretch}.pme-demo__ctrl{border-width:1.5px;flex:1 1 0;height:46px;min-width:0;padding:0 16px}.pme-demo__ctrl-label{display:inline}.pme-demo__ctrl:after,.pme-demo__ctrl:before,.pme-demo__hint{display:none}}