/* Photo controls remain beside the avatar at phone and desktop widths. */
.fmProfilePhotoSection{display:flex;align-items:center;gap:18px;padding:18px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--border,#ecd9e8);min-width:0}
.fmProfilePhotoSection #fmPhotoPreview{position:relative;flex:0 0 auto;width:96px;height:96px;padding:0;border:0;border-radius:50%;background:#f8eaf5;overflow:visible}
.fmProfilePhotoSection #fmPhotoPreview>.avatar{display:flex;position:relative;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;overflow:hidden;font-size:28px;background:#f8eaf5;color:#801362}
.fmProfilePhotoSection #fmPhotoPreview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.fmPhotoCamera{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;background:#801362;color:white;border:3px solid white;border-radius:50%;z-index:3}
.fmPhotoCamera svg{width:16px;height:16px}
.fmProfilePhotoControls{min-width:0;flex:1}.fmProfilePhotoControls h3{margin:0 0 4px;font-size:17px}.fmProfilePhotoControls p{font-size:13px;line-height:1.45;margin:4px 0 10px;color:var(--muted,#776775)}
#modal .fmProfilePhotoControls button{min-height:42px;width:auto;padding:9px 13px;border-radius:12px;font-size:14px;margin:0}
#modal #fmChooseProfilePhoto{border:1px solid #e6c8df;background:#faeff7;color:#801362;font-weight:650}
#modal #fmCancelProfilePhoto{border:1px solid var(--border,#ecd9e8);background:var(--paper,#fff)}
#fmPendingPhoto{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#fmPendingPhoto[hidden]{display:none}
#modal #fmPhotoError{color:#ad2949}#modal #fmPhotoStatus:empty,#modal #fmPhotoError:empty{display:none}
.fmProfileLinks{display:grid;gap:8px;margin-top:18px}.fmProfileLinks button{width:100%;text-align:left;min-height:44px;padding:10px 14px;border:1px solid var(--border,#ecd9e8);border-radius:12px;background:var(--paper,#fff)}
#profileButton{padding:0;overflow:hidden}#profileButton>.avatar{width:100%;height:100%;font-size:inherit}
.fmSettingsProfileCard>.avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;position:relative;overflow:hidden}
.avatar{position:relative}.avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#liveMessages .message.fmHasSenderAvatar{position:relative;padding-left:36px;max-width:100%;box-sizing:border-box}
#liveMessages .fmSenderAvatar{position:absolute;left:0;bottom:2px;width:28px;height:28px}
#liveMessages .fmSenderAvatar>.avatar{width:28px;height:28px;font-size:10px;border-radius:50%;overflow:hidden}
#typingStatus:not(:empty){display:flex;align-items:center;gap:7px}#typingStatus .fmTypingAvatar{flex:0 0 22px;line-height:0}#typingStatus .fmTypingAvatar>.avatar{width:22px;height:22px;font-size:9px;border-radius:50%;overflow:hidden}
@media(max-width:380px){.fmProfilePhotoSection{gap:12px;align-items:flex-start}.fmProfilePhotoSection #fmPhotoPreview,.fmProfilePhotoSection #fmPhotoPreview>.avatar{width:76px;height:76px}.fmProfilePhotoControls h3{font-size:16px}#modal .fmProfilePhotoControls button{padding:8px 10px}}