body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;color:#333;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}.container{margin:0 auto;max-width:1200px;padding:20px}button{cursor:pointer}.highlight{background-color:#4a90e21a!important;border-color:#4a90e2!important}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:20px 0}.upload-section{margin-bottom:40px}.convert-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;display:block;font-size:18px;font-weight:700;margin:20px auto;max-width:400px;padding:15px;transition:background-color .3s;width:100%}.convert-button:hover:not(:disabled){background-color:#3a7bc8}.convert-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#e74c3c;font-weight:700;margin-top:10px;text-align:center}.image-uploader{margin:0 auto 20px;max-width:600px}.image-uploader h3{color:#2c3e50;margin-bottom:15px;text-align:center}.drop-area{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s ease}.drop-area.highlight{background-color:#4a90e21a;border-color:#4a90e2}.file-label{cursor:pointer;display:block}.upload-icon{margin-bottom:15px}.upload-icon svg{fill:#7f8c8d}.preview-container{align-items:center;display:flex;flex-direction:column}.preview-image{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;max-height:300px;max-width:100%}.remove-image-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .3s}.remove-image-btn:hover{background-color:#c0392b}.style-selector{margin:30px auto;max-width:800px}.style-selector h3{color:#2c3e50;margin-bottom:15px;text-align:center}.style-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.style-option{border:2px solid #eee;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease;width:180px}.style-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.style-option.selected{border-color:#4a90e2;box-shadow:0 5px 15px #4a90e24d}.style-image{height:120px;overflow:hidden}.style-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.style-option:hover .style-image img{transform:scale(1.05)}.style-name{background-color:#f8f9fa;font-weight:700;padding:10px;text-align:center}.style-option.selected .style-name{background-color:#4a90e2;color:#fff}.result-viewer{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:20px}.result-viewer h2{color:#2c3e50;margin-bottom:20px;text-align:center}.progress-container{margin-bottom:30px}.progress-bar{background-color:#eee;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.progress-fill{background-color:#4a90e2;height:100%;transition:width .5s ease}.progress-text{color:#7f8c8d;font-size:14px;text-align:center}.result-images{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.image-container{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:450px;min-width:300px}.image-container h3{color:#2c3e50;margin-bottom:15px}.result-image{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:350px;max-width:100%}.placeholder{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#7f8c8d;display:flex;font-style:italic;height:200px;justify-content:center;width:100%}.download-button{background-color:#27ae60;border-radius:5px;color:#fff;font-weight:700;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.download-button:hover{background-color:#219653}.header{border-bottom:1px solid #eee;margin-bottom:20px;padding:20px 0;text-align:center}.header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.header p{color:#7f8c8d;font-size:1.2rem;margin:0 auto;max-width:600px}.footer{border-top:1px solid #eee;color:#7f8c8d;margin-top:40px;padding:20px 0;text-align:center}.footer p{font-size:.9rem;margin:0}
/*# sourceMappingURL=main.d4d706fb.css.map*/