body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1f2937;--gray:#6b7280;--light:#f3f4f6;--white:#fff;--border:#e5e7eb;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#1f2937;color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.App{padding:20px}.container{margin:0 auto;max-width:1400px}.header{animation:fadeInDown .8s ease;color:#fff;color:var(--white);margin-bottom:30px;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.95}.main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.main-grid{grid-template-columns:1fr}.header h1{font-size:2rem}}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{animation:fadeInUp .6s ease;background:var(--white);border-radius:8px;box-shadow:var(--shadow);padding:20px;text-align:center}.stat-value{color:var(--primary);font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:var(--gray);font-size:14px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-group textarea{border:2px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;min-height:150px;padding:12px;resize:vertical;transition:all .3s;width:100%}.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.btn{align-items:center;display:inline-flex;gap:8px}.btn-secondary:hover{background:#7c3aed;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.detector-card{animation:fadeInUp .8s ease;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);padding:24px}.input-group{margin-bottom:20px}.input-group label{color:var(--dark);display:block;font-weight:500;margin-bottom:8px}.input-group input[type=text]{border:2px solid var(--border);border-radius:8px;font-size:15px;padding:12px;transition:all .3s;width:100%}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{left:-9999px;position:absolute}.file-input-label{background:var(--light);border:2px dashed var(--primary);border-radius:8px;cursor:pointer;display:block;padding:12px;text-align:center;transition:all .3s}.file-input-label:hover{background:var(--primary);color:var(--white)}.image-preview{margin:20px 0;text-align:center}.image-preview img{border:3px solid #0000;border-radius:8px;box-shadow:var(--shadow);cursor:pointer;max-height:300px;max-width:100%;transition:all .3s ease}.image-preview img:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0003;transform:scale(1.02)}.mode-switch{margin-bottom:15px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-success{background:#16a34a}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-group{display:flex;flex-wrap:wrap;gap:12px}.result-section{background:var(--light);border-radius:8px;margin-top:20px;min-height:200px;padding:20px}.result-title{color:var(--dark);font-weight:600;margin-bottom:15px}.result-title-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.result-title-toggle:hover{opacity:.8}.no-result{padding:40px}.loading-spinner{color:var(--primary);padding:40px;text-align:center}.result-success{background:#d1fae5;border:2px solid var(--success);border-radius:8px;padding:15px}.result-danger{background:#fee2e2;border:2px solid var(--danger);border-radius:8px;padding:15px}.detected-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.word-badge{background:var(--danger);border-radius:20px;color:var(--white);font-size:14px;font-weight:500;padding:4px 12px}.ai-suggestion{background:#fff;border-radius:5px;margin-top:10px;padding:10px}.confidence{color:#666;font-size:13px;margin-top:5px}.image-modal{animation:fadeIn .3s ease;background:#000000e6;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-modal,.modal-content{align-items:center;display:flex}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;flex-direction:column;gap:20px;max-height:95vh;max-width:95vw;overflow:auto;padding:20px;position:relative}.close-modal{color:#ef4444;cursor:pointer;font-size:35px;font-weight:700;line-height:1;position:absolute;right:15px;top:10px;transition:all .2s;z-index:10}.close-modal:hover{color:#dc2626;transform:scale(1.1)}.modal-image{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-height:80vh;max-width:90vw;object-fit:contain;width:auto}.modal-info{background:#f3f4f6;border-radius:8px;max-height:200px;overflow-y:auto;padding:20px;width:100%}.modal-info h3{color:#1f2937;font-size:18px;margin:0 0 15px}.location-info{background:#fff;border-left:4px solid #6366f1;border-radius:6px;margin-top:15px;padding:12px}.location-info strong{color:#4f46e5;display:block;margin-bottom:8px}.location-info p{color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.sub-method-selector{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;margin-bottom:15px;padding:4px}.sub-method-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.sub-method-btn:hover{background:#e2e8f0;color:#334155}.sub-method-btn.active{background:var(--primary);box-shadow:0 1px 3px #6366f14d;color:#fff}.url-textarea{border:2px solid var(--border);border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;margin-top:8px;padding:12px;resize:vertical;transition:all .3s;width:100%}.url-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.group-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:15px;padding:12px}.group-preview-header{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.group-preview-header:hover{opacity:.8}.group-preview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.group-preview-label{color:#334155;font-weight:600}.group-preview-count{color:#64748b}.group-panels{display:flex;flex-direction:column;gap:12px}.group-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.group-panel.completed{border-color:#d1d5db}.group-panel.processing{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a}.group-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.group-header:hover{background:#f3f4f6}.group-header-left{align-items:center;display:flex;gap:8px}.group-expand-icon{color:#9ca3af;display:inline-block;font-size:10px;transition:transform .2s}.group-expand-icon.expanded{transform:rotate(90deg)}.group-title{color:#374151;font-size:14px;font-weight:600}.group-status-badge{border-radius:10px;font-size:12px;font-weight:500;padding:2px 8px}.group-status-badge.processing{background:#dbeafe;color:#2563eb}.group-status-badge.violation{background:#fee2e2;color:#dc2626}.group-status-badge.clean{background:#dcfce7;color:#16a34a}.group-status-badge.interrupted{background:#fef3c7;color:#d97706}.btn-stop{background:#ef4444;color:#fff}.btn-stop:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-load-more{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;padding:10px;transition:all .2s;width:100%}.btn-load-more:hover{background:#f0f0ff;border-color:var(--primary);color:var(--primary)}.group-summary-bar{border-radius:2px;display:flex;height:4px;margin:0 16px;overflow:hidden}.summary-segment{transition:flex .3s}.summary-segment.clean{background:#22c55e}.summary-segment.violation{background:#ef4444}.summary-segment.error{background:#d1d5db}.group-images{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto;padding:12px 16px}.image-result-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;transition:all .2s}.image-result-card.loading{background:#eff6ff;border-color:#93c5fd}.image-result-card.error{background:#fef2f2;border-color:#fca5a5}.image-result-header{align-items:center;display:flex;gap:8px}.image-result-index{color:#6b7280;font-weight:600;min-width:24px}.image-result-url{color:#3b82f6;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:13px;word-break:break-all}.image-status-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:500;padding:2px 8px;white-space:nowrap}.image-status-badge.loading{background:#dbeafe;color:#2563eb}.image-status-badge.clean{background:#dcfce7;color:#16a34a}.image-status-badge.violation{background:#fee2e2;color:#dc2626}.image-status-badge.error{background:#f3f4f6;color:#9ca3af}.image-result-text{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:13px;margin-top:8px;padding:8px}.image-result-text strong{color:#0369a1;font-size:12px}.recognized-text-content{line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-word}.image-error-msg{background:#fef2f2;border-radius:4px;color:#9ca3af;font-size:12px;margin-top:6px;padding:4px 8px}.batch-url-progress{margin-bottom:15px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6366f1;font-size:13px;margin-top:6px;text-align:center}.overall-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:15px;padding:16px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{max-height:95%;max-width:95%;padding:15px}.modal-image{max-height:50vh}.modal-info{max-height:150px}.sub-method-selector{flex-direction:column}.image-result-header{flex-wrap:wrap}.image-result-url{margin-top:4px;order:2;width:100%}}.words-manager{animation:fadeInUp .8s ease;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);padding:24px}.card-title{align-items:center;color:var(--dark);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.search-box{margin-bottom:20px;position:relative}.search-input{background:var(--light);border:2px solid var(--primary);border-radius:8px;font-size:15px;padding:12px 40px 12px 12px;transition:all .3s;width:100%}.search-input:focus{background:var(--white);border-color:var(--primary-dark);box-shadow:0 0 0 3px #6366f11a;outline:none}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s;width:30px}.clear-search-btn:hover{background:var(--danger);color:var(--white)}.search-results-info{background:var(--primary);border-radius:6px;color:var(--white);font-size:14px;font-weight:500;margin-bottom:10px;padding:10px;text-align:center;width:100%}.icon{fill:currentColor;height:24px;width:24px}.words-input-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.words-input-group input{flex:1 1;min-width:200px}.category-select,.words-input-group input{border:2px solid var(--border);border-radius:8px;font-size:15px;padding:12px}.category-select{background:var(--white);cursor:pointer}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.words-list{background:var(--light);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;max-height:400px;overflow-y:auto;padding:10px}.word-item{align-items:center;animation:slideIn .3s ease;background:var(--white);border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.word-category{color:var(--gray);font-size:12px}.remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:20px;line-height:1;padding:0;transition:transform .2s}.remove-btn:hover{transform:scale(1.2)}.no-result{color:var(--gray);padding:20px;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.tabs-container{border-bottom:2px solid var(--border);display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.tab-btn{background:#0000;border:none;border-radius:8px 8px 0 0;color:var(--gray);cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;position:relative;transition:all .3s}.tab-btn.active,.tab-btn:hover{background:var(--light);color:var(--primary)}.tab-btn.active:after{background:var(--primary);border-radius:3px 3px 0 0;bottom:-12px;content:"";height:3px;left:0;position:absolute;right:0}.font-item-ok{background:#d1fae5;border-color:#10b981}.font-category-ok{color:#047857}.font-ok{background:#10b981;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.font-item{background:#fef3c7;border-color:#f59e0b}.font-category{color:#92400e}.font-warning{background:#dc2626;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;gap:12px;line-height:1.5;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;word-break:break-word}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}@media (max-width:768px){.toast{left:10px;min-width:auto;right:10px;top:10px}}
/*# sourceMappingURL=main.223d4f35.css.map*/