/* AYA-Connect — krop/pozicionirovanie avatara */
.aya-crop-ov{
  position:fixed; inset:0; z-index:100004;
  background:rgba(6,16,20,.72);
  display:flex; align-items:center; justify-content:center;
  padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);
}
.aya-crop-box{
  width:100%; max-width:380px;
  background:var(--panel,#fff); color:var(--text,#11161b);
  border-radius:20px; padding:18px 18px 16px;
  box-shadow:0 12px 40px rgba(0,0,0,.4);
}
body.dark-theme .aya-crop-box{ background:#161d23; color:#e8edee; }
.aya-crop-title{ text-align:center; font-size:17px; font-weight:650; margin-bottom:14px; }

.aya-crop-stage{
  position:relative; width:300px; max-width:78vw; aspect-ratio:1/1; margin:0 auto;
  border-radius:12px; overflow:hidden; background:#0b1418; touch-action:none;
  cursor:grab;
}
.aya-crop-stage:active{ cursor:grabbing; }
.aya-crop-img{ position:absolute; top:0; left:0; user-select:none; -webkit-user-drag:none; will-change:transform; }
/* Krug-podskazka (avatar kruglyj), zatemnenie po uglam */
.aya-crop-mask{
  position:absolute; inset:0; pointer-events:none; z-index:2;
  box-shadow:0 0 0 2000px rgba(8,16,20,.45);
  border-radius:50%;
  border:2px solid rgba(255,255,255,.85);
}
.aya-crop-zoom{
  display:block; width:100%; max-width:300px; margin:16px auto 4px; accent-color:var(--aya-teal,#1a6b82);
}
.aya-crop-actions{ display:flex; gap:10px; margin-top:12px; }
.aya-crop-btn{
  flex:1; padding:13px; border:none; border-radius:12px; cursor:pointer;
  font-size:16px; font-weight:600;
  background:var(--soft,#eef0f2); color:var(--text,#11161b);
}
body.dark-theme .aya-crop-btn{ background:#262f37; color:#e8edee; }
.aya-crop-btn.aya-crop-ok{ background:var(--aya-teal,#1a6b82); color:#fff; }
.aya-crop-btn:active{ opacity:.8; }