.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;max-width:1000px;margin:34px auto 0}
.polaroid{position:relative;display:block;width:100%;padding:10px 10px 16px;border:1px solid #e9c8b0;border-radius:2px;background:linear-gradient(145deg,#fffdf6,#f6e5d8);box-shadow:0 16px 28px #0006,0 0 0 5px #fff7ec;color:#704858;transform:rotate(var(--tilt));transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;animation:gallery-enter .65s both;animation-delay:calc(var(--index) * 70ms)}
.polaroid::after{position:absolute;right:14px;bottom:7px;left:14px;height:3px;border-radius:50%;background:#9c697940;content:"";filter:blur(2px)}
.polaroid:hover,.polaroid:focus-visible{z-index:1;transform:rotate(0deg) translateY(-10px) scale(1.025);box-shadow:0 24px 38px #0008,0 0 0 5px #fff7ec}
.photo-slot{display:block;aspect-ratio:auto;overflow:hidden;background:#311f3a;box-shadow:inset 0 0 0 1px #b783812e}
.photo-slot img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#2a193a;transition:transform .55s ease,filter .55s ease}
.polaroid:hover .photo-slot img,.polaroid:focus-visible .photo-slot img{transform:scale(1.025);filter:saturate(1.06) brightness(1.04)}
.gallery-empty{grid-column:1/-1;margin:0;color:var(--muted)}
@keyframes gallery-enter{from{opacity:0;transform:translateY(22px) rotate(calc(var(--tilt) * 1.6)) scale(.96)}to{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1)}}
.photo-dialog{width:min(940px,94vw);max-height:94vh;padding:14px;border:1px solid #e5b799;border-radius:20px;background:linear-gradient(145deg,#fffaf1,#f2d9d5);color:#67404f;box-shadow:0 30px 90px #000;text-align:center}
.photo-dialog::backdrop{background:#100b20df;backdrop-filter:blur(5px)}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 4px 8px}.dialog-close{border:0;background:transparent;color:#67404f;font-size:2rem;line-height:1}.dialog-count{color:#86596a;font-size:.75rem}.dialog-photo{display:grid;place-items:center;min-height:0;max-height:calc(94vh - 122px);overflow:hidden;border-radius:8px;background:#2a193a;box-shadow:inset 0 0 0 1px #d9a69a}.dialog-photo img{display:block;max-width:100%;max-height:calc(94vh - 122px);width:auto;height:auto;object-fit:contain}.dialog-navigation{display:flex;justify-content:center;gap:10px;padding-top:12px}.dialog-navigation .primary,.dialog-navigation .secondary{position:static;padding:8px 15px;font-size:.76rem}
@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.polaroid{padding:7px 7px 12px}.photo-slot img{max-height:320px}.dialog-navigation{gap:7px}.dialog-navigation .primary,.dialog-navigation .secondary{padding:8px 10px;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.polaroid{animation:none}.polaroid:hover,.polaroid:focus-visible{transform:rotate(var(--tilt))}}