.album-viewer-overlay{z-index:9998;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;flex-direction:column;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.album-viewer-overlay.is-open{opacity:1;visibility:visible}.album-viewer-header{background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.album-viewer-header h2{color:#fff;font-size:24px;font-family:var(--font-heading);letter-spacing:1px}.album-viewer-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;transition:background .3s;display:flex}.album-viewer-close-btn:hover{background:#ffffff4d}.album-viewer-content{flex:1;padding:20px;overflow-y:auto}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;max-width:1200px;margin:0 auto;display:grid}.album-item{aspect-ratio:1;cursor:pointer;background-color:#333;border-radius:4px;width:100%;transition:transform .2s,box-shadow .2s;overflow:hidden}.album-item img{object-fit:cover;width:100%;height:100%;display:block}.album-item:hover{transform:scale(1.05);box-shadow:0 5px 15px #00000080}.album-viewer-content::-webkit-scrollbar{width:8px}.album-viewer-content::-webkit-scrollbar-track{background:#ffffff0d}.album-viewer-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media (max-width:768px){.album-viewer-header{padding:15px 20px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}