.profile-crop-dialog{width:min(var(--ui-dialog-width),calc(100vw - var(--ui-space-8)));max-height:calc(100dvh - var(--ui-space-8));border-radius:var(--ui-radius-dialog);padding:var(--ui-space-6);color:var(--foreground);background:var(--surface);box-shadow:var(--ui-dialog-shadow);border:0;margin:auto;position:fixed;inset:0;overflow-y:auto}.profile-crop-dialog::backdrop{background:var(--ui-overlay)}.profile-crop-heading{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-5);margin-bottom:var(--ui-space-5);display:flex}.profile-crop-heading h2{font-size:var(--ui-section-size);font-weight:600;line-height:1.4}.profile-crop-heading p{margin-top:var(--ui-space-2);font-size:var(--ui-helper-size);color:var(--muted);line-height:1.6}.profile-crop-stage{height:var(--ui-crop-stage-height);border-radius:var(--ui-radius-control);background:var(--ui-crop-stage);position:relative;overflow:hidden}.profile-crop-stage[data-banner]{height:var(--ui-crop-banner-height)}.profile-crop-stage .reactEasyCrop_CropArea{color:var(--ui-crop-mask);border-color:var(--ui-crop-outline)}.profile-crop-tools{align-items:center;gap:var(--ui-space-5);margin-block:var(--ui-space-5);display:flex}.profile-crop-tools label{align-items:center;gap:var(--ui-space-3);font-size:var(--ui-helper-size);flex:1;min-width:0;display:flex}.profile-crop-tools input{width:100%;min-width:var(--ui-control-min-width);accent-color:var(--foreground)}.profile-crop-tools input[type=range]{min-height:var(--ui-control-height)}.profile-crop-actions{justify-content:flex-end;align-items:center;gap:var(--ui-space-3);display:flex}.profile-crop-error{color:var(--ui-error-text);font-size:var(--ui-helper-size);margin-block:var(--ui-space-4);line-height:1.6}.profile-crop-dialog :is(button,input):focus-visible{outline:2px solid var(--foreground);outline-offset:var(--ui-space-2)}@media (max-width:540px){.profile-crop-dialog{padding:var(--ui-space-4)}.profile-crop-tools{gap:var(--ui-space-3)}.profile-crop-tools label>span{display:none}}
.site-app .profile-form-avatar-row{pointer-events:none}.site-app .profile-form-avatar-row>div{pointer-events:auto}.site-app .profile-form-banner .profile-image-action{top:var(--ui-space-3);min-height:var(--ui-control-height);font-size:var(--ui-helper-size);bottom:auto}
