/**
 * Omnex OCR modülü — ocr.css. JS: modules/ocr/ocr.js (OxOcr). Modal gövdesi OxModal (.ox-modal__body).
 */
.ox-ocr { display: flex; gap: var(--ox-space-4); width: 100%; min-height: 54vh; }
.ox-ocr__left, .ox-ocr__right { display: flex; flex-direction: column; gap: var(--ox-space-3); min-width: 0; }
.ox-ocr__left { flex: 0 0 300px; }
.ox-ocr__right { flex: 1; }
.ox-ocr__prev { flex: 1; min-height: 180px; display: flex; align-items: center; justify-content: center; text-align: center;
  background: var(--ox-surface-2); border: 1px solid var(--ox-border); border-radius: var(--ox-radius-lg); overflow: auto; padding: 10px; }
.ox-ocr__prev img { max-width: 100%; max-height: 300px; border-radius: var(--ox-radius-sm); }
.ox-ocr__langs { display: flex; flex-wrap: wrap; gap: var(--ox-space-2); }
.ox-ocr__langs label { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ox-text-sm);
  background: var(--ox-surface-2); border: 1px solid var(--ox-border); border-radius: var(--ox-radius-full);
  padding: 4px 10px; cursor: pointer; user-select: none; }
.ox-ocr__langs label:hover { border-color: var(--ox-border-strong); }
.ox-ocr__langs input { accent-color: var(--ox-primary); }
.ox-ocr__result { flex: 1; width: 100%; min-height: 260px; resize: none; font-family: var(--ox-font-mono, ui-monospace, monospace);
  font-size: 13px; line-height: 1.5; padding: 10px; border: 1px solid var(--ox-border); border-radius: var(--ox-radius-md);
  background: var(--ox-surface); color: var(--ox-fg); }
.ox-ocr__prog { font-size: var(--ox-text-sm); color: var(--ox-fg-muted); }
.ox-ocr__meta { font-size: var(--ox-text-sm); color: var(--ox-fg-muted); }
.ox-ocr__drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  width: 100%; height: 100%; min-height: 180px; background: none; border: 2px dashed var(--ox-border-strong, var(--ox-border));
  border-radius: var(--ox-radius-lg); color: var(--ox-fg-muted); font-size: var(--ox-text-sm); text-align: center; cursor: pointer; padding: 20px; }
.ox-ocr__drop:hover, .ox-ocr__drop.is-drag { border-color: var(--ox-primary); background: var(--ox-primary-subtle, var(--ox-info-subtle)); color: var(--ox-fg); }
.ox-ocr__drop svg { color: var(--ox-primary); }