/* Praza AI guide: five effect examples (demo loops on Praza's own clip) */
.fx-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0 clamp(2rem,5vw,3rem); }
.fx-tile { margin: 0; position: relative; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: var(--ink); }
.fx-tile video { width: 100%; height: 100%; object-fit: cover; display: block; }
.fx-tile figcaption {
  position: absolute; left: .4rem; right: .4rem; bottom: .4rem; padding: .3rem .45rem; border-radius: 7px;
  background: rgba(22,24,28,.72); color: #f4efe6; font-family: var(--font-mono); font-size: .66rem; line-height: 1.3;
}
@media (max-width: 720px) {
  .fx-strip { grid-template-columns: repeat(5, 58%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .4rem; }
  .fx-tile { scroll-snap-align: start; }
}

/* "Call an effect by name": short prompts wrap and keep clear of the Copy button */
.guide .copyblock--wrap pre { padding-right: 5.5rem; }
.guide .copyblock--wrap pre code { white-space: pre-wrap; overflow-wrap: anywhere; }