.tool-ui { display: flex; flex-direction: column; gap: 1rem; }

.drop-zone {
  border: 2px dashed var(--color-border);
  border-radius: 12px;
  padding: 2.5rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s;
}
.drop-zone.drag-over { border-color: var(--color-accent); }
.file-label { color: var(--color-accent); cursor: pointer; text-decoration: underline; }
.file-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.file-list li { display: flex; justify-content: space-between; align-items: center;
  background: var(--color-surface); padding: 0.5rem 1rem; border-radius: 8px; }
.file-size { color: var(--color-muted); font-size: 0.8rem; }
.remove-btn { background: none; border: none; color: var(--color-muted); cursor: pointer; }
.remove-btn:hover { color: #ef4444; }
.btn-primary {
  background: var(--color-accent); color: white;
  border: none; border-radius: 8px;
  padding: 0.75rem 2rem; font-size: 1rem;
  cursor: pointer; font-family: 'DM Sans', sans-serif; font-weight: 600;
  transition: opacity 0.2s;
}
.btn-primary:disabled { opacity: 0.4; cursor: not-allowed; }
.btn-primary:hover:not(:disabled) { opacity: 0.85; }
.ad-post-op {
  border: 1px solid var(--color-border);
  border-radius: 8px; padding: 1rem;
  font-size: 0.75rem; color: var(--color-muted); text-align: center;
}