/* Окно выбора видимой области при загрузке фотографии человека (photo-crop.js).
   Блок .ag-crop* вынесен отдельным файлом, чтобы media-std.css остался чистым зеркалом
   платформенного стандарта. Распоряжение Антона 06.10.2026 (карточка 2026-10-06-023). */

.ag-crop { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center;
  justify-content: center; padding: 16px; background: rgba(12, 12, 12, .82); }
.ag-crop__box { display: flex; flex-direction: column; gap: 14px; width: min(560px, 100%);
  max-height: 92vh; padding: 20px; background: #fff; color: #14181f; border-radius: 4px; }
.ag-crop__hint { margin: 0; font-size: .86rem; line-height: 1.45; opacity: .75; }
.ag-crop__stage { flex: 1 1 auto; min-height: 0; max-height: 62vh; background: #f1efe9; }
.ag-crop__stage img { display: block; max-width: 100%; }
.ag-crop__actions { display: flex; gap: 10px; justify-content: flex-end; }
.ag-crop__actions button { min-height: 40px; padding: 0 18px; border: 2px solid #14181f;
  background: #fff; font: 700 11px/1 inherit; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.ag-crop__actions button[data-ok] { background: #14181f; color: #fff; }
/* рамка выбора сама держит формат — пропорции меняться не должны */
.ag-crop .cropper-view-box, .ag-crop .cropper-face { outline-color: #14181f; }