.pin-draggable { cursor: grab; }
.pin-draggable:active { cursor: grabbing; }
.pin-draggable.pin-dragging { opacity: .45; }
.pin-draggable::after { content: '⠿'; position: absolute; top: 10px; right: 42px; z-index: 2; color: #37443a99; font: 18px/1 var(--sans); pointer-events: none; }
.image-pin.pin-draggable::after { color: #fff; text-shadow: 0 1px 3px #0009; }
.pin-drop-target { outline: 2px dashed var(--orange); outline-offset: 6px; background: #e9d5bf44; }
@media (pointer: coarse) { .pin-draggable::after { display: none; } .pin-draggable { cursor: auto; } }