/* ===== Mis creaciones: filas justificadas de esquina a esquina (estilo Flow) ===== */
main.creations-page{width:calc(100% - 40px)!important;max-width:none!important;padding:28px 0 60px!important;margin:0 auto!important;font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif}
main.creations-page .creations-heading{margin-bottom:20px!important}
main.creations-page .creations-heading h1{font-size:28px!important;font-weight:700;letter-spacing:-.2px!important;color:#fff}
main.creations-page .creations-heading p{font-size:14px!important;color:#9a9ab0!important;max-width:760px}
main.creations-page .creations-gallery{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:6px!important}
main.creations-page .creations-gallery::after{content:"";flex:9999 1 0;height:0}
main.creations-page .creations-gallery .creation-card{--creation-height:clamp(170px,26vh,260px);flex:var(--creation-ratio) 1 calc(var(--creation-height)*var(--creation-ratio))!important;width:auto!important;min-width:0!important;max-width:none!important;height:var(--creation-height)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important}
main.creations-page .creations-gallery .creation-card img,
main.creations-page .creations-gallery .creation-card video{object-fit:cover!important}
main.creations-page .creations-gallery .creations-empty,
main.creations-page .creations-gallery .creations-loading{flex:1 1 100%!important;width:100%!important;height:auto!important}
/* Botones al pasar el mouse (siempre visibles en pantallas táctiles) */
@media(hover:hover){
  main.creations-page .creation-card .creation-card-actions{opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}
  main.creations-page .creation-card:hover .creation-card-actions,
  main.creations-page .creation-card.creation-card-selected .creation-card-actions{opacity:1;transform:none}
}
main.creations-page .creation-card::before{content:"";position:absolute;inset:auto 0 0 0;height:56px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .15s;z-index:1;pointer-events:none}
main.creations-page .creation-card:hover::before{opacity:1}
@media(max-width:760px){
  main.creations-page{width:calc(100% - 16px)!important}
  main.creations-page .creations-gallery .creation-card{--creation-height:150px}
}
/* sin saltos mientras cargan: se muestra cuando las primeras ya tienen su proporción */
.creations-gallery{transition:opacity .25s ease}
.creations-gallery.lm-hold{opacity:0}