.avatar-crop-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(5,15,29,.72);backdrop-filter:blur(7px)}.avatar-crop-modal{position:relative;width:min(460px,100%);max-height:calc(100vh - 30px);overflow:auto;display:grid;gap:14px;padding:28px;border-radius:17px;background:#fff;box-shadow:0 35px 120px rgba(0,0,0,.4)}.avatar-crop-modal h3{margin:0;font-size:23px;letter-spacing:-.03em}.avatar-crop-help{margin:-5px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.avatar-crop-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;padding:7px;border:0;border-radius:7px;background:#f1f4f8;color:#5e6d80;cursor:pointer}.avatar-crop-frame{position:relative;width:min(320px,calc(100vw - 96px));aspect-ratio:1;margin:2px auto 0;overflow:hidden;border-radius:12px;background:#142234;cursor:grab;touch-action:none;user-select:none}.avatar-crop-frame:active{cursor:grabbing}.avatar-crop-frame>img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;will-change:transform}.avatar-crop-mask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100px rgba(4,13,25,.58);outline:2px solid rgba(255,255,255,.9);outline-offset:-2px;pointer-events:none}.avatar-crop-zoom{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:10px;width:min(320px,100%);margin:0 auto;color:#748297}.avatar-crop-zoom input{padding:0!important;border:0!important;box-shadow:none!important;accent-color:var(--blue)}.avatar-crop-result{display:flex;align-items:center;justify-content:center;gap:7px;color:#738197;font-size:.75rem}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:9px}.avatar-crop-actions button{justify-content:center}.avatar-crop-actions .primary{min-width:180px}.avatar-crop-actions .primary:disabled{opacity:.6;cursor:wait}@media(max-width:520px){.avatar-crop-backdrop{padding:10px}.avatar-crop-modal{padding:22px 18px}.avatar-crop-frame{width:min(300px,calc(100vw - 58px))}.avatar-crop-actions{display:grid;grid-template-columns:1fr}.avatar-crop-actions .primary{min-width:0;grid-row:1}.avatar-crop-actions .secondary{grid-row:2}}