.xyro-join-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:20px;
}
.xyro-join-dots {display:flex;align-items:center;gap:7px}
.xyro-dot {
  width:9px;height:9px;border-radius:20px;
  background:#48265f;cursor:pointer;padding:0;
}
.xyro-dot.active {width:18px;background:#e000ff}
.xyro-join-columns {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;
  min-height:350px;
}
.xyro-join-edition h4 {
  color:#fff;font-weight:700;margin-bottom:12px;
  text-decoration:underline;text-underline-offset:3px;
}
.xyro-join-edition p {color:#f0ddf8;line-height:1.6;margin:8px 0}
.xyro-join-images {
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;
  border-top:1px solid #39204f;border-bottom:1px solid #39204f;
  padding:15px 0;margin:15px 0;
}
.xyro-join-image {
  width:auto;max-width:100%;max-height:300px;object-fit:contain;
  border-radius:5px;
}
.xyro-join-note {font-size:.9rem}
.xyro-join-note a {color:#e000ff;text-decoration:underline}
.xyro-join-controls {
  display:flex;align-items:center;justify-content:flex-end;gap:12px;
  margin-top:20px;flex-wrap:wrap;
}
.xyro-join-controls button:disabled {opacity:.4;cursor:not-allowed}
#xyroStepLabel {color:#d5b8e8;font-size:13px}
@media(max-width:700px) {
  .xyro-join-columns {grid-template-columns:1fr;min-height:0}
  .xyro-join-controls {justify-content:space-between}
  .xyro-join-image {max-height:220px}
}