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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:linear-gradient(45deg,#60c18e,#4b9c6e);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;width:100vw}.App{flex-wrap:wrap;margin-right:20px;max-width:1200px;text-align:center;width:80vw}h1{color:#fff}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;flex:1 1;min-width:250px;padding:20px}.left-side{flex-wrap:wrap;text-align:center}.image-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.image-grid img{border-radius:8px;box-shadow:0 2px 4px #0003;height:150px;object-fit:contain;width:150px}.right-side{align-items:center;display:flex;flex-direction:column}.preview img{border-radius:8px;width:200px}.preview img,input[type=file]{margin-top:10px}button{background-color:#4b9c6e;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}button:hover{background-color:#3e7e5b}ul{list-style-type:none;padding-left:0}li{color:#333;margin:5px 0}strong{color:#60c18e}.loader-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.loader{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4b9c6e;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container p{color:#fff;font-size:14px;margin-top:10px}@media screen and (max-width:768px){.App{padding-right:10px}.container{align-items:center;flex-direction:column}.card{margin-bottom:20px;width:100%}.image-grid img{height:120px;width:120px}.preview img{width:150px}button{width:100%}}@media screen and (max-width:480px){.App{width:90vw}h1{font-size:1.5rem}.card{padding:15px}.image-grid img{height:100px;width:100px}.preview img{width:120px}button{padding:8px 16px}.loader{height:30px;width:30px}}
/*# sourceMappingURL=main.82b1b97f.css.map*/