/* Mouse Properties and the pointer effects it switches on */
.mouse-window .resize-handle { display: none; }
.mouse-window .access-panel label { display: flex; align-items: center; gap: 6px; }
.mouse-window input[type="range"] { flex: 1; min-width: 0; }
.mouse-window .access-panel button { font: 11px Tahoma, sans-serif; padding: 2px 8px; }
.mouse-folder { width: 48px; height: 40px; margin: 4px auto; display: block; padding: 0; background: none; border: 1px solid transparent; font-size: 34px; line-height: 40px; text-align: center; cursor: default; }
.mouse-folder::before { content: "\1F4C1"; }
.mouse-folder.open::before { content: "\1F4C2"; }
.mouse-folder:focus-visible { outline: 1px dotted #000; }
.mouse-trail, .mouse-locate { position: fixed; z-index: 100000; pointer-events: none; transform: translate(-50%, -50%); }
.mouse-trail { width: 10px; height: 10px; border-radius: 50%; background: rgba(49, 106, 197, 0.55); animation: mouse-fade 350ms linear forwards; }
.mouse-locate { width: 12px; height: 12px; border: 2px solid #316ac5; border-radius: 50%; animation: mouse-ping 800ms ease-out forwards; }
@keyframes mouse-fade { to { opacity: 0; transform: translate(-50%, -50%) scale(.3); } }
@keyframes mouse-ping { to { width: 90px; height: 90px; opacity: 0; } }
html.mouse-hidden, html.mouse-hidden * { cursor: none !important; }