.avatar-crop-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #494e58;border-radius:18px;background:#20232a;color:#f6f5f2;box-shadow:0 20px 80px #0009;overflow:auto;font-family:inherit}.avatar-crop-dialog::backdrop{background:#090b0dcc}.avatar-crop-body{padding:24px}.avatar-crop-body h2{font-size:1.25rem;line-height:1.25;margin:0 0 8px}.avatar-crop-body p{font-size:.875rem;line-height:1.45;color:#bec5ce;margin:0 0 18px}.avatar-crop-canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;margin:auto;border-radius:12px;background:#30343c;cursor:grab;touch-action:none;outline-offset:4px}.avatar-crop-canvas:active{cursor:grabbing}.avatar-crop-zoom{display:flex;align-items:center;gap:16px;margin:20px 0;color:#dfe3e8;font-size:.875rem;font-weight:600}.avatar-crop-zoom input{flex:1;min-width:0;accent-color:#a9d3ee}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px}.avatar-crop-actions button{min-height:44px;padding:0 18px;border:1px solid #505761;border-radius:9px;background:#303640;color:#f5f5f3;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.avatar-crop-actions [data-confirm]{background:#a8d1ea;color:#17232c;border-color:#a8d1ea}.avatar-crop-actions button:focus-visible,.avatar-crop-canvas:focus-visible,.avatar-crop-zoom input:focus-visible{outline:3px solid #c3e7ff}.avatar-crop-actions button:disabled{opacity:.6;cursor:wait}@media(max-height:650px){.avatar-crop-body{padding:16px}.avatar-crop-body p{margin-bottom:10px}.avatar-crop-canvas{width:min(100%,calc(100dvh - 255px),320px)}.avatar-crop-zoom{margin:12px 0}}