/* Custom CSS that Tailwind doesn't cover */

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e2e2e2;
}

/* Toolbar button styles */
.toolbar-btn {
    @apply px-3 py-1.5 rounded-md text-sm font-medium text-gray-300 hover:bg-white/10 transition-colors disabled:opacity-50 disabled:cursor-not-allowed;
}

/* Modal styling */
.modal-content {
    @apply bg-dark-panel border border-dark-border rounded-lg shadow-xl p-6 w-full max-w-md;
}

/* Hide canvas default outline */
canvas {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* Utility to prevent text selection on canvas */
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}