.gallery-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}@media (min-width:640px){.gallery-masonry{gap:1rem}}@media (min-width:768px){.gallery-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.gallery-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}.gallery-item{display:block;position:relative;overflow:hidden;border-radius:12px;background:var(--surface-muted);cursor:pointer;border:1px solid var(--border)}.gallery-item__media{display:block;width:100%;height:auto;object-fit:cover}.gallery-item__media,.gallery-item__overlay{border-radius:12px;transition:opacity .2s ease}.gallery-item__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);opacity:0}.gallery-item__overlay--visible{opacity:1}.gallery-item__icon{width:2.5rem;height:2.5rem;color:#ffffff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.gallery-item__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:rgba(0,0,0,.55);color:#ffffff;font-size:.8125rem;line-height:1.4;border-radius:0 0 12px 12px}.gallery-empty,.gallery-item__caption{font-family:Arial,Helvetica,sans-serif}.gallery-empty{padding:5rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:1rem;border:2px dashed var(--border);border-radius:16px}