.ocr-tool{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tool{width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-lg)}.tool-header h1{margin:0 0 .5rem}.tool-header p{margin:0}.field-error{color:#c62828;margin:.75rem 0 0;font-size:.9rem}.dropzone{text-align:center;border-radius:var(--radius);cursor:pointer;border:2px dashed #ccc;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:2.5rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.dragover{background:#fafafa;border-color:#888}.dropzone-icon{font-size:1.75rem;line-height:1}.dropzone-title{margin:0;font-weight:600}.dropzone-hint{color:#666;margin:0;font-size:.85rem}.ocr-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.25rem;display:flex}.control-field{color:#444;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.control-field select{font:inherit;border-radius:var(--radius);background:#fff;border:1px solid #ccc;min-width:220px;padding:.55rem .7rem}.control-actions{flex-wrap:wrap;gap:.6rem;display:flex}.control-note{color:#666;margin:.75rem 0 0;font-size:.85rem}button.primary-button,button.secondary-button,button.danger-button,button.small-button{font:inherit;border-radius:var(--radius);cursor:pointer;padding:.6rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s,opacity .15s}button.primary-button{color:#fff;background:#222;border:1px solid #222}button.primary-button:hover:not(:disabled){background:#000}button.secondary-button{background:#fff;border:1px solid #ccc}button.secondary-button:hover:not(:disabled){background:#f0f0f0;border-color:#999}button.small-button{color:#222;appearance:none;background-color:#fff;border:1px solid #ccc;padding:.35rem .6rem;font-size:.8rem}button.small-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}button.small-button.active,button.small-button.active:hover{color:#fff;background-color:#222;border-color:#222}button:disabled{opacity:.5;cursor:not-allowed}.queue-list{flex-direction:column;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.queue-item{border-radius:var(--radius);border:1px solid #ddd;align-items:center;gap:1rem;padding:.75rem;display:flex}.queue-thumb-wrap{background:#f2f2f2;border-radius:8px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.queue-thumb{max-width:100%;max-height:100%;transition:transform .15s}.queue-meta{flex:1;min-width:0}.queue-filename{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.queue-subtext{color:#666;margin-top:.15rem;font-size:.8rem;display:block}.queue-progress{background:#eee;border-radius:999px;height:6px;margin-top:.4rem;overflow:hidden}.queue-progress-bar{background:#222;width:0%;height:100%;transition:width .2s}.queue-item-actions{flex:none;gap:.4rem;display:flex}.ocr-results{margin-top:var(--space-lg)}.results-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.results-header h2{margin:0;font-size:1.1rem}.result-card{border-radius:var(--radius);border:1px solid #ddd;margin-bottom:1rem;padding:1rem}.result-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.result-title{word-break:break-all;font-weight:600}.confidence-badge{color:#2e7d32;white-space:nowrap;background:#eef7ee;border-radius:999px;padding:.2rem .55rem;font-size:.8rem}.confidence-badge.medium{color:#8a6d00;background:#fff8e1}.confidence-badge.low{color:#c62828;background:#fdecea}.result-mode-toggle{gap:.4rem;margin-bottom:.6rem;display:flex}.result-output{white-space:pre-wrap;word-break:break-word;background:#fafafa;border:1px solid #eee;border-radius:8px;max-height:360px;margin:0;padding:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;overflow-y:auto}.result-output .ocr-word.low-conf{cursor:help;background:#fff3b0;-webkit-text-decoration:underline wavy #c62828;text-decoration:underline wavy #c62828;text-decoration-thickness:1px}.result-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.status-text{color:#666;font-size:.8rem}.status-text.error{color:#c62828}.status-text.done{color:#2e7d32}.tool-info{width:min(100%, var(--content-width));padding:0 0 var(--space-xl);margin-inline:auto;margin-top:var(--space-lg);border-top:1px solid #eee}.tool-info h2{margin:var(--space-lg) 0 .5rem;font-size:1.05rem}.tool-info p,.tool-info li{color:#444}.tool-info ul{padding-left:1.2rem}@media (width<=640px){.queue-item{flex-wrap:wrap}.control-field select{width:100%;min-width:0}.ocr-controls{align-items:stretch}}