.avatar-panel{grid-column:1/-1}.avatar-editor{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:start}.profile-avatar{width:132px;height:132px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:linear-gradient(135deg,#56745f,#263b2d);font-size:3rem;font-weight:800}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-caption{margin:0 0 16px;color:var(--muted);font-size:.88rem}.avatar-editor .stack-form{max-width:620px}.avatar-editor .field-help{margin:0}.avatar-status{margin:10px 0 0;color:var(--success);font-size:.82rem;font-weight:700}.avatar-status.is-error{color:var(--danger)}
.avatar-modal[hidden]{display:none}.avatar-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:rgba(23,32,51,.48)}.avatar-modal-backdrop{position:absolute;inset:0}.avatar-dialog{position:relative;width:min(100%,468px);max-height:calc(100dvh - 40px);overflow:auto;padding:22px;background:var(--paper);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 24px 70px rgba(23,32,51,.28)}.avatar-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.avatar-dialog h2{margin:0;font-size:1.18rem}.avatar-dialog-close{min-width:40px;width:40px;min-height:40px;padding:0;border-radius:50%;background:#f2f4f7;color:var(--muted);font-size:1.6rem;font-weight:500;line-height:1}.avatar-crop-stage{position:relative;width:min(100%,360px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:16px;background:#111827;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage img{position:absolute;max-width:none;user-select:none;pointer-events:none;transform-origin:top left}.avatar-crop-frame{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.35);pointer-events:none}.avatar-zoom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:20px 2px 0;color:var(--ink);font-size:.84rem;font-weight:700}.avatar-zoom input{min-height:auto;padding:0;border:0;box-shadow:none;accent-color:var(--blue)}.avatar-modal-help{margin:10px 0 0;color:var(--muted);font-size:.78rem;text-align:center}.avatar-modal-error{margin:12px 0 0;color:var(--danger);font-size:.82rem;text-align:center}.avatar-dialog-actions{justify-content:flex-end;margin-top:18px}.avatar-dialog-actions button{min-width:116px}.avatar-modal-open{overflow:hidden}
@media(max-width:620px){.avatar-editor{grid-template-columns:1fr}.profile-avatar{width:104px;height:104px;font-size:2.4rem}.avatar-dialog{max-height:calc(100dvh - 24px);padding:18px;border-radius:18px}.avatar-modal{padding:12px}.avatar-dialog-actions{flex-direction:column-reverse}.avatar-dialog-actions button{width:100%}}