.App{align-items:center;background-color:#f0f2f5;box-sizing:border-box;color:#1c1e21;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.main-page,.recognition-page{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;margin:20px auto;max-width:600px;padding:40px;width:100%}h1{color:#333;font-size:2.5rem;margin-bottom:15px}p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.button-group,.recognition-button-group{align-items:center;display:flex;flex-direction:column;width:100%}.recognition-button-group{margin-top:15px}.analyze-button{align-items:center;background-color:#9b7de2;border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:300px;padding:15px 30px;transition:background-color .2s,transform .1s}.analyze-button:last-child{margin-bottom:0}.analyze-button:hover{background-color:#8c6ed0;transform:translateY(-2px)}.analyze-button:active{transform:translateY(0)}.analyze-button:disabled{background-color:#c9b8e9;box-shadow:none;cursor:not-allowed;transform:none}.result-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;margin-top:30px;padding:25px;width:100%}.result-container h2{color:#e25098;font-size:1.8rem;margin-bottom:20px}.result-item{border-bottom:1px solid #eee;display:flex;font-size:1.1rem;justify-content:space-between;padding:10px 0}.result-item:last-child{border-bottom:none}.result-item .class-name{font-weight:700}.result-item .probability{color:#9b7de2;font-weight:700}.image-upload-container{align-items:center;background-color:#fcfcfc;border:2px dashed #ccc;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:250px;justify-content:center;margin:30px auto;max-width:400px;position:relative;transition:border-color .3s ease;width:90%}.image-upload-container:hover{border-color:#9b7de2}.image-upload-container .upload-icon{color:#ccc;font-size:4rem;margin-bottom:10px}.image-upload-container .upload-text{color:#888;font-size:1.1rem;margin-bottom:5px}.image-upload-container .upload-subtext{color:#aaa;font-size:.9rem}.custom-file-upload{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.uploaded-image{border-radius:8px;max-height:90%;max-width:90%;object-fit:contain;position:absolute;z-index:5}.file-input{display:none}.error-message{color:#ff3860;font-weight:700;margin-top:15px}.disclaimer-text{color:#888;font-size:.85rem;line-height:1.5;margin-top:30px}@media (max-width:768px){.App{padding:10px}.main-page,.recognition-page{margin:10px auto;padding:20px}h1{font-size:2rem}p{font-size:1rem;margin-bottom:20px}.analyze-button{font-size:1.1rem;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:12px 20px}.analyze-button:last-child{margin-bottom:0}.result-container{padding:15px}.result-container h2{font-size:1.5rem;margin-bottom:15px}.result-item{font-size:1rem;padding:8px 0}.image-upload-container{height:200px;margin:20px auto}.image-upload-container .upload-icon{font-size:3rem}.image-upload-container .upload-text{font-size:1rem}.image-upload-container .upload-subtext{font-size:.8rem}.disclaimer-text{font-size:.75rem;margin-top:20px}}@media (max-width:480px){.main-page,.recognition-page{padding:15px}h1{font-size:1.8rem}p{font-size:.95rem}.analyze-button{font-size:1rem;margin-bottom:8px;margin-left:auto;margin-right:auto;padding:10px 15px}.analyze-button:last-child{margin-bottom:0}.result-container h2{font-size:1.3rem}.result-item{font-size:.9rem}.image-upload-container{height:180px}.image-upload-container .upload-icon{font-size:2.5rem}}
/*# sourceMappingURL=main.424fd5d6.css.map*/