/* Стили для Drag & Drop функционала */

.drop-zone {
  transition: all 0.3s ease;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 10px;
}

.drop-zone.highlight {
  border: 2px dashed #007bff;
  background-color: rgba(0, 123, 255, 0.05);
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(0, 123, 255, 0.2);
}

/* Анимация принятия URL */
@keyframes urlAccepted {
  0%, 100% {
    border-color: #28a745;
  }
  50% {
    border-color: #20c997;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
  }
}

.url-accepted {
  animation: urlAccepted 0.5s ease;
}

/* Анимация отклонения URL */
@keyframes urlRejected {
  0%, 100% {
    border-color: #dc3545;
  }
  50% {
    border-color: #e74c3c;
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.5);
  }
}

.url-rejected {
  animation: urlRejected 0.5s ease;
}

/* Стили для поля ввода */
#url-input {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}