.member-album h2,.own-album-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.member-album h2 small{margin-left:auto;color:#7c8798;font-size:13px;font-weight:400}
.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.album-card{position:relative;min-width:0;border-radius:10px;overflow:hidden;background:#e9e5ef}
.album-photo-button{display:block;width:100%;padding:0;border:0;aspect-ratio:4/5;overflow:hidden;background:transparent;cursor:zoom-in}
.album-photo-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.album-photo-button:hover img{transform:scale(1.025)}
.album-locked .album-photo-button{cursor:pointer}
.album-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:24px;background:#2c1f3c22;text-shadow:0 1px 9px #32253d55;pointer-events:none}
.album-lock small{font-size:13px;font-weight:600;letter-spacing:1px}
.album-membership{margin-top:16px;border:1px solid #ded5ec;background:#f4effa;padding:18px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.album-membership strong{font-size:16px;color:#554260}.album-membership p{margin:6px 0 0;font-size:14px!important;color:#786787!important;line-height:1.7}
.album-membership .button{white-space:nowrap;flex-shrink:0}
.own-album{padding:26px;border:1px solid #e5e9f0;border-radius:10px;background:#fff;margin-top:28px}
.own-album-heading{justify-content:space-between}.own-album-heading h2{font-size:20px;margin:0}.own-album-heading small{font-size:14px;color:#8490a1;margin-left:8px}
.own-album>p{font-size:14px;color:#7c8798;line-height:1.8;margin:12px 0 20px}
.own-album .album-empty{padding:40px 16px;text-align:center;background:#f7f5fa;border-radius:8px;color:#8d819a}
.album-delete{position:absolute;right:8px;top:8px;min-width:36px;min-height:36px;background:#fffefefe;border:1px solid #e6e0ea;border-radius:50%;color:#a34b62;font-size:21px;cursor:pointer;box-shadow:0 2px 8px #0001}
.album-delete:disabled{opacity:.5;cursor:wait}
.album-lightbox{position:fixed;inset:0;background:#121018f5;z-index:200;display:flex;align-items:center;justify-content:center;padding:68px 70px;outline:none}
.album-lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:16px}
.album-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 175px);object-fit:contain;border-radius:6px}
.album-lightbox figcaption{font-size:14px;color:#ddd5e5}.album-lightbox button{color:#fff;border:1px solid #ffffff38;border-radius:50%;background:#ffffff15;min-height:44px;min-width:44px;cursor:pointer;font-size:28px}
.album-lightbox-close{position:absolute;top:20px;right:22px}.album-lightbox-prev{position:absolute;left:18px;top:calc(50% - 22px)}.album-lightbox-next{position:absolute;right:18px;top:calc(50% - 22px)}
.album-photo-button:focus-visible,.album-delete:focus-visible,.album-lightbox button:focus-visible{outline:3px solid #b395dd;outline-offset:3px}
@media(max-width:760px){.album-grid{gap:9px}.album-card{border-radius:7px}.album-lock{font-size:20px;gap:6px}.album-lock small{font-size:12px;letter-spacing:0}.album-membership{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.album-membership .button{width:100%}.own-album{padding:18px;margin-top:24px}.own-album-heading h2{font-size:18px}.own-album-heading .button{font-size:12px;padding:9px 12px}.own-album>p{font-size:13px}.album-delete{min-width:30px;min-height:30px;right:4px;top:4px;font-size:19px}.album-lightbox{padding:70px 12px 100px}.album-lightbox img{max-height:calc(100dvh - 220px)}.album-lightbox-prev,.album-lightbox-next{top:auto;bottom:32px}.album-lightbox-prev{left:calc(50% - 62px)}.album-lightbox-next{right:calc(50% - 62px)}}