/* Grid/List View Toggle & List Layout */
.view-toggle-btn.active {
    background: var(--primary-purple) !important;
    color: white !important;
    font-weight: var(--font-medium);
}

.view-toggle-btn:hover:not(.active) {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* List view - horizontal card layout */
.prompt-grid.prompt-grid--list {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-4);
}

.prompt-grid.prompt-grid--list .prompt-card-3d,
.prompt-grid.prompt-grid--list .prompt-card {
    display: flex !important;
    flex-direction: row !important;
    max-width: 100%;
}

.prompt-grid.prompt-grid--list .prompt-thumbnail {
    flex: 0 0 200px !important;
    min-width: 200px !important;
    padding-top: 0 !important;
    height: 140px !important;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg) !important;
}

.prompt-grid.prompt-grid--list .prompt-thumbnail img {
    height: 100% !important;
}

.prompt-grid.prompt-grid--list .prompt-card-body {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.prompt-grid.prompt-grid--list .prompt-card-desc {
    -webkit-line-clamp: 2 !important;
}

@media (max-width: 640px) {
    .prompt-grid.prompt-grid--list .prompt-thumbnail {
        flex: 0 0 120px !important;
        min-width: 120px !important;
        height: 100px !important;
    }
}