.thumbnails-row {
    display: flex;
    gap: 8px;

    .thumb-placeholder {
        flex: 1;
        height: 90px;
        background-color: var(--tn-bg-card);
        border: 1px solid var(--tn-border);
        border-radius: 6px;
        animation: thumb-pulse 1.5s ease-in-out infinite;
    }

    .thumb-img {
        flex: 1;
        height: 90px;
        object-fit: cover;
        border-radius: 6px;
        border: 1px solid var(--tn-border);
        cursor: pointer;
        transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;

        &:hover {
            border-color: var(--tn-blue);
            box-shadow: 0 0 14px rgba(122, 162, 247, 0.25);
            transform: translateY(-2px);
        }
    }
}

@keyframes thumb-pulse {
    0%, 100% { opacity: 0.4; }
    50%       { opacity: 0.7; }
}

#thumb-lightbox .modal-content {
    background-color: var(--tn-bg-dark);
    border-color: var(--tn-border);
}