.avatar-row{grid-template-columns:180px 1fr;align-items:center;gap:16px;transition:grid-template-columns .24s,gap .24s,min-height .24s;display:grid}.avatar-wrap{width:180px;height:180px;position:relative;overflow:visible}.avatar-box.circle{border:1px solid var(--block-border);background:var(--block-bg);border-radius:50%;width:180px;height:180px;position:relative;overflow:hidden}.avatar-box.circle .avatar-placeholder{pointer-events:none;z-index:1;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:0}.avatar-box.circle .avatar-placeholder:after{content:"";width:120px;height:120px}.avatar-box.circle.has-ava .avatar-placeholder{opacity:0;visibility:hidden}.avatar-box.circle.has-ava .avatar-img{display:block}.avatar-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:none}.avatar-actions .btns{flex-wrap:wrap;gap:8px;display:flex}.avatar-actions .hint{color:var(--muted);margin-top:6px;font-size:12px}.ava-x,.ph-x{z-index:3;position:absolute}.ava-x{top:-8px;right:-8px}.prefs-xbtn{width:var(--prefs-remove-size);height:var(--prefs-remove-size);border-radius:var(--prefs-remove-radius);border:1px solid var(--prefs-remove-border);background:var(--prefs-remove-bg);color:var(--prefs-remove-fg);box-shadow:var(--prefs-remove-shadow);opacity:1;cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .12s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.prefs-xbtn svg{pointer-events:none;width:14px;height:14px;display:block}.prefs-xbtn:hover{background:var(--prefs-remove-bg-hover);transform:scale(1.05)}.prefs-xbtn:active{background:var(--prefs-remove-bg-active);transform:scale(.96)}.prefs-xbtn:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}@media (width<=880px){.avatar-row{grid-template-columns:128px 1fr;align-items:center;gap:14px}.avatar-wrap,.avatar-box.circle{width:128px;height:128px}}@media (width<=520px){.avatar-row{grid-template-columns:1fr!important;place-items:start center!important;row-gap:16px!important}.avatar-wrap,.avatar-box.circle{width:120px!important;height:120px!important}.avatar-actions{text-align:center;width:100%;max-width:360px;justify-self:stretch!important}}.avatar-crop-host .avatar-wrap{position:relative;overflow:visible}.avatar-crop-host .avatar-crop-controls{z-index:10;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.avatar-crop-host .avatar-crop-actions,.avatar-crop-host.is-cropping .avatar-actions .avatar-default-actions{display:none}.avatar-crop-host.is-cropping .avatar-crop-controls,.avatar-crop-host.is-cropping .avatar-crop-actions{display:flex}.avatar-crop-host.is-cropping .avatar-img{max-width:none;max-height:none}.avatar-crop-host.is-cropping .avatar-box.circle{touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-controls{justify-content:center;width:100%}.avatar-crop-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.avatar-crop-actions .avatar-crop-save{grid-column:1/-1}.avatar-crop-actions .btn svg{width:18px;height:18px;display:block}.cropper-wrap{z-index:56000;background:#000000a6;place-items:center;display:none;position:fixed;inset:0}html[data-theme=light] .cropper-wrap{background:#00000073}.cropper-wrap.open{display:grid}.cropper-wrap.inline{z-index:auto;background:0 0;display:none;position:static;inset:auto}.avatar-crop-host.is-cropping .cropper-wrap.inline.open{display:block}.cropper{background:linear-gradient(var(--glass-bg,#101010e0), var(--glass-bg,#101010e0));color:var(--text);border:1px solid var(--surface-border,var(--block-border));border-radius:var(--radius,14px);width:min(94vw,520px);box-shadow:var(--shadow);font-family:var(--site-font,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);isolation:isolate;contain:layout style;-webkit-backdrop-filter:blur(var(--glass-blur,12px)) saturate(var(--glass-sat,100%)) brightness(var(--glass-bright,100%));background-image:linear-gradient(var(--glass-bg,#101010e0), var(--glass-bg,#101010e0));gap:12px;padding:16px 18px 14px;font-size:14px;display:grid;position:relative}.cropper-wrap.inline .cropper{width:100%;max-width:100%;box-shadow:none}.cropper .crop-remove{position:absolute;top:12px;right:12px}.crop-area{width:var(--crop-size,300px);height:var(--crop-size,300px);background:var(--block-bg);border-radius:50%;margin:10px auto 12px;position:relative;overflow:hidden}.crop-area .crop-img{will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;display:block;position:absolute;top:50%;left:50%}.crop-controls{justify-content:center;padding:6px 8px 12px;display:flex}.crop-range{width:min(360px,80vw)}.crop-actions{justify-content:flex-end;gap:8px;display:flex}.cropper .btn-acc:not(.primary):not(.btn-primary){appearance:none;border-radius:var(--radius-sm,12px);border:1px solid var(--surface-border,var(--btn-bd));background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;line-height:1.15;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s,transform 80ms;display:inline-flex}.cropper .btn-acc:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-bd)}.cropper .btn-acc:focus-visible{box-shadow:0 0 0 2px var(--btn-focus-ring);outline:none}.cropper .btn-acc:active{transform:scale(.985)}.cropper .btn-acc[disabled]{opacity:.55;cursor:default;pointer-events:none}.cropper .btn-acc-primary{border-color:var(--btn-primary-bd);background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.cropper .btn-acc-primary:hover{background:var(--btn-accent-hover)}.cropper .btn-acc-primary:active{background:var(--btn-accent-active)}.avatar-crop-controls .ava-arc-slider{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.avatar-crop-controls .ava-arc-hit{fill:none;stroke:#0000;stroke-width:30px;stroke-linecap:round;pointer-events:stroke}.avatar-crop-controls .ava-arc-track{fill:none;stroke:var(--line);stroke-width:5px;opacity:.6;stroke-linecap:round;pointer-events:stroke}.avatar-crop-controls .ava-arc-active{fill:none;stroke:var(--accent,#3b82f6);stroke-width:5px;stroke-linecap:round;pointer-events:stroke}.avatar-crop-controls .ava-arc-thumb{fill:var(--accent,#3b82f6);stroke:#0b0b0b;stroke-width:3px;pointer-events:all;cursor:pointer;touch-action:none}.avatar-crop-controls .ava-arc-thumb:active{cursor:pointer}html[data-theme=light] .avatar-crop-controls .ava-arc-thumb{stroke:var(--line,#d0d3dc)}