.avatar-crop-editor{display:grid;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(144,177,209,.18)}.avatar-crop-editor[hidden]{display:none}.avatar-crop-copy{display:grid;gap:4px}.avatar-crop-copy span{color:var(--muted);font-size:.92rem}.avatar-crop-stage{position:relative;width:min(320px,82vw);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;touch-action:none;cursor:grab;border:3px solid rgba(140,255,122,.55);background:#0b1220;box-shadow:0 18px 50px rgba(0,0,0,.35)}.avatar-crop-stage:focus-visible{outline:3px solid rgba(53,215,255,.8);outline-offset:4px}.avatar-crop-stage.is-dragging{cursor:grabbing}.avatar-crop-stage canvas{display:block;width:100%;height:100%}.avatar-crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.28) 33%,rgba(255,255,255,.28) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,rgba(255,255,255,.28) 66%,rgba(255,255,255,.28) calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(0deg,transparent 33%,rgba(255,255,255,.28) 33%,rgba(255,255,255,.28) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,rgba(255,255,255,.28) 66%,rgba(255,255,255,.28) calc(66% + 1px),transparent calc(66% + 1px))}.avatar-crop-controls{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:12px}.avatar-crop-controls label{font-weight:800}.avatar-crop-controls input[type=range]{width:100%;accent-color:#8cff7a}@media(max-width:620px){.avatar-crop-controls{grid-template-columns:1fr}.avatar-crop-controls .button{width:100%}}