.ocr-page{width:min(1180px,100% - 48px);color:var(--foreground);margin:auto;padding:24px 0 48px;font-size:1rem}.ocr-header{margin-bottom:32px}.ocr-brand img{width:132px}.ocr-heading{gap:16px;margin-bottom:28px;display:flex}.ocr-heading>svg{width:32px;height:32px;color:var(--accent);flex:0 0 32px;margin-top:6px}.ocr-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,3vw,2.3rem)}.ocr-heading p{color:var(--muted);margin:8px 0 0;line-height:1.7}.ocr-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.ocr-source,.ocr-result{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:24px}.ocr-page h2{margin:0 0 18px;font-size:1.1rem}.ocr-file{gap:12px;display:grid}.ocr-file input{max-width:100%;font:inherit;font-size:.875rem}.ocr-file input::file-selector-button{border:1px solid var(--border);background:var(--surface-soft);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:8px;margin-right:12px;padding:8px 12px}.ocr-preview{border:1px dashed var(--border);background:var(--background);border-radius:10px;place-items:center;height:260px;min-height:220px;margin-top:16px;display:grid;overflow:hidden}.ocr-preview p{color:var(--muted);padding:20px;line-height:1.7}.ocr-preview img{object-fit:contain;width:100%;height:100%;min-height:0}.ocr-filename{overflow-wrap:anywhere;color:var(--muted);font-size:.875rem}.ocr-options{align-items:end;gap:12px;margin-top:20px;display:flex}.ocr-options>div{flex:1;gap:8px;min-width:0;display:grid}.ocr-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ocr-actions button,.ocr-options>button{border:1px solid var(--border);background:var(--surface-soft);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.875rem}.ocr-actions .ocr-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ocr-page button:disabled{opacity:.5;cursor:not-allowed}.ocr-result{flex-direction:column;display:flex}.ocr-result-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ocr-result-heading span{color:var(--muted);font-size:.875rem}.ocr-result textarea{border:1px solid var(--border);background:var(--background);width:100%;min-height:340px;color:var(--foreground);resize:vertical;font:inherit;border-radius:10px;flex:1;padding:16px;line-height:1.7}.ocr-result textarea::placeholder{color:var(--muted)}.ocr-hint,.ocr-notes{color:var(--muted);font-size:.875rem;line-height:1.7}.ocr-feedback{min-height:64px;line-height:1.7}.ocr-feedback progress{width:min(400px,100%);accent-color:var(--accent)}.ocr-error{color:#ff9d9d}.ocr-notes{border-top:1px solid var(--border);padding-top:12px}.ocr-notes nav{flex-wrap:wrap;gap:20px;display:flex}.ocr-notes a{color:var(--accent-bright)}.ocr-footer{margin-top:32px}@media (width<=720px){.ocr-page{width:calc(100% - 32px);padding-top:16px}.ocr-workspace{grid-template-columns:minmax(0,1fr)}.ocr-source,.ocr-result{padding:18px}.ocr-preview{height:220px}.ocr-result textarea{min-height:280px}.ocr-options{flex-wrap:wrap}}