.ocr-box{border:1px solid #bdd4f4;background:linear-gradient(135deg,#f3f8ff,#fff);border-radius:18px;padding:20px;margin-bottom:20px}.ocr-intro{display:flex;justify-content:space-between;gap:25px;align-items:center}.ocr-intro h3{font-size:22px;margin:2px 0 6px}.ocr-intro p{margin:4px 0;color:var(--muted)}.camera-mark{float:left;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:24px;margin-right:14px}.capture-btn{flex:0 0 auto;background:var(--blue);color:#fff;padding:14px 18px;border-radius:12px;font-weight:800}.capture-btn input{display:none}.ocr-workspace{display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #dbe7f5}.image-pane img{display:block;width:100%;max-height:330px;object-fit:contain;background:#e8edf2;border-radius:12px}.image-pane button{margin-top:8px;border:0;background:transparent}.ocr-status{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ocr-status progress{width:100%;height:14px;margin:14px 0}.ocr-status p{color:var(--muted)}.ocr-review{margin-top:20px;border-top:1px solid #dbe7f5;padding-top:18px}.review-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.review-head h4{margin:0;font-size:19px}.review-head p{margin:4px 0;color:var(--muted)}.ocr-review textarea{width:100%;font:13px/1.5 ui-monospace,monospace;border:1px solid var(--line);border-radius:10px;padding:10px}.confidence-low{color:var(--red);font-weight:800}.confidence-mid{color:#966000;font-weight:800}.confidence-high{color:#08766e;font-weight:800}@media(max-width:760px){.ocr-intro,.review-head{align-items:stretch;flex-direction:column}.capture-btn{text-align:center}.ocr-workspace{grid-template-columns:1fr}}