.tool-dropzone[data-dragging="true"] .tool-dropzone-panel {
  border-color: #000;
  background:
    radial-gradient(circle at top, rgba(255, 214, 10, 0.18), transparent 55%),
    linear-gradient(180deg, #fffef7 0%, #fff8d8 100%);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px) scale(1.01);
}

.tool-dropzone .tool-dropzone-panel {
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.tool-dropzone-badge {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.tool-dropzone[data-dragging="true"] .tool-dropzone-badge {
  background-color: #000;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  transform: scale(1.08);
}

.tool-dropzone[data-dragging="true"] [data-dropzone-icon] {
  color: #fff7bf;
}

.tool-dropzone-kicker {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.tool-dropzone[data-dragging="true"] .tool-dropzone-kicker {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.82);
  color: #111827;
}