.ocrPanel{margin:12px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(77,111,158,.055);padding:13px}
.ocrPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ocrPanelHead>div{display:flex;flex-direction:column;gap:3px}
.ocrPanelHead b{display:flex;align-items:center;gap:7px;color:#e5ebf3;font-size:13px}
.ocrPanelHead span:not(.ocrStatus){font-size:11px;color:#7f8997}
.ocrStatus{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#30343a;color:#b8c0ca;white-space:nowrap}
.ocrStatus.pending,.ocrStatus.processing{background:rgba(213,154,69,.14);color:#e2b66f}
.ocrStatus.completed{background:rgba(77,177,118,.14);color:#86d6a6}
.ocrStatus.failed{background:rgba(220,84,84,.14);color:#ef9393}
.ocrPanelBody{margin-top:11px}
.ocrNotice{font-size:12px;color:#9ba5b2;line-height:1.45}
.ocrNotice.ocrError{color:#e99292}
.ocrPanelActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}
.ocrPanelActions .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ocrProgress{display:flex;align-items:center;gap:10px;color:#aeb7c3;font-size:12px}
.ocrProgressBar{height:7px;flex:1;min-width:120px;border-radius:999px;background:#292d33;overflow:hidden}
.ocrProgressBar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#758db2,#9bb8df);transition:width .3s ease}
.ocrResultMeta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.ocrResultMeta span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.04);color:#8f9aa8;font-size:10px}
.ocrTextPreview{margin:0;max-height:230px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:11px;border-radius:9px;background:#15171a;color:#d4dae2;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid rgba(255,255,255,.055)}
@media(max-width:650px){.ocrPanelHead{flex-direction:column}.ocrStatus{align-self:flex-start}}