.gal-page{padding:2rem 0}.gal-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.75rem;display:flex}.gal-sub{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.gal-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;margin-bottom:.4rem;font-size:.9rem;display:flex}.gal-crumbs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.15rem 0}.gal-crumbs button:hover{color:var(--foreground)}.gal-crumbs button[aria-current=page]{color:var(--accent-light);font-weight:600}.gal-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gal-segmented{border:1px solid var(--surface-border);background:var(--surface-glass);border-radius:12px;padding:.25rem;display:flex}.gal-segmented button{min-height:36px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 .9rem;font-size:.88rem}.gal-segmented button[aria-selected=true]{background:var(--accent);color:#fff;font-weight:600}.gal-icon-btn{border:1px solid var(--surface-border);background:var(--surface-glass);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:12px;font-size:1.05rem}.gal-icon-btn[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.gal-frame-btn{border-radius:12px;min-height:44px}.gal-panel{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.5rem;display:flex}.gal-label{color:var(--muted);margin-bottom:.4rem;font-size:.85rem;display:block}.gal-select{background:var(--input-bg);color:var(--foreground);border:1px solid var(--surface-border);font:inherit;border-radius:8px;padding:.6rem .75rem}.gal-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:1rem}.gal-albums{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.gal-album{position:relative}.gal-album-btn{aspect-ratio:4/3;border:1px solid var(--surface-border);background:var(--card-bg);cursor:pointer;color:#fff;text-align:left;border-radius:18px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.gal-album-btn img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.gal-album-btn:hover img{transform:scale(1.04)}.gal-album-btn:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000bf);position:absolute;inset:45% 0 0}.gal-album-empty{opacity:.35;justify-content:center;align-items:center;height:100%;font-size:2.5rem;display:flex}.gal-album-info{z-index:1;flex-direction:column;display:flex;position:absolute;bottom:.85rem;left:1rem;right:1rem}.gal-album-info strong{text-shadow:0 1px 8px #00000080;font-size:1.15rem;line-height:1.25}.gal-album-info span{opacity:.85;font-size:.8rem}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(105px,30vw,200px),1fr));gap:.5rem;display:grid}.gal-tile{min-width:0;margin:0;position:relative}.gal-photo{aspect-ratio:1;background:var(--card-bg);cursor:zoom-in;border:none;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.gal-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.gal-photo:hover img{transform:scale(1.05)}.gal-tile figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.3rem;font-size:.78rem;line-height:1.3;overflow:hidden}.gal-tile-label{opacity:.7;text-overflow:ellipsis;font-style:italic;display:block;overflow:hidden}.gal-edit{flex-wrap:wrap;grid-column:1/-1;align-items:flex-start;gap:1.5rem;display:flex}.gal-edit>img{object-fit:contain;border-radius:8px;width:100%;max-width:320px;max-height:260px}.gal-admin{z-index:2;gap:.25rem;display:flex;position:absolute;top:6px;right:6px}.gal-admin a,.gal-admin button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;text-decoration:none;display:inline-flex}.gal-toast{z-index:999999;width:min(320px,100vw - 2rem);padding:1.25rem;position:fixed;bottom:1rem;left:auto;right:1rem;box-shadow:0 10px 30px #0006}@media (max-width:600px){.gal-page{padding-top:1rem}.gal-toolbar{width:100%}.gal-segmented{min-width:min(100%,220px)}.gal-frame-btn{flex-shrink:0;width:44px;padding:0}.gal-frame-label{display:none}.gal-segmented,.gal-segmented button{flex:1}.gal-grid{gap:.3rem}.gal-photo{border-radius:6px}}.lightbox{z-index:3000;touch-action:pan-y;background:#000000f7;justify-content:center;align-items:center;animation:.18s ease-out lightboxIn;display:flex;position:fixed;inset:0}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.lightbox-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:3.5rem 0}.lightbox-img{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .25s;position:absolute}.lightbox-img.is-loaded{opacity:1}.lightbox-img.is-placeholder{opacity:1;filter:blur(12px);width:100%;height:100%;transform:scale(1.02)}.lightbox-img.is-placeholder.is-hidden{opacity:0}.lightbox-bar{color:#fffc;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.9rem;display:flex;position:absolute;left:0;right:0}.lightbox-top{top:0}.lightbox-btn{color:#fff;min-width:44px;height:40px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;padding:0 .8rem;font-size:.85rem;text-decoration:none;display:inline-flex}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:48px;height:64px;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff2e}.lightbox-nav.is-prev{left:.75rem}.lightbox-nav.is-next{right:.75rem}.lightbox-caption{color:#fff;text-align:center;pointer-events:none;background:#0009;border-radius:16px;max-width:calc(100% - 2rem);padding:.55rem 1.25rem;font-size:1rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.lightbox-label{opacity:.7;font-size:.8rem;font-style:italic}@media (hover:none){.lightbox-nav{background:#ffffff0f;width:40px;height:52px;font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox-img,.gal-album-btn img,.gal-photo img{transition:none;animation:none}}