/* Base-2 Canvas - Color Wheel Styles */

.color-wheel-container {
    position: fixed;
    z-index: 2000;
    touch-action: none;
    pointer-events: auto;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.5));
}

.color-wheel-container canvas {
    border-radius: 50%;
    cursor: crosshair;
}

/* Animation for showing/hiding */
.color-wheel-container {
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

.color-wheel-container[data-animating="in"] {
    opacity: 0;
    transform: scale(0.9);
}

.color-wheel-container[data-animating="out"] {
    opacity: 0;
    transform: scale(0.9);
}