/* ===================================
   Bulk Watermark Studio
   Layered on top of style.css - reuses its tokens, .wm-* and .ws-output-*
   =================================== */

.ws-header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.ws-lead {
    margin-bottom: var(--space-lg);
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1.6;
}

/* Results keep their original aspect ratio here, so the shared cover-crop would
   hide the watermark - the one thing the user needs to check at a glance. */
.results-grid .result-image {
    object-fit: contain;
    background: var(--surface-2);
}

@media (max-width: 860px) {
    .ws-header-actions {
        gap: var(--space-md);
    }
}