/*
  MEA TOOLS — IMAGE TO PDF STYLES
  =================================
*/

/* ---------- Drop zone ---------- */

.mea-status { margin-top: 14px; font-size: 13px; min-height: 18px; }

/* ---------- File list (drag reorder) ---------- */

.mea-file-section { margin-top: 28px; }
.mea-file-section h2 { font-size: 14px; font-weight: 600; color: var(--mea-text-primary); margin-bottom: 4px; }
.mea-file-section .mea-hint { font-size: 12.5px; color: var(--mea-text-muted); margin-bottom: 14px; }

.mea-file-list {
  border-top: 1px solid var(--mea-border);
  max-height: 340px;
  overflow-y: auto;
}

.mea-file-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 4px;
  border-bottom: 1px solid var(--mea-border);
  cursor: grab;
  transition: opacity 0.15s ease, background 0.15s ease;
}
.mea-file-row.is-dragging { opacity: 0.35; }
.mea-file-row:hover { background: var(--mea-surface); }

.mea-file-drag-handle { color: var(--mea-text-muted); flex-shrink: 0; display: flex; }
.mea-file-drag-handle svg { width: 16px; height: 16px; }

.mea-file-order {
  width: 20px; height: 20px; flex-shrink: 0;
  border-radius: 50%;
  background: var(--mea-accent-muted);
  color: var(--mea-accent-text);
  font-size: 10.5px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}

.mea-file-thumb {
  width: 36px; height: 36px;
  object-fit: cover;
  border-radius: var(--mea-radius-sm);
  border: 1px solid var(--mea-border);
  flex-shrink: 0;
}

.mea-file-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mea-file-name {
  font-size: 13.5px; color: var(--mea-text-primary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mea-file-meta { font-size: 12px; color: var(--mea-text-muted); }

.mea-file-reorder { display: flex; gap: 2px; flex-shrink: 0; }
.mea-file-move { padding: 5px; border-radius: var(--mea-radius-sm); color: var(--mea-text-muted); display: flex; }
.mea-file-move svg { width: 14px; height: 14px; }
.mea-file-move:hover:not(:disabled) { color: var(--mea-accent-text); background: var(--mea-accent-muted); }
.mea-file-move:disabled { opacity: 0.25; cursor: not-allowed; }

.mea-file-remove { padding: 6px; border-radius: var(--mea-radius-sm); color: var(--mea-text-muted); flex-shrink: 0; display: flex; }
.mea-file-remove svg { width: 16px; height: 16px; }
.mea-file-remove:hover { color: var(--mea-danger-text); background: var(--mea-danger-bg); }

/* ---------- Page size option ---------- */

.mea-field { margin-top: 20px; }
.mea-field label {
  display: block;
  font-size: 13px;
  color: var(--mea-text-secondary);
  margin-bottom: 8px;
}

.mea-quality-btn {
  flex: 1;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid var(--mea-border);
  border-radius: var(--mea-radius-sm);
  color: var(--mea-text-secondary);
  font-size: 13px;
  font-weight: 500;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

/* ---------- Action button ---------- */

.mea-controls { margin-top: 24px; }

/* ---------- FAQ ---------- */

.mea-faq-item summary::after {
  content: "+";
  font-size: 18px;
  font-weight: 400;
  color: var(--mea-text-muted);
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 12px;
}