/* Uses the established subtitle workspace and canonical family shell. */
.ocr-review-grid { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.7fr); gap: 24px; align-items: start; }
.ocr-entry-list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.ocr-entry-list button { display: grid; gap: 6px; width: 100%; padding: 12px; min-height: 60px; text-align: start; border: 1px solid var(--tools-line); border-radius: 9px; color: var(--tools-text); background: var(--tools-surface); }
.ocr-entry-list button span { color: var(--tools-muted); font-size: .85rem; }
.ocr-entry-list [aria-current=true] { border: 2px solid var(--tools-green-strong); padding: 11px; }
.ocr-editor { min-width: 0; }
.ocr-editor .error-message { margin: 12px 0; }
.ocr-editor textarea { font-family: var(--tools-sans); }
.review-image { display: block; max-width: 100%; height: auto; background: #17242e; border: 1px solid var(--tools-line); image-rendering: auto; }
.review-image.light-surface { background: #fff; }
progress { width: 100%; accent-color: var(--tools-action); }
dialog { width: min(1040px, calc(100% - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 20px; border: 1px solid var(--tools-line); border-radius: 18px; color: var(--tools-text); background: var(--tools-surface); }
dialog::backdrop { background: rgb(0 0 0 / .65); }
dialog .review-image { margin-top: 18px; width: 100%; }
#status { margin-bottom: 0; }
@media (max-width: 820px) { .ocr-review-grid { grid-template-columns: 1fr; } .ocr-entry-list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 240px; overflow: auto; } }
@media (max-width: 390px) { .ocr-entry-list { grid-template-columns: 1fr; } }