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