/* Existing macOS NSCursor.arrow bitmap: native hotspot5,5 at2× =10px,10px. */
/* The hotspot stays at the measured control point; only the arrow presses. */
.demo-cursor{position:fixed!important;left:0!important;top:0!important;width:1px;height:1px;z-index:85;pointer-events:none!important;contain:layout style;filter:drop-shadow(0 2px 2px #000b)}
.demo-cursor[hidden]{display:none!important}
.demo-cursor-arrow{position:absolute;left:-10px;top:-10px;transform-origin:10px 10px;transform:scale(1)}
.demo-cursor-arrow img{display:block;width:56px;height:80px;max-width:none;user-select:none}
.demo-cursor[data-pressed=true] .demo-cursor-arrow{transform:scale(.8)}
.demo-cursor[data-side=left] .demo-cursor-arrow{transform:scaleX(-1)}
.demo-cursor[data-side=left][data-pressed=true] .demo-cursor-arrow{transform:scale(-.8,.8)}
.demo-cursor i{display:none;position:absolute;left:-13px;top:-13px;width:26px;height:26px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #101821;background:#ffffff16}
.demo-cursor[data-pressed=true] i{display:block}
.demo-cursor span{display:none;position:absolute;left:13px;top:15px;min-width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #101821;color:#101821;text-align:center;font:600 10px/14px system-ui,sans-serif}
.demo-cursor[data-mode=static] span{display:block}
.demo-cursor[data-side=left] span{left:-29px}
.store-native-add[data-demo-pressed=true]{filter:brightness(.9)}
@media(prefers-reduced-motion:reduce){.demo-cursor-arrow{transform:scale(1)!important}.demo-cursor[data-side=left] .demo-cursor-arrow{transform:scaleX(-1)!important}.demo-cursor i{display:none!important}}

/* Prevent stale persisted setup from painting before the first matching story acknowledgement. */
.demo-section[data-scroll-story="active"]:not([data-story-ready="true"]) #live-extension{opacity:0!important;pointer-events:none!important}