@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
}

/* Modal styles */
.modal-overlay {
    transition: opacity 0.3s ease;
}
.modal-content {
    transition: transform 0.3s ease;
}

/* Style for action buttons to prevent text selection on double click */
.action-btn {
     user-select: none;
    -webkit-user-select: none;
}

/* Style for the image thumbnail */
.thumbnail-img {
    object-position: top;
}

/* Custom scrollbar for prompt text area */
.prompt-scroll::-webkit-scrollbar {
    width: 6px;
}
.prompt-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.prompt-scroll::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}
.prompt-scroll::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Animation for cards dropping in */
@keyframes drop-in {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-drop-in {
    opacity: 0; /* Start hidden */
    animation: drop-in 0.5s ease-out forwards;
}