.avatar-crop{--ac-ink:#ecf2ff;--ac-muted:#ecf2ff8c;--ac-line:#ecf2ff1f;--ac-accent:#35e6e0;--ac-accent-ink:#0c1532;--ac-sheet:#0f1733;--ac-danger:#ff8fa3;z-index:1300;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.avatar-crop__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#02050fb8;border:0;position:absolute;inset:0}.avatar-crop__panel{z-index:1;border:1px solid var(--ac-line);background:radial-gradient(ellipse 80% 50% at 12% 0%, #35e6e01a, transparent 55%), linear-gradient(180deg, #15204a 0%, var(--ac-sheet) 42%);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ac-ink);border-radius:18px;grid-template-rows:auto minmax(280px,52vh) auto;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.avatar-crop__head{border-bottom:1px solid var(--ac-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 14px;display:flex}.avatar-crop__head h2{color:var(--ac-ink);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:780}.avatar-crop__head p{color:var(--ac-muted);margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.45}.avatar-crop__close{border:1px solid var(--ac-line);min-height:32px;color:var(--ac-muted);font:inherit;cursor:pointer;background:#ffffff08;border-radius:10px;flex:none;place-items:center;padding:0 12px;font-size:12px;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:grid}.avatar-crop__close:hover:not(:disabled){color:var(--ac-ink);background:#ffffff0f;border-color:#35e6e059}.avatar-crop__close:disabled{opacity:.5;cursor:default}.avatar-crop__stage{background:#060a1c;min-height:280px;position:relative}.avatar-crop__stage .reactEasyCrop_CropArea{color:#35e6e0eb;box-shadow:0 0 0 9999px #060a1c9e;border-color:#35e6e0d9!important}.avatar-crop__controls{border-top:1px solid var(--ac-line);gap:12px;padding:14px 18px 18px;display:grid}.avatar-crop__zoom{color:var(--ac-muted);align-items:center;gap:12px;font-size:13px;font-weight:650;display:flex}.avatar-crop__zoom input[type=range]{min-width:0;accent-color:var(--ac-accent);cursor:pointer;flex:1}.avatar-crop__zoom input[type=range]:disabled{opacity:.5;cursor:default}.avatar-crop__error{color:var(--ac-danger);margin:0;font-size:12px;font-weight:650}.avatar-crop__actions{justify-content:flex-end;gap:10px;display:flex}.avatar-crop__btn{min-height:42px;color:var(--ac-accent);font:inherit;cursor:pointer;background:#35e6e01f;border:1px solid #35e6e059;border-radius:11px;padding:0 16px;font-size:14px;font-weight:750;transition:filter .15s,opacity .15s,transform .15s}.avatar-crop__btn:hover:not(:disabled){filter:brightness(1.05)}.avatar-crop__btn:active:not(:disabled){transform:scale(.985)}.avatar-crop__btn:disabled{opacity:.5;cursor:default}.avatar-crop__btn--primary{background:linear-gradient(180deg, #e2ecff 0%, var(--ac-accent) 55%, #78c8d2 100%);color:var(--ac-accent-ink);border:0;box-shadow:0 8px 22px #35e6e029}@media (max-width:640px){.avatar-crop{padding:12px}.avatar-crop__panel{grid-template-rows:auto minmax(240px,46vh) auto;width:min(100vw - 16px,560px)}.avatar-crop__actions{flex-direction:column-reverse}.avatar-crop__actions .avatar-crop__btn{width:100%}}
