.ocr-progress{background:var(--surface-2);height:6px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:3px;grid-column:1/-1;position:relative;overflow:hidden}.ocr-progress>div{background:var(--tape);border-radius:3px;height:100%;transition:width .2s linear}.ocr-body{border-top:1px solid var(--rule);grid-column:1/-1;gap:16px;padding-top:14px;display:grid}@media (min-width:640px){.ocr-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}.ocr-preview{border-radius:var(--radius);background:repeating-conic-gradient(var(--checker) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;place-items:center;max-height:340px;padding:8px;display:grid;overflow:hidden}.ocr-preview img{object-fit:contain;max-width:100%;max-height:320px;display:block}.ocr-out{flex-direction:column;gap:8px;min-width:0;display:flex}.ocr-text{min-height:240px}.ocr-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}@media (prefers-reduced-motion:reduce){.ocr-progress>div{transition:none}}