/* Frontend styles */
.mma-gallery{--gap:12px;display:grid;gap:var(--gap)}
.mma-gallery.mma-layout-masonry{column-count:1;column-gap:var(--gap)}
@media(min-width:640px){.mma-gallery.mma-layout-masonry{column-count:2}}
@media(min-width:1024px){.mma-gallery.mma-layout-masonry{column-count:3}}
.mma-gallery.mma-layout-masonry .mma-item{break-inside:avoid;margin:0 0 var(--gap);}
.mma-gallery .mma-item{position:relative}
.mma-gallery .mma-item img{width:100%;height:auto;display:block;border-radius:8px}
.mma-gallery .mma-item figcaption{font-size:0.9rem;padding:6px 4px;color:#444}

/* Justified (simple): rows with auto-fit */
.mma-gallery.mma-layout-justified{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.mma-gallery.mma-layout-justified .mma-item{margin:0}

/* Carousel using scroll snap */
.mma-gallery.mma-layout-carousel{display:block}
.mma-gallery.mma-layout-carousel .mma-carousel{position:relative}
.mma-carousel-scroller{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:var(--gap);padding-bottom:8px}
.mma-carousel-scroller .mma-item{min-width:80vw;scroll-snap-align:center}
@media(min-width:768px){.mma-carousel-scroller .mma-item{min-width:45vw}}
@media(min-width:1200px){.mma-carousel-scroller .mma-item{min-width:33vw}}
.mma-carousel .mma-prev,.mma-carousel .mma-next{position:absolute;top:40%;transform:translateY(-50%);background:#0008;color:#fff;border:none;border-radius:999px;width:40px;height:40px;cursor:pointer}
.mma-carousel .mma-prev{left:6px}.mma-carousel .mma-next{right:6px}

/* Play icon for videos */
.mma-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff8;text-shadow:0 2px 10px #000}

/* Lightbox */
.mma-lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.2s}
.mma-lightbox-overlay.open{opacity:1;pointer-events:auto}
.mma-lightbox-content{max-width:96vw;max-height:80vh;margin:12px}
.mma-lightbox-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:#fff;font-size:36px;cursor:pointer}
.mma-lightbox-caption{color:#fff;opacity:.85;margin:8px 0;max-width:92vw;text-align:center}

/* Album grid */
.mma-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mma-album-card{position:relative;display:block;text-decoration:none;color:inherit}
.mma-album-card img{width:100%;height:auto;border-radius:12px}
.mma-album-title{position:absolute;left:8px;bottom:8px;background:#0009;color:#fff;padding:6px 10px;border-radius:8px}

/* Watermark overlay */
.mma-watermark-wrap{position:relative;display:inline-block}
.mma-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);opacity:.15;font-weight:700;font-size:2rem;pointer-events:none;white-space:nowrap}