.upload-section{margin-bottom:20px}.upload-zone{background-color:#f9f9f9;border:2px dashed #ccc;padding:40px;transition:border-color .3s ease}.upload-zone.drag-over{background-color:#e3f2fd;border-color:#007bff}.upload-icon{font-size:48px;margin-bottom:16px}.upload-options{gap:16px}.camera-button{background-color:#007bff;border-radius:6px;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.camera-button:hover{background-color:#0056b3}.camera-icon{font-size:20px}.upload-text{color:#666;flex-direction:column;gap:4px}.upload-text strong{color:#333;font-size:18px}.selected-file{background-color:#e8f5e8;margin-top:16px;padding:12px}.selected-file-name{color:#2e7d32;font-weight:500}.remove-file{align-items:center;color:#d32f2f;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.remove-file:hover{background-color:#ffebee;border-radius:50%}.preview-section{border:1px solid #ddd;border-radius:8px;margin-bottom:20px;overflow:hidden}.preview-header{background-color:#f5f5f5;padding:16px;transition:background-color .3s ease}.preview-header:hover{background-color:#e8e8e8}.preview-header h3{color:#333}.collapse-button{border-radius:4px;color:#666;padding:4px 8px;transition:background-color .3s ease}.collapse-button:hover{background-color:#ddd}.preview-content{max-height:400px;transition:max-height .3s ease}.preview-image{display:block;height:auto;width:100%}.feedback-section{margin-top:20px}.feedback-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.feedback-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.feedback-button.correct{background-color:#4caf50;color:#fff}.feedback-button.edit{background-color:#4857e3;color:#fff}.feedback-button.correct:hover{background-color:#45a049;transform:translateY(-2px)}.feedback-button.incorrect{background-color:#f44336;color:#fff}.feedback-button.incorrect:hover{background-color:#da190b;transform:translateY(-2px)}.action-buttons{border-top:1px solid #ddd;display:flex;gap:16px;justify-content:center;padding-top:20px}.action-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.action-button:hover{background-color:#0056b3;transform:translateY(-2px)}.result-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.result-section h3{color:#333;font-size:18px;margin-bottom:16px;margin-top:0}.text-result{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:16px;white-space:pre-wrap}.modal-content{border-radius:8px;padding:24px;width:90%}.close{color:#666;font-size:24px;right:16px;top:16px}.close:hover{color:#333}.modal-content h2{margin-bottom:20px;margin-top:0}.form-field{margin-bottom:16px}.field-label{font-weight:500}.field-input{border:1px solid #ddd;border-radius:4px;min-height:80px}.field-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.submit-button{background-color:#007bff;margin-top:16px;padding:12px 24px;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.App{background-color:#f5f5f5;min-height:100vh;text-align:center}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-header h1{font-size:24px;margin:0}.App-main{margin:0 auto;max-width:800px;padding:20px}.content-section{display:flex;flex-direction:column;gap:20px}.upload-button{background-color:#5d39e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:100%}.upload-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.upload-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#f44336;margin:10px 0;padding:10px}@media (max-width:768px){.App-main{padding:15px}.App-header h1{font-size:20px}.upload-zone{padding:20px 15px}.upload-icon{font-size:32px}.camera-button{justify-content:center;margin-bottom:5px;width:100%}.upload-text{flex-direction:row;flex-wrap:wrap;justify-content:center}.preview-image{max-height:300px}}.upload-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin:20px 0;padding:20px;transition:all .3s ease}.upload-zone{border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;margin-bottom:15px;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.upload-zone.drag-over{background-color:#4caf500d;border-color:#4caf50}.upload-zone:hover{border-color:#4caf50}.upload-icon{color:#6c757d;font-size:40px;margin-bottom:10px}.upload-text{align-items:center;display:flex;font-size:14px;gap:8px}.upload-text,.upload-text span{color:#6c757d}.upload-text strong{color:#4caf50;cursor:pointer;padding:0 4px;text-decoration:underline}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.selected-file{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin:10px 0;padding:10px 15px}.selected-file-name{color:#495057;font-size:14px;margin-right:10px}.remove-file{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:0 5px}.preview-section,.result-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.preview-image{margin:10px 0;max-height:400px;max-width:100%}.text-result{border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;padding:15px;text-align:left}.text-badge{background-color:#e9ecef;border:1px solid #ced4da;border-radius:20px;color:#495057;cursor:pointer;display:inline-block;font-size:14px;outline:none;padding:6px 12px;transition:all .2s ease;-webkit-user-select:text;user-select:text}.text-badge:focus,.text-badge:hover{background-color:#d1e7dd;border-color:#4caf50}.text-badge:focus{box-shadow:0 0 0 .2rem #4caf5040}.text-badge::selection{background-color:#4caf50;color:#fff}.text-badge ::selection{background-color:#4caf50;color:#fff}.preview-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0 10px}.preview-header h3{margin:0}.collapse-button{background:none;border:none;color:#495057;cursor:pointer;font-size:18px;padding:5px 10px}.preview-content{max-height:500px;overflow:hidden;transition:max-height .3s ease-out}.preview-content.collapsed{max-height:0}.upload-options{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:10px}.camera-input{display:none}.camera-button{align-items:center;background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.camera-button:hover{background-color:#45a049;transform:translateY(-1px)}.camera-icon{font-size:18px}pre{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;margin:10px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:100%}.close{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:20px;top:15px;transition:color .3s ease}.close:hover{color:#000}.modal-content h2{color:#333;font-size:24px;margin:0 0 20px;text-align:center}.form-field{margin-bottom:20px}.field-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field-input{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.field-input:focus{border-color:#5d39e1;box-shadow:0 0 0 3px #5d39e11a;outline:none}.submit-button{background-color:#5d39e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:100%}.submit-button:hover{background-color:#4a2fd1;transform:translateY(-1px)}@media (max-width:768px){.modal{padding:10px}.modal-content{max-height:90vh;padding:20px}.modal-content h2{font-size:20px}.field-input{font-size:16px}}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}*{box-sizing:border-box}
/*# sourceMappingURL=main.9af0510c.css.map*/