.ocr-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}
.intro{max-width:900px}.intro h1{overflow-wrap:anywhere}.intro>p:last-child{max-width:760px}
.drop-zone{min-height:215px;padding:20px}.drop-zone p{font-size:.875rem;line-height:1.45}.drop-zone .secondary-button{margin-top:18px}.drop-zone #paste-hint{margin-top:9px}
.secondary-button,.download{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#2457d5;font-size:.875rem;font-weight:700;line-height:1.4}
.secondary-button:hover:not(:disabled){background:#edf3ff}.download{background:#2457d5;color:white;border-color:#2457d5}.download:hover:not(:disabled){background:#1746bb}.secondary-button:disabled,.download:disabled{opacity:.45}
.text-button{border:0;background:transparent;padding:8px 0;color:#3354aa;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.text-button:disabled{opacity:.45}
.field-hint,.photo-meta,.count,.processing,footer{font-size:.875rem}.field-hint{line-height:1.55}.ocr-settings{border-top:1px solid #e5ebf3;margin-top:24px;padding-top:24px}.ocr-settings .create-button{margin-top:22px;text-align:start;gap:14px}
.list-heading{align-items:center}.photo-list{max-height:245px}.photo-row{gap:8px}.photo-row[data-selected=true]{border-color:#96b0ea;background:#f0f5ff}.photo-row[data-status=failed]{border-color:#e7b7b0}.select-photo{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:start;border:0;background:transparent;padding:4px;color:inherit}.photo-info{text-align:start}.photo-meta{line-height:1.4}.photo-name{max-width:230px}.photo-row .remove{width:38px;height:38px;flex:none}
.alert{padding:12px 14px;margin-top:16px;border:1px solid #e8ceb0;border-radius:10px;background:#fff7ed;color:#80531d;font-size:.9rem;line-height:1.5}
.empty-state{display:grid;place-items:center;text-align:center;min-height:365px;margin:0;border:1px solid #e5ebf3;border-radius:12px;background:#f8faff;color:#67758d;padding:32px;line-height:1.65}
.image-preview{display:block;width:100%;max-height:190px;object-fit:contain;border:1px solid #e5ebf3;border-radius:10px;background:#f7f9fc;margin:16px 0}
#result-text{font:1rem/1.6 ui-sans-serif,system-ui,sans-serif;color:#152340;background:#fff;border:1px solid #cbd6e6;border-radius:10px;width:100%;min-height:300px;padding:15px;resize:vertical;display:block}
.result-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:#63718a;font-size:.875rem;margin:10px 0 16px;line-height:1.45}.result-meta p{margin:0;flex:1}.result-meta span{white-space:nowrap}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.review-note{margin-top:20px}#download-all{margin-top:10px}#batch-progress{display:block;width:100%;height:8px;margin-top:18px;accent-color:#2457d5}.below-note{max-width:1060px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[dir=rtl] .intro h1{letter-spacing:normal}[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}
@media(max-width:800px){.ocr-workspace{grid-template-columns:1fr}.empty-state{min-height:180px}.photo-name{max-width:none}.text-card{min-width:0}}
@media(max-width:480px){.photo-name{max-width:190px}.result-meta{flex-wrap:wrap}.result-actions>*{flex:1}.card-heading{flex-wrap:wrap}.card-heading>div{min-width:0}.card h2{overflow-wrap:anywhere}#result-text{min-height:250px}}
@media(prefers-reduced-motion:reduce){.drop-zone,.create-button{transition:none}}