.avatar-crop-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #cfdbd4;border-radius:20px;color:#243b32;background:#fff;box-shadow:0 24px 80px #172c3a50;overflow:auto}
.avatar-crop-dialog::backdrop{background:#172c3a99;backdrop-filter:blur(3px)}
.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #e1e9e4}
.avatar-crop-header h2{font-size:22px;line-height:1.25;margin:0;color:#2b4836}
.avatar-crop-dialog .icon-btn,.avatar-crop-dialog .btn{min-width:44px;min-height:44px;font-size:14px;white-space:normal}
.avatar-crop-header .icon-btn{font-size:28px}
.avatar-crop-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(185px,1fr);gap:26px;padding:26px}
.avatar-crop-main,.avatar-crop-controls{min-width:0}
.avatar-crop-viewport{position:relative;width:100%;aspect-ratio:1;border:1px solid #bccbc2;border-radius:10px;overflow:hidden;background:#edf3ef;box-shadow:0 0 0 1px #fff inset}
.avatar-crop-viewport canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-4px}
.avatar-crop-viewport canvas:focus-visible{outline:3px solid #377bc4}
.avatar-crop-viewport canvas.dragging{cursor:grabbing}
.avatar-crop-guide{position:absolute;inset:0;border:1px dashed #fff;border-radius:50%;pointer-events:none;box-shadow:0 0 0 65px #172c3a28}
.avatar-crop-dialog .muted{font-size:12px;line-height:1.6;margin:12px 0 0;color:#5e7065}
.avatar-crop-controls{display:flex;flex-direction:column;gap:22px}
.avatar-crop-preview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;font-size:12px;color:#506858}
.avatar-crop-preview canvas{display:block;width:96px;height:96px;border-radius:50%;border:1px solid #cfdbd4}
.avatar-crop-zoom{display:grid;gap:10px;color:#365341;font-size:14px}
.avatar-crop-zoom>span{display:flex;justify-content:space-between;gap:10px}
.avatar-crop-zoom input{width:100%;min-height:44px;padding:0;accent-color:#3164ca}
.avatar-crop-adjust{display:flex;flex-wrap:wrap;gap:8px}
.avatar-crop-adjust .btn{flex:1}
.avatar-crop-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:18px 26px;border-top:1px solid #e1e9e4;background:#fbfdfb}
.avatar-crop-error{margin:0 26px 18px;padding:12px;border:1px solid #e7bbb8;border-radius:8px;color:#a33129;background:#fff5f3;font-size:13px}
.profile-avatar-block{margin-bottom:20px}.profile-avatar-block .profile-editor{margin-bottom:8px}.profile-avatar-block .muted{margin:5px 0;font-size:12px;line-height:1.5}
@media(max-width:600px){.avatar-crop-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.avatar-crop-header{padding:16px 18px}.avatar-crop-header h2{font-size:20px}.avatar-crop-body{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.avatar-crop-main{width:min(100%,340px);justify-self:center}.avatar-crop-controls{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px 18px;align-items:center}.avatar-crop-preview{grid-column:2;grid-row:1/3;gap:5px;font-size:10px}.avatar-crop-zoom{grid-column:1;grid-row:1}.avatar-crop-adjust{grid-column:1;grid-row:2}.avatar-crop-controls>.muted{grid-column:1/-1;margin:0}.avatar-crop-footer{padding:15px 18px}.avatar-crop-footer .btn{flex:1}.avatar-crop-error{margin:0 18px 15px}}