/* AI tool pages (lib/ai_tool_page.php); the cards come from subtitle-remover/style.css and vocal-remover/style.css. */
.ait-form { display: flex; flex-wrap: wrap; gap: 14px 18px; }
.ait-field { flex: 1 1 100%; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ait-field-sm { flex: 1 1 220px; }
.ait-field.form-check { flex-direction: row; align-items: flex-start; gap: 8px; padding-left: 1.5rem; }
.ait-label { font-weight: 600; margin: 0; }
.ait-field textarea { resize: vertical; min-height: 80px; }
.ait-field .custom-file-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 90px; }
.ait-preview { max-width: 220px; max-height: 220px; border-radius: 8px; object-fit: contain; border: 1px solid rgba(0, 0, 0, .1); }
.ait-actions { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.ait-job-body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ait-result-img { max-width: 260px; max-height: 260px; border-radius: 8px; display: block; }
.ait-result-audio { width: 100%; max-width: 420px; }
.ait-result-video { width: 100%; max-width: 420px; max-height: 420px; border-radius: 8px; background: #000; }
.ait-page .vs-job { overflow-wrap: anywhere; }
@media (max-width: 575px) {
    .ait-field-sm { flex-basis: 100%; }
    .ait-result-img, .ait-preview { max-width: 100%; }
}
.ait-page .vs-signin { margin-bottom: 14px; }