.tray .eraser { border: 0; padding: 0; cursor: grab; touch-action: none; }
.tray .marker { cursor: grab; touch-action: none; }
.tray .eraser:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
.tray-tool-active, .tray-tool-active * { cursor: grabbing !important; }
.tray-tool-active[data-tray-tool="eraser"] .tray .eraser,
.tray-tool-active[data-tray-tool="black"] .tray .marker[data-name="black"],
.tray-tool-active[data-tray-tool="red"] .tray .marker[data-name="red"],
.tray-tool-active[data-tray-tool="green"] .tray .marker[data-name="green"],
.tray-tool-active[data-tray-tool="purple"] .tray .marker[data-name="purple"] { opacity: .18; }
.tray-tool-floating { position: fixed; z-index: 10000; pointer-events: none; background: center / 100% 100% no-repeat; transform: rotate(-8deg); filter: drop-shadow(0 8px 8px #0008); }
.eraser-floating { background-image: url(assets/eraser.svg); }
.marker-floating { transform: rotate(-25deg); }
.widget.eraser-target { outline: 3px solid #f1708e; outline-offset: 4px; filter: drop-shadow(0 0 10px #f36b8fa8); }
.marker-target { outline: 3px solid var(--tray-ink); outline-offset: 4px; filter: drop-shadow(0 0 8px var(--tray-ink)); }
@media (prefers-reduced-motion: reduce) { .tray-tool-floating { transform: none; } }