.ocr-cards{display:grid;gap:20px;margin-top:24px}.ocr-card{display:grid;grid-template-columns:minmax(150px,22%) 1fr;gap:22px;padding:20px;border:1px solid #d7ddcf;border-radius:18px;background:#fff;align-items:start}.ocr-photo img{width:100%;max-height:280px;object-fit:contain;background:#f7f5ef;border-radius:10px}.ocr-photo p{overflow-wrap:anywhere}.ocr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:18px}.ocr-card label{display:block;font-size:15px}.ocr-card label.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.ocr-card label.check input{width:auto;margin-top:5px}.ocr-card input:not([type=checkbox]),.ocr-card textarea{width:100%;box-sizing:border-box;margin:8px 0 18px;font:inherit}.ocr-card textarea{min-height:140px}.ocr-card button{display:block;margin:14px 0;white-space:normal}.ocr-status{margin-top:0;font-weight:600}.ocr-card progress{width:100%;height:6px;accent-color:#73866a;margin-bottom:16px}.ocr-actions{display:flex;gap:14px;flex-wrap:wrap}.ocr-actions button{font-size:14px;padding:10px 14px}.ocr-card summary{cursor:pointer;font-weight:600;color:#283e34;padding:10px 0}.ocr-scripture{border-left:3px solid #c7d2bc;padding-left:14px;font-size:16px}.ocr-upload-error{padding:16px;background:#f7f5ef;border-radius:12px}#transcribeRequestPanel .toolbar{gap:16px;flex-wrap:wrap}#transcribeRequestPanel .check{display:flex;gap:12px;margin:20px 0}#transcribeRequestPanel .check input{flex:0 0 auto}@media(max-width:800px){.ocr-card{grid-template-columns:1fr}.ocr-photo img{max-height:220px}.ocr-grid{grid-template-columns:1fr}.ocr-actions{gap:8px}.ocr-card{padding:16px}}

.ocr-card [hidden]{display:none!important}

.ocr-feedback{font-size:15px;line-height:1.5;color:#795c32;margin:10px 0 18px;overflow-wrap:anywhere}.ocr-feedback:empty{display:none}

#transcribeRequestPanel .ocr-camera-row{margin:0 0 12px}#transcribeRequestPanel .ocr-take-photo{width:100%;min-height:52px;background:var(--gold,#b9975c);border-color:var(--gold,#b9975c);color:#203229;font-weight:600}#transcribeRequestPanel .ocr-take-photo:hover{filter:brightness(.96)}#transcribeRequestPanel .ocr-take-photo:focus-visible{outline:3px solid var(--ink,#283e34);outline-offset:3px}#transcribeRequestPanel .ocr-camera-input[hidden]{display:none!important}@media(min-width:801px) and (pointer:fine){#transcribeRequestPanel .ocr-camera-row{display:none}}

.ocr-unclear-preview{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #b9975c;background:#faf5e9;border-radius:8px;padding:14px;margin:0 0 16px;font-size:16px;line-height:1.6}.ocr-unclear-preview strong{font-weight:800;background:#f0d9a9;color:#462d12;border-radius:3px;padding:1px 3px}

.ocr-camera-dialog{box-sizing:border-box;width:min(94vw,600px);max-height:90dvh;overflow:auto;padding:20px;background:#f7f5ef;color:#283e34;border:1px solid #b9975c;border-radius:16px}.ocr-camera-dialog::backdrop{background:#0009}.ocr-camera-dialog h2{font-size:28px;margin:0 0 14px}.ocr-camera-dialog video{display:block;width:100%;height:min(48dvh,450px);object-fit:contain;background:#283e34;border-radius:8px}.ocr-camera-controls{display:flex;gap:12px;flex-wrap:wrap}.ocr-camera-controls button{flex:1 1 130px;min-height:50px}.ocr-camera-controls button:first-child{background:#b9975c;color:#203229;border-color:#b9975c}