.ocr-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:20rem;padding:var(--space-6);border:.125rem dashed var(--pixel-border);border-radius:var(--radius-xl);background:var(--pixel-bg-tertiary);transition:all var(--transition-base);text-align:center;cursor:pointer;user-select:none}.ocr-dropzone:hover:not(.disabled):not(.dragging){border-color:var(--brand-color);background:var(--pixel-bg-hover)}.ocr-dropzone:focus{outline:.125rem solid var(--brand-color);outline-offset:.125rem}.ocr-dropzone.dragging{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08);transform:scale(1.01)}.ocr-dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ocr-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.ocr-dropzone-icon{font-size:3rem;color:rgba(var(--brand-color-rgb),.7);margin-bottom:var(--space-2);transition:transform var(--transition-base)}.ocr-dropzone.dragging .ocr-dropzone-icon{transform:scale(1.15);color:var(--brand-color)}.ocr-dropzone-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--pixel-text-primary);margin:0}.ocr-dropzone-subtitle{font-size:var(--text-sm);color:var(--pixel-text-secondary);margin:0}.ocr-dropzone-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);margin:0}.ocr-dropzone-paste-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.ocr-dropzone-paste-hint i{font-size:var(--text-sm)}.ocr-dropzone-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ef44441a;border:.0625rem solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);margin-top:var(--space-3)}@media(max-width:48rem){.ocr-dropzone{padding:var(--space-6);min-height:14rem}.ocr-dropzone-icon{font-size:2.5rem}}.ocr-preview{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.ocr-preview-empty{display:flex;align-items:center;justify-content:center;min-height:20rem;background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-lg)}.ocr-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ocr-preview-modes{display:flex;align-items:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.ocr-preview-mode{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:none;color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);position:relative}.ocr-preview-mode:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ocr-preview-mode.active{background:var(--brand-color);color:#fff}.ocr-preview-mode:disabled{opacity:.4;cursor:not-allowed}.ocr-preview-mode[data-tooltip]:hover:after,.ocr-preview-nav-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--pixel-bg-primary);color:var(--pixel-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 .25rem .5rem #0003}.ocr-preview-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:20rem;background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.ocr-preview-label{position:absolute;top:var(--space-2);padding:var(--space-1) var(--space-3);background:#0009;color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);z-index:5;backdrop-filter:blur(.25rem)}.ocr-preview-label-enhanced{right:var(--space-2);color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);backdrop-filter:blur(.5rem)}.ocr-preview-image{display:flex;align-items:center;justify-content:center;width:100%;max-height:100%;padding:var(--space-4)}.ocr-preview-image img{max-width:100%;max-height:32rem;width:auto;height:auto;object-fit:contain;display:block;border-radius:var(--radius-md)}.ocr-preview-processing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#0f172af2;z-index:20}.ocr-preview-processing i{font-size:3rem;color:var(--brand-color)}.ocr-preview-processing span{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ocr-preview-progress{width:12rem;height:.5rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-2)}.ocr-preview-progress-fill{height:100%;background:var(--brand-color);transition:width .3s ease;border-radius:var(--radius-md)}.ocr-preview-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ocr-preview-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:relative}.ocr-preview-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ocr-preview-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ocr-preview-info-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.ocr-preview-info-main{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center}.ocr-preview-info-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocr-preview-nav-counter{font-size:var(--text-xs);color:var(--pixel-text-muted);font-weight:var(--font-medium)}.ocr-preview-info-details{display:flex;align-items:center;gap:var(--space-4);justify-content:center}.ocr-preview-info-item{display:flex;align-items:center;gap:var(--space-1)}.ocr-preview-info-label{color:var(--pixel-text-muted);font-size:var(--text-xs)}.ocr-preview-info-value{color:var(--pixel-text-primary);font-weight:var(--font-medium);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-xs)}@media(max-width:48rem){.ocr-preview-image img{max-height:24rem}.ocr-preview-info-details{flex-direction:column;gap:var(--space-1)}}.ocr-language-selector{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-language-selector-search{position:relative;margin-bottom:var(--space-2)}.ocr-language-selector-search i{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--pixel-text-muted);font-size:var(--text-sm);pointer-events:none}.ocr-language-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) * 2 + var(--text-sm));background:var(--pixel-bg-tertiary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);outline:none;transition:all var(--transition-base)}.ocr-language-search-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 .1875rem rgba(var(--brand-color-rgb),.1)}.ocr-language-search-input::placeholder{color:var(--pixel-text-muted)}.ocr-language-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);max-height:25rem;overflow-y:auto}.ocr-language-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:var(--space-2) var(--space-3);background:transparent;border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);text-align:left}.ocr-language-item:hover{background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-language-item.selected{background:rgba(var(--brand-color-rgb),.12);border-color:var(--brand-color);color:var(--brand-color)}.ocr-language-item-name{font-weight:var(--font-medium);font-size:var(--text-xs)}.ocr-language-item-script{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ocr-language-item.selected .ocr-language-item-script{color:rgba(var(--brand-color-rgb),.7)}@media(max-width:48rem){.ocr-language-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:30rem){.ocr-language-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:20rem){.ocr-language-grid{grid-template-columns:1fr}.ocr-language-search-input{font-size:var(--text-xs)}}.ocr-preprocessing-panel{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-preprocessing-toolbar{display:flex;gap:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-1)}.ocr-preprocessing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-preprocessing-tab:hover:not(.active){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ocr-preprocessing-tab.active{background:var(--brand-color);color:#fff}.ocr-preprocessing-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.ocr-preset-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-tertiary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-preset-btn:hover{background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-preset-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.ocr-preset-btn i{font-size:var(--text-base)}.ocr-preprocessing-toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.ocr-toggle-pill{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-full);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ocr-toggle-pill:hover{background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-toggle-pill.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.ocr-toggle-pill i{font-size:var(--text-sm)}.ocr-preprocessing-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:.0625rem solid var(--pixel-border)}.ocr-preprocessing-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ocr-preprocessing-controls{display:flex;flex-direction:column;gap:var(--space-4)}.ocr-control-group{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-control-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--pixel-text-secondary);font-weight:var(--font-medium)}.ocr-control-value{padding:.125rem var(--space-2);background:var(--pixel-bg-tertiary);color:var(--brand-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:2rem;text-align:center}.ocr-slider{width:100%;height:.375rem;border-radius:var(--radius-md);background:var(--pixel-bg-tertiary);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.ocr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:var(--brand-color);cursor:pointer;transition:all var(--transition-base)}.ocr-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 .25rem rgba(var(--brand-color-rgb),.2)}.ocr-slider::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:var(--brand-color);cursor:pointer;border:none;transition:all var(--transition-base)}.ocr-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 .25rem rgba(var(--brand-color-rgb),.2)}.ocr-rotation-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.ocr-rotation-btn{padding:var(--space-2);background:var(--pixel-bg-tertiary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-rotation-btn:hover{background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-rotation-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}@media(max-width:48rem){.ocr-preprocessing-presets{grid-template-columns:repeat(3,1fr)}.ocr-preset-btn{padding-block:var(--space-2)}.ocr-preprocessing-toggles{grid-template-columns:repeat(2,1fr)}.ocr-toggle-pill{padding-block:var(--space-2)}.ocr-rotation-buttons{grid-template-columns:repeat(2,1fr)}.ocr-rotation-btn{padding-block:var(--space-2)}}@media(max-width:30rem){.ocr-preprocessing-presets{grid-template-columns:repeat(2,1fr)}}@media(max-width:20rem){.ocr-preprocessing-presets{grid-template-columns:repeat(2,1fr)}.ocr-preset-btn{font-size:.625rem}.ocr-preprocessing-toggles{grid-template-columns:1fr}.ocr-rotation-buttons{grid-template-columns:repeat(2,1fr)}.ocr-rotation-btn{font-size:var(--text-xs)}.ocr-preprocessing-toolbar{flex-direction:column}.ocr-preprocessing-tab{font-size:.625rem}}.ocr-mode-selector{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-mode-selector-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);padding-bottom:var(--space-2);border-bottom:.0625rem solid var(--pixel-border)}.ocr-mode-selector-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ocr-mode-selector-list-old{display:flex;flex-direction:column;gap:.0625rem}.ocr-mode-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left}.ocr-mode-item:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color)}.ocr-mode-item.active{background:rgba(var(--brand-color-rgb),.12);border-color:var(--brand-color)}.ocr-mode-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.ocr-mode-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ocr-mode-item.active .ocr-mode-item-name{color:var(--brand-color)}.ocr-mode-item-desc{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ocr-mode-item.active .ocr-mode-item-desc{color:rgba(var(--brand-color-rgb),.7)}.ocr-mode-item-check-old{color:var(--brand-color);font-size:var(--text-sm);margin-left:var(--space-3)}@media(max-width:48rem){.ocr-mode-selector-list{grid-template-columns:1fr}}@media(max-width:20rem){.ocr-mode-item{padding:var(--space-2)}.ocr-mode-item-name{font-size:var(--text-xs)}.ocr-mode-item-desc{font-size:.625rem}}.ocr-text-output{display:flex;flex-direction:column;gap:var(--space-0);background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.ocr-text-output-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-top:.0625rem solid var(--pixel-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ocr-text-output-empty{min-height:12rem;display:flex;align-items:center;justify-content:center}.ocr-text-output-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--pixel-text-muted);font-size:var(--text-sm)}.ocr-text-output-placeholder i{font-size:2rem;opacity:.5}.ocr-text-output-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:.0625rem solid var(--pixel-border);background:var(--pixel-bg-tertiary)}.ocr-text-output-stats{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.ocr-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-secondary)}.ocr-stat i{color:var(--brand-color);font-size:var(--text-sm)}.ocr-text-output-actions{display:flex;align-items:center;gap:var(--space-2)}.ocr-text-output-content{min-height:12rem}.ocr-text-display{font-family:Courier New,monospace;font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-2);color:var(--pixel-text-primary);white-space:pre-wrap;word-break:break-word;max-height:32rem;overflow-y:auto}.ocr-text-editor-area{width:100%;font-family:Courier New,monospace;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--pixel-text-primary);background:var(--pixel-bg-primary);padding:var(--space-3);resize:vertical;min-height:12rem;overflow:hidden}.ocr-text-editor-area:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 .1875rem rgba(var(--brand-color-rgb),.1)}@media(max-width:48rem){.ocr-text-output-stats{gap:var(--space-2)}.ocr-stat{font-size:.625rem}}.ocr-export-panel{display:flex;flex-direction:column;gap:var(--space-4)}.ocr-export-header{padding-bottom:var(--space-2);border-bottom:.0625rem solid var(--pixel-border)}.ocr-export-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ocr-export-formats{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-export-format-label,.ocr-export-option-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ocr-export-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ocr-export-format-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:transparent;border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ocr-export-format-btn:hover:not(:disabled){background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-export-format-btn.active{background:rgba(var(--brand-color-rgb),.12);border-color:var(--brand-color);color:var(--brand-color)}.ocr-export-format-btn:disabled{opacity:.5;cursor:not-allowed}.ocr-export-format-btn i{font-size:var(--text-lg)}.ocr-export-options,.ocr-export-option-list{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-export-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--pixel-text-secondary);cursor:pointer}.ocr-checkbox-small{width:1rem;height:1rem;cursor:pointer;accent-color:var(--brand-color)}.ocr-export-download-btn{width:100%;margin-top:var(--space-2)}.ocr-batch-panel{display:flex;flex-direction:column;gap:var(--space-3);height:100%;width:100%}.ocr-batch-panel-empty{min-height:20rem;display:flex;align-items:center;justify-content:center}.ocr-batch-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--pixel-text-muted);font-size:var(--text-sm)}.ocr-batch-empty-state i{font-size:2rem;opacity:.5}.ocr-batch-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md)}.ocr-batch-stats{display:flex;align-items:center;gap:var(--space-3)}.ocr-batch-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ocr-batch-stat i{font-size:var(--text-base)}.ocr-batch-stat-success{background:#22c55e1a;color:#22c55e}.ocr-batch-stat-processing{background:#3b82f61a;color:#3b82f6}.ocr-batch-stat-error{background:#ef44441a;color:#ef4444}.ocr-batch-actions{display:flex;gap:var(--space-2)}.ocr-batch-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:32rem;overflow-y:auto;width:100%}.ocr-batch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;max-width:100%}.ocr-batch-item:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color)}.ocr-batch-item.selected{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}.ocr-batch-item-preview{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;position:relative;background:var(--pixel-bg-tertiary)}.ocr-batch-item-preview img{width:100%;height:100%;object-fit:cover}.ocr-batch-item-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:var(--text-xs);color:#fff}.ocr-batch-item-badge{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:#fff}.ocr-batch-item-badge-success{background:#22c55e}.ocr-batch-item-badge-error{background:#ef4444}.ocr-batch-item-info{flex:1;min-width:0;overflow:hidden}.ocr-batch-item-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ocr-batch-item-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.ocr-batch-item-remove{width:1.75rem;height:1.75rem;border-radius:var(--radius-md);background:transparent;border:none;color:var(--pixel-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.ocr-batch-item-remove:hover{background:#ef44441a;color:#ef4444}.ocr-batch-bulk-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding-top:var(--space-2);border-top:.0625rem solid var(--pixel-border)}.ocr-spinner-small{width:1rem;height:1rem;border:.125rem solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:37.5rem){.ocr-batch-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ocr-batch-stats{width:100%;flex-wrap:wrap}}@media(max-width:20rem){.ocr-batch-item{gap:var(--space-1);padding:var(--space-15)}.ocr-batch-item-preview{width:2.5rem;height:2.5rem}.ocr-batch-item-name{font-size:var(--text-xs)}.ocr-batch-item-meta{font-size:.625rem}.ocr-batch-item-remove{width:1.25rem;height:1.25rem}}.image-to-text{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.ocr-empty-dropzone{max-width:48rem;margin:0 auto}.ocr-layout{display:grid;grid-template-columns:22rem 1fr;gap:var(--space-4);align-items:start;max-width:100%}@media(max-width:75rem){.ocr-layout{grid-template-columns:20rem 1fr}}@media(max-width:56.25rem){.ocr-layout{grid-template-columns:1fr}.ocr-left-column{order:-1}}.ocr-left-column,.ocr-right-column{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-left-column{position:sticky;top:var(--space-4);align-self:start}.ocr-section{background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-lg);padding:var(--space-3);overflow:hidden}.ocr-preview-section{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-actions-section{padding:var(--space-2)}.it-tabs{display:flex;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:.0625rem solid var(--pixel-border);padding:var(--space-1);gap:var(--space-1);min-height:var(--space-8)}.it-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-2) 0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.it-tab span{overflow:hidden;text-overflow:ellipsis}.it-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.it-tab.active{background:var(--brand-color);color:#fff;cursor:default}.it-tab:disabled{opacity:.5;cursor:not-allowed}.it-tab i{font-size:var(--text-sm);flex-shrink:0}.it-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);background:#ffffff4d;color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);margin-left:var(--space-1)}.it-tab-content{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ocr-settings-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-primary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-settings-card:hover:not(.active){background:var(--pixel-bg-hover);border-color:var(--brand-color);color:var(--pixel-text-primary)}.ocr-settings-card.active{background:rgba(var(--brand-color-rgb),.12);border-color:var(--brand-color);color:var(--brand-color)}.ocr-settings-card i{font-size:var(--text-base)}.ocr-right-actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.ocr-right-actions .ocr-btn{flex:1;min-width:0}.ocr-settings-content{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-preview-container{display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;min-height:16rem;max-height:24rem;width:100%}.ocr-preview-image{max-width:100%;max-height:24rem;width:auto;height:auto;object-fit:contain;display:block}.ocr-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.ocr-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;margin:0 var(--space-1);border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.ocr-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ocr-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ocr-nav-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0;text-align:center}.ocr-nav-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocr-nav-counter{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ocr-preview-actions{display:flex;align-items:center;gap:var(--space-2)}.ocr-preview-actions .ocr-btn{flex:1;min-width:0}.ocr-btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--pixel-bg-tertiary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.ocr-btn-icon:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ocr-btn-icon:disabled{opacity:.5;cursor:not-allowed}.ocr-btn-icon.ocr-btn-danger{color:var(--color-error);border:1px dashed var(--color-error)}.ocr-btn-icon.ocr-btn-danger:hover:not(:disabled){background:#ef44441a;border:1px solid var(--color-error);color:#ef4444}.ocr-processing-state{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;padding:var(--space-3);background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ocr-batch-actions{display:flex;align-items:center;gap:var(--space-2)}.ocr-batch-actions .ocr-btn{flex:1;min-width:0}.ocr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:16rem;color:var(--pixel-text-muted)}.ocr-empty-state i{font-size:3rem;opacity:.5}.ocr-empty-state i.fa-spin{opacity:1;color:var(--brand-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.ocr-empty-state span{font-size:var(--text-sm)}.ocr-add-more-section{padding:0}.ocr-add-more-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--pixel-bg-tertiary);border:.0625rem dashed var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-add-more-btn:hover{background:var(--pixel-bg-hover);border-color:var(--brand-color);color:var(--brand-color)}.ocr-add-more-btn i{font-size:var(--text-base)}.ocr-progress-badge{margin-left:auto;padding:.25rem var(--space-3);background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.ocr-control-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--pixel-text-secondary);font-weight:var(--font-medium);cursor:pointer}.ocr-checkbox{width:2.5rem;height:1.25rem;position:relative;-webkit-appearance:none;appearance:none;background:var(--pixel-bg-tertiary);border-radius:.625rem;outline:none;cursor:pointer;transition:all var(--transition-base)}.ocr-checkbox:before{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;top:.125rem;left:.125rem;background:var(--pixel-text-muted);transition:all var(--transition-base)}.ocr-checkbox:checked{background:rgba(var(--brand-color-rgb),.3)}.ocr-checkbox:checked:before{left:calc(100% - 1.125rem);background:var(--brand-color)}@media(max-width:56.25rem){.ocr-left-column{position:static}.ocr-layout{gap:var(--space-3)}.ocr-preview-actions,.ocr-batch-actions{flex-direction:column}.ocr-right-actions{flex-wrap:wrap}}@media(max-width:48rem){.image-to-text{padding:var(--space-2) 0}.ocr-layout{gap:var(--space-2)}.ocr-section{padding:var(--space-2)}.ic-tabs,.cp-tabs{padding:.125rem}.ic-tab,.cp-tab{padding:var(--space-2)}.ocr-preview-container,.ocr-preview-image{max-height:16rem}.ocr-settings-grid{grid-template-columns:1fr;gap:var(--space-1)}.ocr-settings-card{padding-block:var(--space-2)}.it-tab-content{gap:var(--space-2)}}@media(max-width:20rem){.it-tab-content{gap:var(--space-1)}.ocr-settings-card{font-size:var(--text-xs)}}.ocr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;user-select:none}.ocr-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ocr-btn-primary{background:var(--brand-color);color:#fff;box-shadow:0 .0625rem .125rem #0000001a}.ocr-btn-primary:hover:not(:disabled){background:var(--brand-color-hover, var(--brand-color));transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #00000026}.ocr-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary);border:.0625rem solid var(--pixel-border)}.ocr-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover);border-color:var(--brand-color)}.ocr-btn-icon{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--pixel-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.ocr-btn-icon:hover:not(:disabled){background:var(--pixel-bg-tertiary);color:var(--brand-color)}.ocr-btn-text{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ocr-btn-text:hover:not(:disabled){color:var(--brand-color)}.ocr-section{background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.ocr-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--pixel-bg-tertiary);border-bottom:.0625rem solid var(--pixel-border);cursor:pointer;transition:background var(--transition-base);user-select:none}.ocr-section-header:hover{background:var(--pixel-bg-hover)}.ocr-section-header.non-collapsible{cursor:default}.ocr-section-header.non-collapsible:hover{background:var(--pixel-bg-tertiary)}.ocr-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ocr-section-title i{color:var(--brand-color);font-size:var(--text-base)}.ocr-section-toggle{color:var(--pixel-text-muted);font-size:var(--text-sm);transition:transform var(--transition-base)}.ocr-section-toggle.expanded{transform:rotate(180deg)}.ocr-section-content{padding:var(--space-4);max-height:100vh;overflow:visible;transition:all var(--transition-base)}.ocr-section-content.collapsed{max-height:0;padding:0;overflow:hidden}.ocr-tabs{display:flex;background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.ocr-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ocr-tab:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ocr-tab.active{background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color)}.ocr-tab i{font-size:var(--text-base)}.ocr-notification{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3)}.ocr-notification-info{background:#3b82f61a;border:.0625rem solid rgba(59,130,246,.3);color:#3b82f6}.ocr-notification-success{background:#22c55e1a;border:.0625rem solid rgba(34,197,94,.3);color:#22c55e}.ocr-notification-warning{background:#ef44441a;border:.0625rem solid rgba(239,68,68,.3);color:#ef4444}.ocr-notification i{font-size:var(--text-base)}.ocr-notification-close{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;padding:0;font-size:var(--text-base);opacity:.7;transition:opacity var(--transition-base)}.ocr-notification-close:hover{opacity:1}.ocr-spinner{width:2rem;height:2rem;border:.1875rem solid rgba(var(--brand-color-rgb),.2);border-top-color:var(--brand-color);border-radius:50%;animation:ocr-spin .8s linear infinite}@keyframes ocr-spin{to{transform:rotate(360deg)}}.ocr-progress-bar{width:100%;height:.5rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.ocr-progress-fill{height:100%;background:var(--brand-color);transition:width .3s ease;border-radius:var(--radius-md)}.ocr-divider{height:.0625rem;background:var(--pixel-border);border:none;margin:var(--space-4) 0}.ocr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--pixel-text-muted);text-align:center}.ocr-empty-state i{font-size:2.5rem;opacity:.5;margin-bottom:var(--space-2)}.ocr-image-preview{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--pixel-bg-secondary);border:.0625rem solid var(--pixel-border)}.ocr-image-preview-empty{min-height:20rem;display:flex;align-items:center;justify-content:center}.ocr-privacy-watermark{text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:rgba(var(--brand-color-rgb),.25);letter-spacing:var(--tracking-wider);padding:var(--space-3) 0;user-select:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ocr-privacy-watermark i{font-size:2.5rem;margin-bottom:var(--space-2)}.ocr-privacy-watermark span{display:block;font-size:var(--text-sm)}.ocr-image-preview-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);min-height:20rem}.ocr-image-preview-image{max-width:100%;max-height:32rem;height:auto;border-radius:var(--radius-md);box-shadow:0 .25rem .5rem #0000001a}.ocr-preview-badge{position:absolute;top:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--brand-color-rgb),.9);color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);backdrop-filter:blur(.25rem);box-shadow:0 .125rem .25rem #00000026}@media(max-width:48rem){.ocr-privacy-watermark{display:none}.ocr-image-preview-container{min-height:16rem}.ocr-image-preview-image{max-height:24rem}}