view ocr text

frontend/src/styles.css

@@ -1516,6 +1516,50 @@ button.icon-button.ghost:hover:not([disabled]) {
   margin: 0.6rem 0;
 }
 
+.detail-ocr-trigger {
+  margin: 0.75rem 0;
+}
+
+.detail-ocr__content {
+  max-height: 60vh;
+  overflow: auto;
+  padding: 0.75rem;
+  background: var(--surface-soft);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.05);
+}
+
+.detail-ocr__content pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: var(--font-mono, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace);
+  font-size: 0.85rem;
+  line-height: 1.4;
+}
+
+.modal__body {
+  width: 100%;
+}
+
+.modal--ocr {
+  width: min(720px, 100%);
+  max-height: 80vh;
+  gap: 0.75rem;
+}
+
+.modal--ocr .modal__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.modal--ocr .modal__body {
+  padding: 0;
+}
+
 .preview-pane {
   margin-top: 0.4rem;
   border: none;