#avatarCropDialog{width:min(460px,calc(100vw - 24px));max-width:none;max-height:90dvh;padding:0;border:1px solid #b9c8b1;border-radius:18px;background:#fffdf8;color:#263e34;overflow-y:auto;overscroll-behavior:contain}#avatarCropDialog::backdrop{background:rgb(28 49 39 / 48%)}
.avatar-crop-body{padding:20px}.avatar-crop-body h2{font-size:24px;margin:0 0 10px}.avatar-crop-body>p{font-size:13px;line-height:1.5;margin:10px 0}.avatar-crop-frame{position:relative;width:min(300px,100%);aspect-ratio:1;margin:16px auto;overflow:hidden;background:#eef2e7;border-radius:8px}.avatar-crop-frame:after{content:'';position:absolute;inset:1px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 100px rgb(28 49 39 / 42%);pointer-events:none}.avatar-crop-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.avatar-crop-frame canvas:active{cursor:grabbing}.avatar-crop-frame:focus-within{outline:3px solid #a64e29;outline-offset:3px}.avatar-crop-zoom{display:block;font-size:14px;font-weight:600}.avatar-crop-zoom output{float:right;font-size:13px}.avatar-crop-zoom input{display:block;width:100%;height:44px;margin:4px 0;accent-color:#34573d;cursor:pointer}#avatarCropDialog [data-crop-reset]{min-height:44px}.avatar-crop-actions{display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:#fffdf8;border-top:1px solid #d9e0d2;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.avatar-crop-actions button{min-height:44px;font-size:13px;white-space:normal}.avatar-crop-actions button:focus-visible{outline:3px solid #a64e29;outline-offset:3px}
@media(max-width:700px){.avatar-crop-body{padding:16px}.avatar-crop-body h2{font-size:22px}.avatar-crop-frame{width:min(280px,100%);margin:12px auto}.avatar-crop-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.avatar-crop-actions button{flex:1;padding:10px;font-size:12px}}