.ocr-preview,.ocr-result{display:flex;flex-direction:column;gap:var(--space-lg)}.image-preview{display:flex;justify-content:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.image-preview img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md)}.language-select{display:flex;flex-direction:column;gap:var(--space-sm)}.language-select label{font-weight:500}.language-select select{padding:var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer}.language-select select:focus{outline:none;border-color:var(--color-accent-primary)}.ocr-notice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--color-accent-primary)}.text-output textarea{width:100%;padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;min-height:200px}.result-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl)}.processing p{font-size:var(--text-sm);color:var(--color-text-muted)}.ocr-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-error)}