.profile-avatar-editor { grid-column:1/-1; display:flex; align-items:center; gap:24px; padding:20px 0; }
.profile-avatar-preview { flex:0 0 96px; width:96px; height:96px; border:1px solid #67e4d650; border-radius:50%; display:grid; place-items:center; background:#102933; overflow:hidden; color:#f2be72; font-size:30px; }
.profile-avatar-preview img { width:100%; height:100%; object-fit:cover; }
.profile-avatar-preview [hidden],.profile-avatar-editor [hidden] { display:none!important; }
.profile-avatar-actions { min-width:0; display:grid; gap:8px; }
.profile-avatar-actions b { color:#e8f2ee; font-size:16px; }
.profile-avatar-actions p { margin:0; color:#9cb4b5; font-size:13px; line-height:1.5; }
.profile-avatar-actions > div { display:flex; flex-wrap:wrap; gap:8px; }
.profile-avatar-actions button { width:auto; min-height:44px; border:1px solid #67e4d650; border-radius:12px; padding:10px 16px; color:#e8f2ee; background:#153440; cursor:pointer; }
.profile-avatar-actions [data-avatar-remove] { background:transparent; color:#a9c0c0; }
.profile-avatar-actions [data-avatar-status]:empty { display:none; }
.profile-avatar-image { width:32px; height:32px; flex:0 0 32px; border-radius:50%; object-fit:cover; }
@media(max-width:560px){.profile-avatar-editor{gap:16px;}.profile-avatar-preview{flex-basis:80px;width:80px;height:80px;}}