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{background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0}.App{text-align:center}.App-header{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;padding:20px}.App-header h1{color:#2c3e50;font-size:2rem;margin:0}.App-header p{color:#7f8c8d}.content{margin:0 auto;max-width:900px;padding:20px}.upload-section{background-color:#fff;border:2px dashed #bdc3c7;border-radius:8px;margin-bottom:20px;padding:30px;transition:background-color .2s,border-color .2s}.upload-section.drag-over{background-color:#ecf0f1;border-color:#3498db}.upload-section p{color:#7f8c8d;margin:0 0 10px}.file-name{color:#34495e;display:block;font-weight:700;margin-top:15px}.optimize-section{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px;padding:20px}.format-selector label{font-weight:700;margin-right:10px}.format-selector select{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:8px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .2s,transform .2s}.btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-upload{background-color:#3498db;color:#fff}.btn-upload:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px)}.btn-optimize{background-color:#2ecc71;color:#fff}.btn-optimize:hover:not(:disabled){background-color:#27ae60;transform:translateY(-2px)}.btn-download{background-color:#9b59b6;color:#fff;display:inline-block;margin-top:15px;text-decoration:none}.btn-download:hover{background-color:#8e44ad;transform:translateY(-2px)}.error-message{background-color:#fbeae5;border-radius:5px;color:#e74c3c;margin-bottom:20px;padding:10px}.results-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.image-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;padding:20px;width:100%}.image-container h2{color:#34495e;margin-top:0}.image-container img{border:1px solid #ddd;border-radius:4px;height:auto;margin-bottom:15px;max-width:100%}.file-size{color:#2c3e50;font-weight:700}.faq-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:40px;padding:30px;text-align:left}.faq-section h2{color:#2c3e50;font-size:2rem;margin-bottom:30px;text-align:center}.faq-section details{border:1px solid #eee;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.faq-section details[open]{border-color:#3498db;box-shadow:0 4px 12px #0000001a}.faq-section summary{align-items:center;background-color:#f9f9f9;color:#34495e;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;list-style:none;padding:18px 25px;position:relative;transition:background-color .3s ease}.faq-section summary:hover{background-color:#f0f0f0}.faq-section summary::-webkit-details-marker,.faq-section summary::marker{display:none}.faq-section summary:after{color:#3498db;content:"+";font-size:1.5rem;transition:transform .3s ease}.faq-section details[open] summary:after{content:"-";transform:rotate(180deg)}.faq-section p,.faq-section ul{border-top:1px solid #eee;color:#555;line-height:1.6;margin:0;padding:15px 25px 20px}.faq-section ul{list-style-type:disc;padding-left:45px}.faq-section ul li{margin-bottom:10px}.faq-section ul li:last-child{margin-bottom:0}.upload-note{margin-top:50px}
/*# sourceMappingURL=main.8ade988a.css.map*/