/* V10.31 — continuously animated model-card selection indicators.
   Animations are subtle and always run while the model selection screen is visible.
   Reduced-motion settings are respected. */
#wizardBackdrop .model-grid .model-choice {
  isolation:isolate;
  overflow:hidden;
  padding-right:62px;
}
#wizardBackdrop .model-grid .model-choice::after {
  content:'↗';
  position:absolute;
  z-index:2;
  right:10px;
  top:9px;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,91,207,.19);
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#e9edff);
  color:#5c52d8;
  font-size:25px;
  font-weight:700;
  line-height:1;
  opacity:1;
  box-shadow:0 4px 12px rgba(56,56,159,.14);
  animation:smb-model-arrow-float 2.8s ease-in-out infinite;
  pointer-events:none;
}
#wizardBackdrop .model-grid .model-choice::before {
  content:'';
  position:absolute;
  z-index:1;
  right:4px;
  top:3px;
  width:55px;
  height:55px;
  background:rgba(105,88,220,.12);
  border-radius:50%;
  animation:smb-model-circle-pulse 2.8s ease-out infinite;
  pointer-events:none;
}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 2)::after {animation-delay:-.7s}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 2)::before {animation-delay:-.7s}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 3)::after {animation-delay:-1.4s}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 3)::before {animation-delay:-1.4s}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 4)::after {animation-delay:-2.1s}
#wizardBackdrop .model-grid .model-choice:nth-child(4n + 4)::before {animation-delay:-2.1s}
#wizardBackdrop .model-grid .model-choice strong{padding-right:0}
#wizardBackdrop .model-grid .model-choice.selected::after,
#wizardBackdrop .model-grid .model-choice[aria-pressed="true"]::after {
  content:'✓';
  color:#08795c;
  background:linear-gradient(145deg,#fff,#d9f9e8);
  border-color:#7ad9b4;
  animation:smb-model-selected-breathe 1.9s ease-in-out infinite;
}
@keyframes smb-model-arrow-float {
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(2px,-3px) scale(1.05)}
}
@keyframes smb-model-circle-pulse {
  0%,100%{transform:scale(.85);opacity:.38}
  55%{transform:scale(1.12);opacity:.8}
}
@keyframes smb-model-selected-breathe {
  0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(18,151,112,.13)}
  50%{transform:scale(1.07);box-shadow:0 5px 19px rgba(18,151,112,.25)}
}
@media(max-width:600px){
  #wizardBackdrop .model-grid .model-choice{padding-right:47px;min-height:100px}
  #wizardBackdrop .model-grid .model-choice.selected{padding-right:46px}
  #wizardBackdrop .model-grid .model-choice::after{right:5px;top:7px;width:36px;height:36px;font-size:21px}
  #wizardBackdrop .model-grid .model-choice::before{right:0;top:2px;width:46px;height:46px}
  #wizardBackdrop .model-grid .model-choice strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #wizardBackdrop .model-grid .model-choice::after,
  #wizardBackdrop .model-grid .model-choice::before{animation:none!important}
}