.photo-gallery-hero{text-align:center;padding:var(--space-xl) 0}.photo-gallery-hero__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--gray-900)}.photo-gallery-hero__subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin:0}.photo-gallery-main{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--width-xs),1fr));grid-gap:var(--space-md);gap:var(--space-md)}.photo-gallery-item{position:relative;border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background-color:var(--white);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-in-out}.photo-gallery-item:hover{box-shadow:var(--shadow-md)}.photo-gallery-img{width:100%;height:var(--space-8xl);object-fit:cover;display:block}.photo-gallery-actions{display:flex;justify-content:space-between;padding:var(--space-sm);border-top:var(--border-width-thin) solid var(--gray-100);background:var(--gray-50)}.photo-gallery-actions__button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background .2s ease-in-out}.photo-gallery-actions__button--cancel{background-color:var(--gray-100);color:var(--text-primary)}.photo-gallery-actions__button--delete{background-color:var(--error-100);color:var(--error-600)}.photo-gallery-actions__button--cancel:hover{background-color:var(--gray-200)}.photo-gallery-actions__button--delete:hover{background-color:var(--error-600);color:var(--white)}