.profile-avatar{display:block;flex-shrink:0;width:72px;height:72px;border-radius:50%;object-fit:cover;background:#efe9ff;border:3px solid #fff;box-shadow:0 0 0 1px #e2d9f1}.avatar-large{width:104px;height:104px}.avatar-placeholder{display:grid;place-items:center;color:#8061b3;font-size:34px;line-height:1}.avatar-editor{background:#fff;border:1px solid var(--line,#e5e5f0);border-radius:13px;padding:26px;margin:24px 0}.avatar-editor-head{display:flex;align-items:center;gap:22px}.avatar-editor-head h2{margin:0 0 8px;font-size:21px}.avatar-editor-head p{margin:0;line-height:1.7}.avatar-upload{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-top:24px}.avatar-upload label{flex:1 1 260px;min-width:0;display:block;font-size:13px;font-weight:600;margin:0}.avatar-upload input[type=file]{display:block;margin-top:8px;padding:10px;border:1px solid #d9dbea;border-radius:8px;background:#fbfaff;width:100%;font:inherit;min-width:0}.avatar-upload input[type=file]::file-selector-button{background:#efe9ff;color:#66508c;border:0;border-radius:5px;padding:8px 10px;font:inherit;margin-right:12px;cursor:pointer}.avatar-upload button{width:auto;margin:0;min-height:44px}.avatar-upload>.note{flex-basis:100%;margin:0}.avatar-remove{margin:14px 0 0}.avatar-remove button{width:auto;font-size:13px;margin:0}.avatar-editor .success,.avatar-editor .error{padding:14px 16px;border-radius:8px}.team-member>.profile-avatar{margin-bottom:17px}#collaboratorProfile>.profile-avatar{margin:12px 0 20px}@media(max-width:600px){.avatar-editor{padding:20px}.avatar-editor-head{align-items:start;gap:16px}.avatar-large{width:80px;height:80px}.avatar-editor-head h2{font-size:19px}.avatar-upload button{width:100%}}

.avatar-upload .avatar-drop-zone {
  padding: 12px;
  border: 2px dashed var(--line, #d9dbea);
  border-radius: 10px;
  box-sizing: border-box;
}
.avatar-upload .avatar-drop-zone.is-dragging {
  border-color: var(--accent, #6547ce);
  background: var(--accent-soft, #efe9ff);
}
.avatar-upload .avatar-drop-status { order: 1; }

.avatar-preview { order: 1; flex-basis: 100%; }
.avatar-preview .note { margin: 0 0 8px; }