/* hint-pulse.css — перелив-подсказка хинтов при холостом клике
   в Preview / Play-mode. Подключается editor.html и preview.html.
   Driver: js/event-graph/hintPulse.js. */

/* --hint-min — меньшая сторона хинта в px, проставляется JS на каждом
   .layer-node--hint в startPlay/renderPreview. Используется в keyframes
   через calc() — обеспечивает пропорциональность тени/полос на любом
   размере (cqmin не работает изнутри самого элемента). */

@keyframes hint-shimmer {
  0% {
    background-position: -150% 50%;
    border-color: transparent;
    background-color: transparent;
  }
  18% {
    border-color: rgba(139, 92, 246, 0.45);
    background-color: rgba(139, 92, 246, 0.08);
  }
  100% {
    background-position: 250% 50%;
    border-color: transparent;
    background-color: transparent;
  }
}

.layer-node--hint.is-hint-pulsing {
  background-image: linear-gradient(
    105deg,
    transparent 35%,
    rgba(139, 92, 246, 0.55) 50%,
    transparent 65%
  );
  background-size: 200% 100%;
  background-repeat: no-repeat;
  border: 1.5px solid transparent;
  border-radius: var(--r-sm, 4px);
  box-sizing: border-box;
  /* forwards — финальный кадр (position 250%, прозрачные border/bg)
     остаётся до снятия класса JS, иначе position сбрасывается к 0%
     на ~30мс и блик «пробегает» второй раз. */
  animation: hint-shimmer 1600ms ease-out forwards;
}