.avatar-crop-dialog{width:min(390px,calc(100vw - 24px));max-height:calc(var(--visible-height,100dvh) - 24px);padding:20px;border-radius:22px;overflow-y:auto}
.avatar-crop-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.avatar-crop-dialog h2{font-size:20px;line-height:1.3;margin:0}
.avatar-crop-dialog .avatar-crop-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;margin:0;padding:8px;background:transparent;border:0;border-radius:10px;color:var(--rose,#a7254f)}
.avatar-crop-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.avatar-crop-dialog>p{margin:8px 0 16px;font-size:12px;line-height:1.5}
.avatar-crop-stage{position:relative;width:min(280px,100%,40dvh);aspect-ratio:1;margin:auto;border-radius:18px;background:#f6eff2;overflow:hidden}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;border-radius:50%;touch-action:none;cursor:grab;outline-offset:-3px}
.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-ring{position:absolute;inset:0;border:2px solid #fff;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #a7254f25 inset}
.avatar-crop-zoom{display:flex;align-items:center;gap:12px;margin:16px 0 10px}
.avatar-crop-zoom input[type=range]{flex:1;min-width:0;width:auto;height:28px;margin:0;padding:0;box-shadow:none;border:0;accent-color:var(--rose,#a7254f)}
.avatar-crop-zoom button{display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:22px;border:1px solid var(--line,#eadce2);background:#fff;color:var(--rose,#a7254f);border-radius:11px}
.avatar-crop-dialog>small{display:block;font-size:10px;text-align:center;color:var(--muted,#927c86);line-height:1.5}
.avatar-crop-dialog .avatar-crop-error{color:#b53e52;font-size:12px;margin:10px 0}
.avatar-crop-error:empty{display:none}
.avatar-crop-dialog>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.avatar-crop-dialog>footer button{min-height:44px;margin:0;padding:10px;border-radius:12px;background:var(--rose-soft,#faedf3);color:var(--rose,#a7254f)}
.avatar-crop-dialog>footer [data-crop=save]{background:var(--rose,#a7254f);color:#fff;font-weight:600}
html.studio-green .avatar-crop-dialog .avatar-crop-close,html.studio-green .avatar-crop-zoom button{color:#185c43}
html.studio-green .avatar-crop-stage{background:#edf5f0}
html.studio-green .avatar-crop-ring{box-shadow:0 0 0 2px #185c4325 inset}
html.studio-green .avatar-crop-zoom input{accent-color:#185c43}
html.studio-green .avatar-crop-dialog>footer button{background:#edf6f1;color:#185c43}
html.studio-green .avatar-crop-dialog>footer [data-crop=save]{background:#185c43;color:#fff}