.uploader{border:2px dashed #ccc;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.uploader:hover:not(.disabled){border-color:#3498db;background:#f8f9fa}.uploader.drag-over{border-color:#2ecc71;background:#eafaf1}.uploader.disabled{opacity:.5;cursor:not-allowed}.uploader-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#666}.uploader-hint{font-size:.75rem;color:#999}.ocr-processor{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:8px}.ocr-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.ocr-status{padding:.75rem 1rem;background:#eaf4fc;color:#2c3e50;border-radius:6px;font-size:.8125rem;margin-bottom:1rem}.ocr-error{background:#fdecea;color:#c0392b}.ocr-result{margin-top:1rem}.ocr-result h3{margin-bottom:.75rem;font-size:1rem;color:#555}.ocr-text{padding:1rem;background:#f8f9fa;border-radius:6px;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.processor{display:flex;flex-direction:column;gap:1.5rem}.processor-toolbar{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#2ecc71;color:#fff}.btn-success:hover{background:#27ae60}.processor-options{display:flex;gap:1.5rem;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:8px}.option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ocr-source{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:8px}.ocr-source-label{font-size:.875rem;font-weight:600;color:#555}.option input[type=radio]{width:18px;height:18px;cursor:pointer}.option input[type=radio]:disabled{cursor:not-allowed}.processor-canvas-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.canvas-wrapper{background:#fff;border-radius:8px;padding:1rem;text-align:center}.canvas-wrapper h3{margin-bottom:.75rem;font-size:1rem;color:#555}.canvas-wrapper canvas,.canvas-wrapper img{max-width:100%;height:auto;border:1px solid #eee;border-radius:4px}.batch{display:flex;flex-direction:column;gap:1.5rem}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.batch-card{background:#fff;border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.625rem}.batch-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.batch-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-status{font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;white-space:nowrap}.status-pending{background:#ecf0f1;color:#7f8c8d}.status-processing{background:#fef9e7;color:#b7950b}.status-done{background:#eafaf1;color:#1e8449}.status-error{background:#fdecea;color:#c0392b}.batch-thumb{position:relative;height:180px;background:#f5f5f5;border-radius:6px;overflow:hidden}.batch-thumb img{width:100%;height:100%;object-fit:contain}.batch-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:.8125rem;color:#555}.batch-actions{display:flex;gap:.5rem;flex-wrap:wrap}.batch-error{font-size:.75rem;color:#c0392b;background:#fdecea;border-radius:4px;padding:.375rem .5rem}.batch-ocr{max-height:150px;overflow-y:auto;margin:0;padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.batch-progress{font-size:.8125rem;color:#555}.batch-progress-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-top:.375rem}.batch-progress-inner{height:100%;background:#3498db;transition:width .3s}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#2c3e50;color:#fff;padding:1.5rem 2rem;text-align:center}.app-header h1{font-size:1.5rem;margin-bottom:.25rem}.app-header p{font-size:.875rem;opacity:.8}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{background:#34495e;color:#fff;text-align:center;padding:1rem;font-size:.75rem}.license-details{margin-top:.75rem;text-align:left}.license-details summary{cursor:pointer;font-size:.8rem;opacity:.9;padding:.25rem}.license-details summary:hover{opacity:1}.license-content{margin-top:.75rem;padding:1rem;background:#0003;border-radius:6px;font-size:.75rem;line-height:1.6}.license-content h4{margin-top:.75rem;margin-bottom:.25rem;font-size:.8rem}.license-content h4:first-child{margin-top:0}.license-content p{opacity:.85;margin-bottom:.5rem}.license-note{margin-top:.75rem;font-style:italic;opacity:.7}.error-banner{background:#e74c3c;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.loading-banner{background:#3498db;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}#root{min-height:100vh;display:flex;flex-direction:column}