.App{text-align:center}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 1.5vmin)}.ocr-progress-container{width:100%;max-width:600px;margin:0 auto}.ocr-stages{flex-direction:column;gap:0;padding-left:2rem}.ocr-stage,.ocr-stages{display:flex;position:relative}.ocr-stage{align-items:center;gap:.75rem;padding:.5rem 0;transition:all .3s ease}.ocr-stage:before{content:"";position:absolute;left:-1.25rem;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid #d1d5db;background:#fff;transform:translateY(-50%);z-index:2;transition:all .3s ease}.ocr-stage:not(:last-child):after{content:"";position:absolute;left:-.82rem;top:calc(50% + 8px);width:2px;height:calc(100% - 4px);background:#e5e7eb;z-index:1;transition:background .3s ease}.ocr-stage.completed:before{background:#10b981;border-color:#10b981}.ocr-stage.completed:after{background:#10b981}.ocr-stage.active:before{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.2);animation:pulse-dot 2s infinite}.ocr-stage.active:after{background:linear-gradient(180deg,#3b82f6,#e5e7eb)}.ocr-stage.pending:before{background:#fff;border-color:#d1d5db}.ocr-stage-label{font-size:.875rem;font-weight:500;color:#6b7280;transition:color .3s ease}.ocr-stage.completed .ocr-stage-label{color:#10b981}.ocr-stage.active .ocr-stage-label{color:#3b82f6;font-weight:600}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px rgba(59,130,246,.2)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.1)}}.ocr-progress-bar-wrapper{width:100%;height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-top:1.5rem}.ocr-progress-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .5s ease;position:relative}.ocr-progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ocr-page-counter{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.875rem;color:#6b7280}.ocr-page-counter .current{font-weight:700;color:#3b82f6;font-size:1.25rem}.ocr-engine-selector{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.ocr-engine-btn{padding:.5rem 1rem;border-radius:.5rem;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;color:#374151}.ocr-engine-btn:hover{border-color:#93c5fd;background:#eff6ff}.ocr-engine-btn.selected{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;font-weight:600}.ocr-status-message{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.5rem;min-height:1.25rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:is(.dark) .ocr-engine-btn{background:#1f2937;border-color:#374151;color:#d1d5db}:is(.dark) .ocr-engine-btn:hover{border-color:#60a5fa;background:#1e3a5f}:is(.dark) .ocr-engine-btn.selected{border-color:#3b82f6;background:#1e3a5f;color:#93c5fd}:is(.dark) .ocr-stage:before{background:#1f2937;border-color:#4b5563}:is(.dark) .ocr-stage:not(:last-child):after{background:#374151}:is(.dark) .ocr-progress-bar-wrapper{background:#374151}