.photo-preview{display:flex;align-items:center;justify-content:center;width:280px;max-width:100%;min-height:160px;height:200px;padding:0;margin:6px 0;overflow:hidden;background:#102733;border:1px solid #386071;border-radius:8px;color:#c6dce6;cursor:zoom-in;white-space:normal}
.photo-preview img{width:100%;height:100%;object-fit:contain}
.photo-preview.preview-unavailable{cursor:default;font-size:13px;padding:12px}
.avatar[data-preview]{overflow:hidden;flex-shrink:0}.avatar[data-preview] img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.image-viewer{position:fixed;max-width:95vw;max-height:94vh;padding:16px;background:#102733;color:#e6f2fa;border:1px solid #386071;border-radius:12px}
.image-viewer::backdrop{background:#000c}.image-viewer img{display:block;max-width:85vw;max-height:75vh;object-fit:contain;margin:12px auto}.image-viewer a{color:#7ed1ff}.image-viewer button{padding:8px 16px;cursor:pointer}