.photos-container{background:var(--surface-base);height:100%;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.photos-toolbar{background:var(--surface-0);border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;padding:10px 15px;display:flex}.photos-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px;display:grid;overflow-y:auto}.photo-item{aspect-ratio:1;cursor:pointer;background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.photo-item:hover{border-color:var(--neon-cyan);transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.photo-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#000000b3;padding:5px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.photo-item:hover .photo-label{opacity:1}.photo-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;opacity:0;pointer-events:none;background:#000000e6;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-lightbox.active{opacity:1;pointer-events:auto}.lightbox-toolbar{justify-content:flex-end;padding:15px;display:flex}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.lightbox-content img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 10px 40px #00000080}.empty-state{opacity:.5;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;height:100%;display:flex}