.ocr-region-actions{display:flex;gap:8px;align-items:center;margin:6px 0}.ocr-region-stage{position:relative;width:min(100%,210px);aspect-ratio:9/19.5;max-height:380px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px;text-align:center;margin:0 auto;touch-action:none}.ocr-region-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.ocr-region-stage svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.ocr-region-stage rect{fill:rgba(0,180,120,.18);stroke:#00a878;stroke-width:5;vector-effect:non-scaling-stroke}.ocr-canvas-mark{position:absolute;top:8px;left:0;right:0;color:#859198;font-size:10px;pointer-events:none}.ocr-region-stage:has(img) .ocr-canvas-mark{display:none}
.ocr-region-stage #ocrCoordinateOverlay{overflow:visible;cursor:crosshair}.ocr-region-stage #ocrCoordinateOverlay g{pointer-events:none}.ocr-region-stage #ocrCoordinateOverlay circle{fill:#00a878;stroke:#fff;stroke-width:4;vector-effect:non-scaling-stroke}.ocr-region-stage #ocrCoordinateOverlay text{fill:#fff;font:700 17px sans-serif;text-anchor:middle;dominant-baseline:central}
.ocr-target-region{display:grid;gap:4px;margin:10px 0}.ocr-target-region .field-help{overflow-wrap:anywhere}.ocr-region-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0}.ocr-region-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.ocr-region-dialog .dialog-header{flex-shrink:0;background:#fff;z-index:2}.ocr-region-dialog .dialog-content{padding:16px 24px;min-height:0;overflow:auto}.ocr-region-dialog .ocr-region-stage{width:min(100%,225px);max-height:none}.ocr-region-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;flex-shrink:0;background:#fff;border-top:1px solid var(--line)}.ocr-region-tool>.field-help{margin:0 0 10px}