.images-page{display:flex;flex-direction:column;height:100%;padding:8px;overflow-y:auto}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px}.image-item{position:relative;display:block;padding-top:100%;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;background-color:var(--zinc-800);border-radius:2px;cursor:pointer}@media screen and (prefers-reduced-motion:reduce){.image-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:none}}.image-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-item:hover img,.image-item:focus img{transform:scale(1.05)}@media screen and (prefers-reduced-motion:reduce){.image-overlay{position:absolute;right:0;bottom:0;left:0;padding:4px 6px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:none}}.image-overlay{position:absolute;right:0;bottom:0;left:0;padding:4px 6px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .2s ease}.image-item:hover .image-overlay,.image-item:focus .image-overlay{opacity:1}.image-sender{font-size:10px;font-weight:500;color:#fff}.image-item.skeleton{background-color:var(--zinc-700)}@media screen and (prefers-reduced-motion:reduce){.image-viewer-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;background-color:#000000f2;animation:none}}.image-viewer-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;background-color:#000000f2;animation:fade-in .2s ease}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh}.image-viewer-content img{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.images-page~.viewer-error-placeholder,.image-viewer-overlay .viewer-error-placeholder{min-width:300px;min-height:200px}[data-theme=light] .image-item,[data-theme=light] .image-item.skeleton{background-color:var(--slate-200)}@media(prefers-reduced-motion:reduce){.image-item img,.image-overlay,.image-viewer-overlay{transition:none;animation:none}}