.mag-gallery{--mag-gap:12px;display:grid;gap:var(--mag-gap);margin:1.5rem 0}.mag-item{margin:0;position:relative;overflow:hidden;background:#eee}.mag-open{display:block;border:0;padding:0;margin:0;background:none;width:100%;height:100%;cursor:zoom-in;text-align:left;color:inherit}.mag-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s ease,filter .42s ease,opacity .42s ease}.mag-hover-layer{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:0;transition:all .35s ease;pointer-events:none}.mag-hover-title{font-size:1rem;font-weight:700}.mag-hover-caption{font-size:.86rem;opacity:.92}.mag-item:hover .mag-hover-layer,.mag-open:focus-visible .mag-hover-layer{opacity:1}.mag-layout-masonry{display:block;columns:4 240px;column-gap:var(--mag-gap)}.mag-layout-masonry>.mag-item{display:block;break-inside:avoid;width:100%;height:auto;aspect-ratio:auto;margin:0 0 var(--mag-gap);background:transparent;border:0;box-shadow:none}.mag-layout-masonry>.mag-item>.mag-open{height:auto;background:transparent;border:0;box-shadow:none}.mag-layout-masonry>.mag-item>.mag-open>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none!important}.mag-layout-masonry .mag-hover-layer{box-sizing:border-box;padding:10px;gap:3px;overflow:hidden}.mag-layout-masonry .mag-hover-title,.mag-layout-masonry .mag-hover-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:0;margin:0}.mag-layout-masonry .mag-hover-title{font-size:.9rem;line-height:1.2;flex-shrink:0}.mag-layout-masonry .mag-hover-caption{font-size:.78rem;line-height:1.25}.mag-layout-mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:150px}.mag-layout-mosaic .mag-item:nth-child(7n+1){grid-column:span 2;grid-row:span 2}.mag-layout-mosaic .mag-item:nth-child(7n+4){grid-row:span 2}.mag-layout-tiled{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mag-layout-tiled .mag-item{aspect-ratio:1}.mag-layout-thumbnail{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.mag-layout-thumbnail .mag-item{aspect-ratio:1}.mag-layout-filmstrip,.mag-layout-sidescroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.mag-layout-filmstrip .mag-item{flex:0 0 clamp(150px,22vw,280px);aspect-ratio:4/3;scroll-snap-align:start}.mag-layout-sidescroll .mag-item{flex:0 0 min(72vw,720px);aspect-ratio:16/10;scroll-snap-align:center}.mag-layout-film{grid-template-columns:1fr}.mag-layout-film .mag-item{aspect-ratio:16/9;max-height:72vh}.mag-layout-blog{display:block}.mag-layout-blog .mag-item{margin:0 0 28px;overflow:visible;background:transparent}.mag-layout-blog .mag-open{height:auto}.mag-layout-blog .mag-item img{max-height:75vh;object-fit:cover}.mag-layout-blog figcaption{padding:10px 2px 0}.mag-layout-blog figcaption p{margin:.35em 0 0}.mag-protected img,.mag-lightbox.mag-is-protected img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;pointer-events:none}.mag-protected,.mag-lightbox.mag-is-protected{-webkit-touch-callout:none;user-select:none}.mag-empty{padding:18px;border:1px dashed #bbb;border-radius:8px}

/* 27 hover variants */
.mag-hover-fade .mag-hover-layer{opacity:0}.mag-hover-fade-up .mag-hover-layer{transform:translateY(22px)}.mag-hover-fade-down .mag-hover-layer{transform:translateY(-22px)}.mag-hover-fade-left .mag-hover-layer{transform:translateX(22px)}.mag-hover-fade-right .mag-hover-layer{transform:translateX(-22px)}.mag-hover-zoom-in .mag-hover-layer{transform:scale(.9)}.mag-hover-zoom-out .mag-hover-layer{transform:scale(1.12)}.mag-hover-slide-up .mag-hover-layer{transform:translateY(100%)}.mag-hover-slide-down .mag-hover-layer{transform:translateY(-100%)}.mag-hover-slide-left .mag-hover-layer{transform:translateX(100%)}.mag-hover-slide-right .mag-hover-layer{transform:translateX(-100%)}.mag-hover-reveal-up .mag-hover-layer{clip-path:inset(100% 0 0)}.mag-hover-reveal-down .mag-hover-layer{clip-path:inset(0 0 100%)}.mag-hover-reveal-left .mag-hover-layer{clip-path:inset(0 100% 0 0)}.mag-hover-reveal-right .mag-hover-layer{clip-path:inset(0 0 0 100%)}.mag-hover-blur .mag-item:hover img{filter:blur(3px)}.mag-hover-grayscale img{filter:grayscale(1)}.mag-hover-grayscale .mag-item:hover img{filter:grayscale(0)}.mag-hover-colorize img{filter:saturate(.25)}.mag-hover-colorize .mag-item:hover img{filter:saturate(1.2)}.mag-hover-rotate .mag-item:hover img{transform:scale(1.08) rotate(1.6deg)}.mag-hover-scale .mag-item:hover img{transform:scale(.96)}.mag-hover-curtain .mag-hover-layer{clip-path:inset(0 50%)}.mag-hover-overlay .mag-hover-layer{background:rgba(0,0,0,.58)}.mag-hover-diagonal .mag-hover-layer{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.mag-hover-caption-push .mag-item:hover img{transform:translateY(-7%)}.mag-hover-caption-expand .mag-hover-layer{transform:scaleY(.2);transform-origin:bottom}.mag-hover-image-lift .mag-item:hover img{transform:translateY(-10px) scale(1.03)}.mag-hover-image-zoom .mag-item:hover img{transform:scale(1.12)}
.mag-item:hover .mag-hover-layer,.mag-open:focus-visible .mag-hover-layer{transform:none;clip-path:inset(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}

.mag-lightbox{position:fixed;inset:0;z-index:999999;display:none;background:#0b0b0c;color:#fff}.mag-lightbox.is-open{display:grid;grid-template-rows:auto 1fr auto}.mag-lb-top{display:flex;align-items:center;gap:8px;padding:10px 14px;z-index:3}.mag-lb-counter{margin-right:auto;font-size:13px;opacity:.8}.mag-lb-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:8px 11px;cursor:pointer}.mag-lb-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.mag-lb-image{max-width:100%;max-height:100%;object-fit:contain;display:block;user-select:none}.mag-lb-prev,.mag-lb-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:58px;border:0;background:rgba(0,0,0,.34);color:#fff;font-size:34px;cursor:pointer}.mag-lb-prev{left:10px}.mag-lb-next{right:10px}.mag-lb-info{position:absolute;left:18px;right:18px;bottom:14px;text-align:center;text-shadow:0 1px 3px #000;pointer-events:none}.mag-lb-title{font-weight:700}.mag-lb-caption{font-size:.9rem;opacity:.9}.mag-lb-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 14px;align-items:end}.mag-lb-thumbs{display:flex;gap:7px;overflow-x:auto;min-width:0}.mag-lb-thumb{flex:0 0 62px;width:62px;height:46px;padding:0;border:2px solid transparent;background:none;opacity:.6;cursor:pointer}.mag-lb-thumb.is-active{border-color:#fff;opacity:1}.mag-lb-thumb img{width:100%;height:100%;object-fit:cover}.mag-lb-side{display:flex;gap:8px;align-items:center}.mag-lb-proof{display:flex;gap:6px}.mag-lb-proof button.is-active{background:#fff;color:#111}.mag-lb-comments-panel{position:absolute;right:0;top:0;bottom:0;width:min(390px,92vw);background:#fff;color:#151515;z-index:5;padding:18px;overflow:auto;box-shadow:-12px 0 40px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .25s ease}.mag-lb-comments-panel.is-open{transform:translateX(0)}.mag-lb-comments-panel h3{margin-top:0}.mag-lb-comment-list{display:grid;gap:10px;margin:14px 0}.mag-lb-comment{padding:10px;background:#f3f4f5;border-radius:7px}.mag-lb-comment strong{display:block;margin-bottom:3px}.mag-lb-comment-form{display:grid;gap:8px}.mag-lb-comment-form input,.mag-lb-comment-form textarea{width:100%;box-sizing:border-box;padding:9px}.mag-lb-comment-form textarea{min-height:90px;resize:vertical}.mag-lb-comment-form button{padding:9px 12px}.mag-lb-comment-close{float:right}.mag-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#111;color:#fff;padding:9px 13px;border-radius:999px;z-index:1000000;font-size:13px}

.mag-breadcrumbs{display:flex;gap:8px;align-items:center;font-size:.9rem;margin:1rem 0}.mag-breadcrumb-sep{opacity:.45}.mag-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.mag-album-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}.mag-album-card>img{width:100%;height:180px;object-fit:cover;display:block}.mag-album-card>div{padding:15px}.mag-album-card h3{margin:0 0 5px}.mag-album-list{display:grid;gap:15px}.mag-album-list .mag-album-card{display:grid;grid-template-columns:220px 1fr}.mag-album-list .mag-album-card>img{height:100%;min-height:160px}

@media(max-width:700px){.mag-layout-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}.mag-lightbox.is-open{grid-template-rows:auto 1fr auto}.mag-lb-top{padding:8px}.mag-lb-bottom{grid-template-columns:1fr}.mag-lb-side{justify-content:center;flex-wrap:wrap}.mag-lb-info{bottom:8px}.mag-album-list .mag-album-card{grid-template-columns:1fr}.mag-album-list .mag-album-card>img{height:180px}}

/* v0.1.2 guaranteed visual watermark fallback */
.mag-watermark-overlay,.mag-lb-watermark{position:absolute;z-index:4;pointer-events:none;display:flex;max-width:55%;max-height:40%;align-items:center;justify-content:center;box-sizing:border-box}
.mag-watermark-overlay>span,.mag-lb-watermark>span{display:block;padding:.42em .68em;border-radius:.32em;background:rgba(0,0,0,.42);color:#fff;text-shadow:0 1px 2px #000;font-size:clamp(12px,2.1vw,28px);font-weight:700;line-height:1.15;white-space:nowrap;letter-spacing:.02em}
.mag-watermark-overlay img,.mag-lb-watermark img{display:block!important;width:auto!important;height:auto!important;max-width:min(220px,45vw)!important;max-height:min(100px,22vh)!important;object-fit:contain!important;transform:none!important;filter:none!important}
.mag-watermark-top-left{left:4%;top:4%}.mag-watermark-top-right{right:4%;top:4%}.mag-watermark-bottom-left{left:4%;bottom:4%}.mag-watermark-bottom-right{right:4%;bottom:4%}.mag-watermark-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.mag-lb-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-width:0;min-height:0}
.mag-lb-image-wrap>.mag-lb-image{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;display:block}
.mag-lb-watermark{position:absolute}
.mag-protected img,.mag-lightbox.mag-is-protected img{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;user-select:none!important}
.mag-protected,.mag-protected *,.mag-lightbox.mag-is-protected,.mag-lightbox.mag-is-protected *{-webkit-touch-callout:none!important}

/* v0.1.3 hardening: assets now load during wp_enqueue_scripts; overlays are also inline-styled. */
.mag-gallery[data-protect="1"],.mag-gallery[data-protect="1"] *, .mag-lightbox.mag-is-protected, .mag-lightbox.mag-is-protected *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}
.mag-gallery[data-protect="1"] img,.mag-lightbox.mag-is-protected img{-webkit-user-drag:none!important;user-drag:none!important}

/* v0.1.5 client access, downloads, and proofing workflow */
.mag-access-gate{max-width:520px;margin:2rem auto;padding:28px;border:1px solid #dcdcde;border-radius:12px;background:#fff;color:#1d2327;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.mag-access-gate h3{margin:0 0 8px;font-size:1.35rem}.mag-access-gallery-name{margin:.25rem 0 1rem;color:#646970}.mag-access-error{padding:10px 12px;border-left:4px solid #d63638;background:#fcf0f1;color:#8a2424}.mag-access-form{display:grid;gap:12px}.mag-access-form label{display:grid;gap:6px;font-weight:600}.mag-access-form input{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #8c8f94;border-radius:6px}.mag-access-button,.mag-client-action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:9px 13px;background:#2271b1;color:#fff!important;text-decoration:none;cursor:pointer;font:inherit;font-weight:600}.mag-access-button:hover,.mag-client-action:hover{background:#135e96}.mag-client-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:1rem 0}.mag-client-toolbar-label{font-weight:700;margin-right:auto}.mag-client-toolbar form{margin:0}.mag-client-action-muted{background:#646970}.mag-client-action-muted:hover{background:#3c434a}
@media(max-width:600px){.mag-access-gate{margin:1rem 0;padding:20px}.mag-client-toolbar-label{width:100%}}

/* v0.1.6 client proofing workflow */
.mag-client-proof-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:1rem 0;padding:16px 18px;border:1px solid #dcdcde;border-radius:10px;background:#fff;color:#1d2327}
.mag-client-proof-copy{min-width:240px;flex:1}.mag-client-proof-copy>strong{display:block;font-size:1.1rem;margin-bottom:4px}.mag-client-proof-copy p{margin:0;color:#50575e}
.mag-proof-progress{display:flex;gap:8px;flex-wrap:wrap}.mag-proof-progress span{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:999px;background:#f0f0f1;font-size:.85rem;white-space:nowrap}.mag-proof-progress b{font-size:1rem;color:#1d2327}
@media(max-width:600px){.mag-client-proof-header{padding:14px}.mag-proof-progress{width:100%}.mag-proof-progress span{flex:1;justify-content:center}}

/* Optional fullscreen image text on hover; keyboard and touch retain access. */
.mag-lightbox.mag-lb-hover-text .mag-lb-info{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.mag-lightbox.mag-lb-hover-text.mag-lb-text-visible .mag-lb-info,.mag-lightbox.mag-lb-hover-text:has(button:focus-visible,input:focus-visible,textarea:focus-visible) .mag-lb-info{opacity:1;visibility:visible}
@media(hover:none),(pointer:coarse){.mag-lightbox.mag-lb-hover-text .mag-lb-info{opacity:1;visibility:visible}}