.gallery-container{margin-top:2rem}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;width:100%;grid-column:1/-1}.gallery-loading .loader-dots{display:flex;gap:8px;margin-bottom:16px}.gallery-loading .loader-dots div{width:12px;height:12px;background-color:#4174ca;border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out both}html.dark .gallery-loading .loader-dots div{background-color:#ffd447}.gallery-loading .loader-dots div:nth-child(1){animation-delay:-.32s}.gallery-loading .loader-dots div:nth-child(2){animation-delay:-.16s}.gallery-loading .loader-text{font-size:.9rem;color:var(--text-color-light);font-weight:500;opacity:.8}.gallery-grid{display:flex;flex-wrap:nowrap;gap:1rem;align-items:flex-start}.gallery-col{flex:1;display:flex;flex-direction:column;gap:1rem}.gallery-item{display:block;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 4px 6px rgba(0,0,0,5%);background:var(--bg-color-secondary,#f9f9f9)}.dark .gallery-item{box-shadow:0 4px 6px rgba(0,0,0,.2);background:var(--bg-color-secondary,#1e1e1e)}.gallery-item img{display:block;width:100%;height:auto;object-fit:cover;border-radius:8px;transition:transform .4s ease,filter .4s ease;aspect-ratio:3/2}@media(min-width:769px){.gallery-item:not(.is-live-photo):hover img{transform:scale(1.03);filter:brightness(1.05)}}.gallery-item .gallery-title{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.9);padding:3px 8px;border-radius:4px;font-size:.75rem;pointer-events:none;backdrop-filter:blur(4px);z-index:2;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity .28s ease}@media(min-width:769px){.gallery-item:hover .gallery-title{opacity:0}}.gallery-item .gallery-exif-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 10px;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 60%,transparent 100%);border-radius:0 0 8px 8px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:3;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease}@media(min-width:769px){.gallery-item:hover .gallery-exif-overlay{opacity:1;transform:translateY(0)}}.exif-title{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:noto serif sc,serif}.exif-row{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.9);font-size:.65rem;font-family:maple mono nf cn,monospace;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exif-row svg{flex-shrink:0;width:12px;height:12px;opacity:.85}.exif-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1rem 0 2rem}.gallery-filters .filter-btn{padding:.4rem 1.2rem;background-color:#f8f9fa;color:#293241;border:none;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s}.gallery-filters .filter-btn:hover{background-color:#4174ca;color:#fff}.gallery-filters .filter-btn.active{background-color:#4174ca;color:#fff}html.dark .gallery-filters .filter-btn{background-color:#2d2d2d;color:#c2c4ca}html.dark .gallery-filters .filter-btn:hover,html.dark .gallery-filters .filter-btn.active{background-color:#ffd447;color:#0a0d1f}