.settings .profile-summary{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
.profile-summary .setting-avatar{flex:none;width:42px;height:42px;margin:0}
.profile-summary .setting-avatar svg{width:32px;height:32px}
.profile-summary strong{font-size:14px;min-width:0;max-width:300px;overflow-wrap:anywhere}
.profile-summary>button{flex:none;margin-left:12px}
/* Editor geometry lives in ui-geometry.css with the other dialog variants. */
.profile-crop-frame{overflow:hidden;border-radius:50%;background:#e8edf5;box-shadow:0 0 0 1px #dce3ed}
#profile-crop{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
#profile-crop:active{cursor:grabbing}
#profile-crop:focus-visible{outline:3px solid var(--blue);outline-offset:-4px;border-radius:50%}
#profile-crop-empty{display:grid;place-items:center;width:100%;height:100%;color:#788eaf}
#profile-crop-empty svg{width:70%;height:70%}
.profile-editor [hidden]{display:none!important}
.profile-zoom-row input{min-width:0;flex:1;accent-color:var(--blue);padding:0}
.profile-edit-fields input[type=text]{width:100%;box-sizing:border-box}
.profile-editor .profile-image-picker{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--paper);cursor:pointer}
.profile-image-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.profile-image-picker:focus-within{outline:2px solid var(--blue);outline-offset:2px}

/* Shared member identity is displayed the same way in every project. */
.content-shell .avatar,.content-shell .member-summary .avatar{border-radius:50%;border:1px solid #ced7e4;box-shadow:none;overflow:hidden;flex-shrink:0}
.content-shell .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.content-shell .avatar svg{width:68%;height:68%;display:block}