#catOcr{margin:20px 0;padding:20px;border:1px solid #a58b53;background:linear-gradient(130deg,#272725,#332d22);border-left:4px solid #c6aa65}#catOcr h4{font-family:'Bree Serif',serif;font-size:24px;color:#f2d9a2;margin:6px 0 12px}#catOcr p,#catOcr small{color:#d0c2a5;line-height:1.5}#catOcr .eyebrow{font-size:11px;letter-spacing:1.8px;color:#e7c98d;font-weight:700}.ocr-drop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;border:1px dashed #ad925c;background:#483d2a;margin:18px 0}.ocr-drop small{flex-basis:100%}.ocr-progress{display:flex;gap:12px;align-items:center}.ocr-progress[hidden]{display:none}.ocr-progress progress{flex:1;min-width:60px;accent-color:#b79c54}.ocr-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}#catOcr input:not([type=checkbox]),#catOcr select,#catOcr textarea{box-sizing:border-box;width:100%;min-width:0;color:#fff0d0;background:#262622;border:1px solid #8c7956;padding:10px;font:inherit}#catOcr .field{display:flex;flex-direction:column;gap:6px;font-size:13px}#catOcr .ocr-uncertain input{border-color:#efb067}#catOcr .ocr-uncertain span,.ocr-error{color:#ffc782!important}.ocr-review-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ocr-review-top figure{margin:0}.ocr-review-top img{width:100%;height:auto;max-height:350px;object-fit:contain}.ocr-review-top figcaption{font-size:12px;color:#c0af8e}#catOcr details{margin:16px 0}#catOcr summary{cursor:pointer;color:#e8ce9a}#catOcr pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:12px;background:#191a19;padding:12px}.ocr-confirm{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#ecdbb8}#catOcr button:disabled{opacity:.55;cursor:wait}#catOcr input:focus-visible,#catOcr textarea:focus-visible,#catOcr select:focus-visible,.ocr-drop:focus-visible{outline:2px solid #efc375;outline-offset:2px}@media(max-width:650px){#catOcr{padding:14px}.ocr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ocr-review-top{grid-template-columns:1fr}.ocr-drop{padding:12px}}@media(max-width:380px){.ocr-fields{grid-template-columns:1fr}}

#screenOcr{margin:20px 0;padding:20px;border:1px solid #a58b53;background:linear-gradient(130deg,#272725,#332d22);border-left:4px solid #c6aa65}#screenOcr h4{font-family:'Bree Serif',serif;font-size:24px;color:#f2d9a2;margin:6px 0 12px}#screenOcr p,#screenOcr small{color:#d0c2a5;line-height:1.5}#screenOcr .eyebrow{font-size:11px;letter-spacing:1.8px;color:#e7c98d;font-weight:700}.ocr-drop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;border:1px dashed #ad925c;background:#483d2a;margin:18px 0}.ocr-drop small{flex-basis:100%}.ocr-progress{display:flex;gap:12px;align-items:center}.ocr-progress[hidden]{display:none}.ocr-progress progress{flex:1;min-width:60px;accent-color:#b79c54}.ocr-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}#screenOcr input:not([type=checkbox]),#screenOcr select,#screenOcr textarea{box-sizing:border-box;width:100%;min-width:0;color:#fff0d0;background:#262622;border:1px solid #8c7956;padding:10px;font:inherit}#screenOcr .field{display:flex;flex-direction:column;gap:6px;font-size:13px}#screenOcr .ocr-uncertain input{border-color:#efb067}#screenOcr .ocr-uncertain span,.ocr-error{color:#ffc782!important}.ocr-review-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ocr-review-top figure{margin:0}.ocr-review-top img{width:100%;height:auto;max-height:350px;object-fit:contain}.ocr-review-top figcaption{font-size:12px;color:#c0af8e}#screenOcr details{margin:16px 0}#screenOcr summary{cursor:pointer;color:#e8ce9a}#screenOcr pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:12px;background:#191a19;padding:12px}.ocr-confirm{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#ecdbb8}#screenOcr button:disabled{opacity:.55;cursor:wait}#screenOcr input:focus-visible,#screenOcr textarea:focus-visible,#screenOcr select:focus-visible,.ocr-drop:focus-visible{outline:2px solid #efc375;outline-offset:2px}@media(max-width:650px){#screenOcr{padding:14px}.ocr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ocr-review-top{grid-template-columns:1fr}.ocr-drop{padding:12px}}@media(max-width:380px){.ocr-fields{grid-template-columns:1fr}}
