.app-gate-state{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:3rem 1.5rem}.app-gate-actions{display:flex;gap:1rem}.ocr-app{--primary: #EA580C;--primary-hover: #C2410C;--primary-glow: rgba(234, 88, 12, .15);--bg-card: #1C1917;--bg-elevated: #231E1A;--bg-deep: #14110F;--text: #FAFAF9;--text-dim: #A8A29E;--text-muted: #78716C;--success: #22C55E;--error: #EF4444;--warning: #F59E0B;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--input-bg: #231E1A;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--t: .15s ease;display:block;max-width:1480px;margin:0 auto;padding:28px 32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 1px 3px #00000080;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.ocr-app *,.ocr-app *:before,.ocr-app *:after{box-sizing:border-box}.ocr-app [hidden]{display:none!important}.ocr-privacy{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.78rem;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:999px;padding:5px 12px}.ocr-app .btn{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-color);padding:10px 16px;border-radius:var(--radius-md);font-size:.86rem;font-weight:600;cursor:pointer;transition:all var(--t);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit}.ocr-app .btn:hover:not(:disabled){border-color:var(--border-hover);background:#2a2420}.ocr-app .btn:active:not(:disabled){transform:scale(.98)}.ocr-app .btn:disabled{opacity:.35;cursor:not-allowed}.ocr-app .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.ocr-app .btn.primary:hover:not(:disabled){background:var(--primary-hover)}.ocr-app .btn.small{padding:6px 11px;font-size:.78rem}.ocr-app .btn.danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.ocr-app .btn:focus-visible,.ocr-app select:focus-visible,.ocr-app textarea:focus-visible,.ocr-app input:focus-visible+span,.ocr-drop:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ocr-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 24px;padding:16px 18px;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px}.ocr-field{display:flex;flex-direction:column;gap:8px;min-width:0}.ocr-field>.lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.ocr-chips{display:flex;flex-wrap:wrap;gap:6px}.ocr-chips label{cursor:pointer}.ocr-chips input{position:absolute;opacity:0;pointer-events:none}.ocr-chips span{display:inline-block;padding:5px 11px;border-radius:999px;font-size:.8rem;color:var(--text-dim);border:1px solid var(--border-color);background:var(--input-bg);transition:all var(--t)}.ocr-chips input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}.ocr-chips input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.ocr-app .segmented-control{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;gap:3px}.ocr-app .segmented-control label{flex:1;text-align:center;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-dim);display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:all var(--t)}.ocr-app .segmented-control input{display:none}.ocr-app .segmented-control label:has(input:checked){background:var(--primary);color:#fff}.ocr-app .segmented-control label:has(input:focus-visible){outline:2px solid #fff;outline-offset:-3px}.ocr-app select,.ocr-app .ocr-select{background:var(--input-bg);color:var(--text);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px;font-size:.84rem;font-family:inherit}.ocr-checks{display:flex;flex-direction:column;gap:6px}.ocr-check{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-dim);cursor:pointer}.ocr-check input{accent-color:var(--primary);width:15px;height:15px}.ocr-drop{border:2px dashed var(--border-hover);border-radius:var(--radius-lg);padding:30px 24px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;transition:border-color var(--t),background var(--t);outline:none;margin-bottom:16px}.ocr-drop:hover,.ocr-drop.is-over{border-color:var(--primary);background:var(--primary-glow)}.ocr-drop-main{font-size:.98rem;font-weight:600}.ocr-drop-sub{font-size:.8rem;color:var(--text-dim)}.ocr-kbd{background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:4px;padding:1px 7px;font-size:.76rem;font-family:monospace}.ocr-drop.compact{padding:14px;flex-direction:row;justify-content:center;gap:14px}.ocr-progress{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ocr-progress-row{display:flex;align-items:center;gap:12px}.ocr-progress-bar{flex:1;height:6px;background:var(--border-hover);border-radius:3px;overflow:hidden}.ocr-progress-fill{height:100%;width:0;background:var(--primary);transition:width .2s ease}.ocr-progress-text{font-size:.78rem;color:var(--text-dim)}.ocr-work{display:grid;grid-template-columns:170px minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:stretch}.ocr-pages{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;padding-right:4px}.ocr-page-item{display:flex;flex-direction:column;gap:5px;padding:6px;border-radius:var(--radius-md);cursor:pointer;background:var(--input-bg);border:1px solid var(--border-color);text-align:left;color:var(--text);font-family:inherit;transition:border-color var(--t)}.ocr-page-item:hover{border-color:var(--border-hover)}.ocr-page-item[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ocr-page-thumb{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:4px;background:#0c0a09;display:block}.ocr-page-thumb.empty{display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--text-muted)}.ocr-page-meta{display:flex;justify-content:space-between;gap:6px;font-size:.7rem;color:var(--text-dim)}.ocr-page-name{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-conf-good{color:var(--success)}.ocr-conf-mid{color:var(--warning)}.ocr-conf-bad{color:var(--error)}.ocr-viewer-col,.ocr-text-col{display:flex;flex-direction:column;gap:10px;min-width:0}.ocr-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ocr-toolbar .spacer{flex:1}.ocr-viewer{position:relative;overflow:auto;background:#0c0a09;border:1px solid var(--border-color);border-radius:var(--radius-md);height:560px;touch-action:pan-x pan-y}.ocr-stage{position:relative;display:inline-block;transform-origin:0 0;line-height:0}.ocr-stage img{display:block;max-width:none;user-select:none;-webkit-user-drag:none}.ocr-overlay{position:absolute;inset:0;width:100%;height:100%}.ocr-overlay{pointer-events:none}.ocr-overlay .ocr-word{pointer-events:auto}.ocr-overlay.zone-mode{cursor:crosshair;pointer-events:all;touch-action:none}.ocr-word{fill:#f59e0b2e;stroke:var(--warning);stroke-width:2}.ocr-word.bad{fill:#ef444433;stroke:var(--error)}.ocr-zone{fill:#ea580c26;stroke:var(--primary);stroke-width:3;stroke-dasharray:10 6}.ocr-empty-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;text-align:center;padding:20px}.ocr-zoomlbl{font-size:.76rem;color:var(--text-dim);min-width:42px;text-align:center}.ocr-output{width:100%;height:480px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text);font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6;padding:14px 16px;resize:vertical}.ocr-output:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.ocr-stats{font-size:.76rem;color:var(--text-dim);display:flex;gap:14px;flex-wrap:wrap;min-height:1.2em}.ocr-zone-box{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-deep);border:1px dashed var(--primary);border-radius:var(--radius-md)}.ocr-zone-box textarea{width:100%;height:90px;background:var(--input-bg);color:var(--text);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;font-family:inherit;font-size:.84rem}.ocr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}.ocr-actions .spacer{flex:1}#toast-container{position:fixed;top:20px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:8px}.toast{background:#1c1917;border:1px solid var(--border-color, rgba(255,255,255,.08));color:#fafaf9;padding:12px 18px;border-radius:10px;box-shadow:0 4px 20px #0006;min-width:240px;max-width:340px;font-size:.86rem;font-weight:500;animation:ocrToastIn .2s ease;transition:all .25s ease}.toast.success{border-left:3px solid #22C55E}.toast.error{border-left:3px solid #EF4444}.toast.info{border-left:3px solid #EA580C}.toast.fade-out{opacity:0;transform:translate(16px)}@keyframes ocrToastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media(max-width:1100px){.ocr-work{grid-template-columns:1fr}.ocr-pages{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 6px}.ocr-page-item{flex:0 0 110px}.ocr-viewer{height:420px}.ocr-output{height:360px}}@media(max-width:600px){.ocr-app{padding:18px}}@media(prefers-reduced-motion:reduce){.ocr-app *,.toast{transition:none!important;animation:none!important}}