/* Hide the native cursor only after a visible frame has rendered successfully. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :root[data-noor-cursor=vortex]:not([data-reduced-motion=true]) body,
 :root[data-noor-cursor=vortex]:not([data-reduced-motion=true]) body *{cursor:none!important}
}
#noor-vortex-layer{position:fixed;inset:0;width:100%;height:100%;z-index:2147483000;pointer-events:none!important;overflow:clip;contain:strict}
#noor-vortex-layer canvas{position:absolute;top:0;left:0;width:160px;height:160px;pointer-events:none!important}
.cursor-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cursor-controls select{max-width:100%}
.cursor-preview{display:flex;align-items:center;gap:10px;margin-top:12px}
.cursor-preview span{display:grid;place-items:center;width:80px;height:64px;border:1px solid #808892;border-radius:3px}
.cursor-preview .cursor-on-light{background:#f4f0e8}
.cursor-preview .cursor-on-dark{background:#10161b}
.cursor-preview img{width:39.2px;height:auto;pointer-events:none}
.cursor-setting .cursor-copy{max-width:560px}
.cursor-setting [role=status]{font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px}
@media(max-width:700px){.cursor-controls{justify-content:flex-start;width:100%}.cursor-controls select{flex:1;min-width:160px}}