/* Upload + drag-drop styles */

.input-bar.drag-over {
  outline: 2px dashed var(--color-accent-claude);
  outline-offset: -2px;
  background: rgba(212, 165, 116, 0.05);
}

#attach-preview {
  display: flex; flex-wrap: wrap; gap: 6px;
  padding: 4px 0; align-items: center;
}

.attach-chip {
  display: inline-flex; align-items: center; gap: 4px;
  background: var(--color-border); border-radius: 4px;
  padding: 2px 6px; font-size: 0.75rem; color: var(--color-text);
  max-width: 180px;
}

.attach-thumb {
  width: 24px; height: 24px; object-fit: cover; border-radius: 3px;
}

.attach-label {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  max-width: 120px;
}

.attach-remove {
  background: none; border: none; color: var(--color-text-muted);
  cursor: pointer; font-size: 0.9rem; padding: 0 2px;
  line-height: 1;
}
.attach-remove:hover { color: #f85149; }

#attach-btn:hover { color: var(--color-text); border-color: var(--color-text-muted); }