@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner { animation: spin 1s linear infinite; } .file-card { transition: all 0.2s ease-in-out; } .file-card:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } .preview-image { max-height: 150px; object-fit: contain; } #resultsContainer pre { background-color: #f8f9fa; padding: 16px; border-radius: 8px; overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; max-height: 500px; overflow-y: auto; font-family: 'Courier New', monospace; line-height: 1.6; unicode-bidi: embed; direction: ltr; } /* OCR confidence styling */ pre [confidence-low] { background-color: #ffebee; color: #c62828; padding: 0 2px; } pre [confidence-medium] { background-color: #fff8e1; color: #f57f17; padding: 0 2px; } /* Turkish specific OCR styling */ .turkish-text { font-family: 'Segoe UI', 'Tahoma', 'Arial Unicode MS', 'Noto Sans', sans-serif; line-height: 1.8; letter-spacing: 0.3px; unicode-bidi: embed; } .pdf-ocr-warning { background-color: #fff3cd; color: #856404; padding: 12px; border-radius: 4px; margin-bottom: 16px; border-left: 4px solid #ffeeba; } .ocr-result { white-space: pre-wrap; font-size: 1rem; font-family: 'Segoe UI', 'Tahoma', 'Arial Unicode MS', sans-serif; unicode-bidi: embed; direction: ltr; color: #2d3748; } /* Ensure proper Turkish character rendering */ @supports (font-variation-settings: normal) { .turkish-text, .ocr-result { font-family: 'Segoe UI Variable', 'Segoe UI', 'Tahoma', 'Arial Unicode MS', 'Noto Sans', sans-serif; } }