.dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 20px;
  border: 2px dashed var(--border);
  border-radius: 14px;
  color: var(--muted);
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s, background 0.15s;
}
.dropzone:hover, .dropzone.drag { border-color: var(--primary); background: var(--primary-soft); }
.dz-icon { font-size: 2rem; }

.file-list { list-style: none; padding: 0; margin: 16px 0; }
.file-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  margin-bottom: 8px;
  background: #fff;
  cursor: grab;
}
.file-list li.dragging { opacity: 0.5; }
.file-list .fname { flex: 1; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-list .fremove { background: none; border: none; color: var(--bad); cursor: pointer; font-size: 1rem; }
.file-list .fhandle { color: var(--muted); }