/* Карточки «Точно раньше всех» — точечные доработки поверх Tailwind utility-классов */

.format-btn[aria-pressed="true"] {
  border-color: #1E6F46;
  background: #EAF6EF;
  box-shadow: 0 0 0 1px #1E6F46 inset;
}

.field-error {
  color: #C51F26;
  font-size: 12px;
  margin-top: 4px;
}

.field-invalid {
  border-color: #C51F26 !important;
}

@keyframes card-fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.card-tile {
  animation: card-fade-in .45s ease both;
}

.card-tile .dl-overlay {
  opacity: 0;
  transition: opacity .2s ease;
}

.card-tile:hover .dl-overlay {
  opacity: 1;
}

.card-tile {
  transition: box-shadow .2s ease, transform .2s ease;
}

.card-tile:hover {
  box-shadow: 0 12px 28px rgba(31,31,31,.14);
  transform: translateY(-3px);
}

#fields-container {
  transition: opacity .18s ease;
}

#fields-container.fields-swap {
  opacity: 0;
}

.demo-tile {
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  border: 1px solid #E5E5EA;
  background: #FFFFFF;
}

@media (prefers-reduced-motion: reduce) {
  .card-tile, #fields-container, .card-tile .dl-overlay {
    animation: none !important;
    transition: none !important;
  }
}

/* Скрыть mobile-fixed кнопку генерации на desktop уже делает lg:static, здесь только spacer учтён в разметке */