.photo-slot{min-height:112px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#edf2f8}
.photo-slot img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.photo-slot span{padding:10px;text-align:center;color:#69778b;font-size:12px}
.photo-slot.loading{background:linear-gradient(110deg,#edf2f8 25%,#f8fafc 45%,#edf2f8 65%);background-size:200% 100%;animation:photo-load 1.2s infinite}
.photo-slot.error{background:#fff0ed;color:#9f3528;align-content:center;gap:6px}
.photo-slot.error button{min-height:34px;padding:0 10px;background:#fff;color:#9f3528;border:1px solid #edc7c0;font-size:12px}
@keyframes photo-load{to{background-position:-200% 0}}
@media(max-width:390px){.photo-grid{grid-template-columns:repeat(2,1fr)}}