/* Account-menu avatar editor: pick a file, then confirm the circular crop.
   One editing surface: head → circular stage → hint → crop footer (取消 / 保存). */
.eva-avatar-editor__host{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--gds-space-4) var(--gds-space-7) var(--gds-space-5)}
.eva-avatar-editor{display:flex;flex-direction:column;gap:var(--gds-space-4);min-height:0}
.eva-avatar-editor__head{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--gds-space-8)}
.eva-avatar-editor__head h2{margin:0;font-size:var(--gds-type-header-font-size);line-height:var(--gds-type-header-line-height);font-weight:var(--gds-font-weight-medium)}
.eva-avatar-editor__stage{align-self:center;position:relative;display:flex;align-items:center;justify-content:center;width:112px;height:112px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--semi-color-fill-0);border:1px solid var(--semi-color-border);touch-action:none}
.eva-avatar-editor__stage--pick{cursor:pointer}
.eva-avatar-editor__stage--pick:focus-visible{outline:var(--gds-border-focus) solid var(--gds-color-border-focus);outline-offset:var(--gds-space-0-5)}
.eva-avatar-editor__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gds-space-1);background:rgba(0,0,0,.42);color:var(--semi-color-white,#fff);font-size:var(--gds-type-caption-font-size);line-height:var(--gds-type-caption-line-height);opacity:0;transition:opacity .15s ease;pointer-events:none}
.eva-avatar-editor__stage--pick:hover .eva-avatar-editor__overlay,
.eva-avatar-editor__stage--pick:focus-visible .eva-avatar-editor__overlay{opacity:1}
.eva-avatar-editor__hint{margin:0;text-align:center;color:var(--semi-color-text-2);font-size:var(--gds-type-caption-font-size);line-height:var(--gds-type-caption-line-height)}
.eva-avatar-editor__canvas{display:block;width:100%;height:100%;cursor:grab}
.eva-avatar-editor__canvas:active{cursor:grabbing}
.eva-avatar-editor__preview{display:block;width:100%;height:100%;object-fit:cover}
.eva-avatar-editor__placeholder{color:var(--semi-color-text-2);font-size:var(--gds-type-caption-font-size);line-height:var(--gds-type-label-line-height);text-align:center;padding:var(--gds-space-4)}
.eva-avatar-editor__zoom{display:flex;align-items:center;gap:var(--gds-space-3);font-size:var(--gds-type-caption-font-size);color:var(--semi-color-text-1)}
.eva-avatar-editor__zoom input{flex:1 1 auto}
.eva-avatar-editor__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--gds-space-2);padding-top:var(--gds-space-1)}