.ocr-page{padding:28px 0 36px;font-family:var(--sans)}
.ocr-heading h1{font-size:28px;margin:0 0 8px}.ocr-heading p,.ocr-note{color:var(--muted);font-size:14px;line-height:1.5;margin:0}
.ocr-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.ocr-toolbar label{display:flex;align-items:center;gap:8px;font-size:14px}
.ocr-page select,.ocr-page button{font:inherit}.ocr-page select,.ocr-page button:not(.ocr-drop){min-height:36px;border:1px solid var(--line);border-radius:5px;padding:6px 12px;background:var(--paper);color:var(--ink)}
.ocr-page #ocr-start{background:var(--green);border-color:var(--green);color:var(--paper)}.ocr-page button:disabled{opacity:.5;cursor:not-allowed}
.ocr-page :focus-visible{outline:2px solid var(--green);outline-offset:3px}
.ocr-drop{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:104px;padding:16px;border:1px dashed var(--line);border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}
.ocr-drop span{font-size:13px;color:var(--muted);line-height:1.5}.ocr-drop.is-dragging{background:var(--wash);border-color:var(--green)}
.ocr-status-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0;font-size:14px}.ocr-status-row p{margin:0;overflow-wrap:anywhere}.ocr-status-row span{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.ocr-status-row [data-error]{color:#ba4742}
.ocr-page progress{width:100%;height:4px;accent-color:var(--green);display:block;margin-bottom:12px}.ocr-page [hidden]{display:none!important}
.ocr-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;margin-top:20px}
.ocr-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:8px}.ocr-panel-heading h2{font:600 16px var(--sans);margin:0}.ocr-panel-heading>span{color:var(--muted);font-size:13px}.ocr-result-actions{display:flex;gap:8px}.ocr-result-actions button{font-size:13px}
.ocr-preview{height: min(65vh,640px);min-height:320px;overflow:auto;background:var(--wash);border-radius:5px;padding:12px;text-align:center}.ocr-preview img{display:block;width:100%;height:auto;margin:auto}.ocr-preview p{font-size:14px;color:var(--muted);margin:20px}
#ocr-result{display:block;resize:vertical;width:100%;height:min(65vh,640px);min-height:320px;box-sizing:border-box;padding:16px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans)}
.ocr-note{margin-top:16px}.ocr-result-panel,.ocr-preview-panel{min-width:0}
@media(max-width:760px){.ocr-page{padding-top:22px}.ocr-heading h1{font-size:25px}.ocr-toolbar{gap:10px;margin-top:20px}.ocr-toolbar label{flex-wrap:wrap}.ocr-page select{font-size:16px;max-width:100%}.ocr-page button:not(.ocr-drop){min-height:44px}.ocr-drop{align-items:flex-start;text-align:left}.ocr-workspace{grid-template-columns:1fr;gap:16px}.ocr-preview{height:220px;min-height:0}.ocr-preview img{max-width:420px}#ocr-result{height:400px;font-size:16px}.ocr-status-row{align-items:flex-start}.ocr-toolbar label{font-size:13px}.ocr-panel-heading{gap:8px}}