@media (pointer: fine) {
  html[data-ida-cursor] body { cursor: var(--ida-studio-cursor), auto; }
  html[data-ida-cursor] :is(a, button:not(:disabled), summary, select, [role="button"]) { cursor: var(--ida-studio-cursor), pointer; }
  html[data-ida-cursor] :is(input:not([type="color"]), textarea, [contenteditable="true"]) { cursor: text; }
}
.ida-cursor-settings { position: relative; color: #f5e9d1; font: 500 12px/1.4 system-ui, sans-serif; }
.ida-cursor-settings > summary { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 12px; border: 1px solid #d9b77780; border-radius: 999px; background: linear-gradient(135deg, #0d1a2bd9, #27394ad9); box-shadow: inset 0 1px #ffffff2a, 0 6px 18px #0003; color: inherit; list-style: none; white-space: nowrap; transition: border-color .2s, box-shadow .2s, transform .2s; }
.ida-cursor-settings > summary::-webkit-details-marker { display: none; }
.ida-cursor-settings > summary:hover, .ida-cursor-settings[open] > summary { border-color: #f0d497; box-shadow: inset 0 1px #ffffff40, 0 0 20px #d4a8534a; transform: translateY(-1px); }
.ida-cursor-settings :is(summary, button, input):focus-visible { outline: 2px solid #f7d996; outline-offset: 3px; }
.ida-cursor-settings__panel { position: absolute; top: calc(100% + 9px); right: 0; z-index: 1100; width: min(270px, calc(100vw - 24px)); padding: 17px; border: 1px solid #c9a668a8; border-radius: 16px; background: linear-gradient(145deg, #111c2bf5, #0b101af7); box-shadow: 0 25px 55px #0009, inset 0 1px #fff2; backdrop-filter: blur(20px); }
.ida-cursor-settings__title { display: block; margin-bottom: 4px; color: #f7e4b9; font-size: 13px; }
.ida-cursor-settings__copy { margin: 0 0 13px; color: #d4dbe4; font-size: 11px; }
.ida-cursor-settings__row { display: flex; align-items: center; gap: 10px; }
.ida-cursor-settings__row label { flex: 1; }
.ida-cursor-settings__row input[type="color"] { width: 52px; height: 40px; padding: 3px; border: 1px solid #b9a887; border-radius: 9px; background: #172b39; }
.ida-cursor-settings__row button { min-height: 38px; padding: 7px 10px; border: 1px solid #d9b77790; border-radius: 9px; background: #203244; color: #f7e4b9; font: inherit; }
@media (max-width: 740px), (pointer: coarse) { .ida-cursor-settings { display: none; } }
@media (prefers-reduced-motion: reduce) { .ida-cursor-settings > summary { transition: none; } }