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}.App-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1}body{background-color:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.App{margin:20px auto;max-width:1100px;padding:30px 40px;text-align:center;width:100%}h1{color:#1a253c;margin-bottom:10px;margin-top:0}.subtitle{color:#5a6b87;font-size:1.1rem;margin-bottom:40px;margin-top:0}.tool-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;display:flex;gap:30px;min-height:450px;padding:30px;width:60%}.panel{align-items:center;display:flex;flex:1 1;flex-direction:column}.panel.output-panel{text-align:left}.image-preview-container{align-items:center;background-color:#f8f9fa;border:2px dashed #d0d8e0;border-radius:8px;display:flex;height:250px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.image-preview-container img{max-height:100%;max-width:100%;object-fit:contain}.image-preview-placeholder{color:#869ab8;font-weight:500}.controls-container{display:flex;gap:15px;width:100%}input[type=file]{display:none}.upload-label{border:1px solid #d0d8e0;border-radius:8px;color:#5a6b87;cursor:pointer;flex-grow:1;overflow:hidden;padding:10px 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.upload-label:hover{background-color:#f1f3f5}.convert-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 25px;transition:background-color .2s}.convert-button:hover{background-color:#0056b3}.convert-button:disabled{background-color:#a0c7f0;cursor:not-allowed}.results-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.results-container-header{display:flex;gap:10px;position:absolute;right:10px;top:10px}.icon-button{background:none;border:none;color:#5a6b87;cursor:pointer;font-size:20px}.icon-button:hover{color:#007bff}textarea{border:1px solid #d0d8e0;border-radius:8px;box-sizing:border-box;flex-grow:1;font-size:15px;line-height:1.6;padding:15px;resize:none;width:100%}.error-message,.loading-message{font-weight:700;margin:auto}.loading-message{color:#007bff}.error-message{color:#dc3545}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}textarea::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (max-width:820px){.tool-container{flex-direction:column;min-height:auto}.App{padding:20px}h1{font-size:1.8rem}.subtitle{font-size:1rem}.panel{min-height:350px}}.clear-button{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 25px;transition:background-color .2s}.clear-button:hover{background-color:#5a6268}.controls-container select{background-color:#f8f9fa;border:1px solid #d0d8e0;border-radius:8px;color:#5a6b87;cursor:pointer;flex-grow:1;overflow:hidden;padding:10px 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.page-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:100%}.text-content-container{max-width:800px;padding:20px;text-align:left}.about-section{margin-bottom:40px}.about-section h2{border-bottom:2px solid #007bff;color:#1a253c;margin-bottom:20px;padding-bottom:10px}.about-section li,.about-section p{color:#343a40;font-size:1.1rem;line-height:1.8}.features-list-seo{list-style:none;padding-left:0}.features-list-seo li{margin-bottom:15px;padding-left:25px;position:relative}.features-list-seo li:before{color:#28a745;content:"✔";left:0;position:absolute;top:5px}.cta-section{background-color:#f8f9fa;border-radius:12px;padding:30px;text-align:center}.cta-button{background-color:#007bff;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;padding:15px 30px;text-decoration:none;transition:background-color .2s}.cta-button:hover{background-color:#0056b3}.contact-info-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-left:5px solid #007bff;border-radius:8px;margin-top:20px;padding:20px}.contact-info-box p{margin-bottom:10px;margin-top:0}.contact-email-link{color:#007bff;font-size:1.2rem;font-weight:700;text-decoration:none}.contact-email-link:hover{text-decoration:underline}.home-content-section{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-top:60px;max-width:900px;padding:40px;text-align:left}.home-content-section h2{color:#1a253c;font-size:2rem;margin-bottom:25px;text-align:center}.home-content-section p{color:#343a40;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.secondary-cta{background-color:#6c757d;display:inline-block;margin-top:20px}.secondary-cta:hover{background-color:#5a6268}.home-content-section h2,.home-content-section p,.secondary-cta{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.posts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:40px auto;max-width:1200px;width:100%}.post-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:inherit;overflow:hidden;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.post-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.post-card img{height:200px;object-fit:cover;width:100%}.post-card-content{padding:20px}.post-card h3{color:#1a253c;font-size:1.4rem;margin:0 0 10px}.post-card p{color:#5a6b87;font-size:1rem;line-height:1.6;margin:0}@media screen and (max-width:992px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.posts-grid{grid-template-columns:1fr}}.navbar{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.2rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar-container{display:flex;height:80px;justify-content:space-between;max-width:1100px;padding:0 24px;width:100%;z-index:1}.navbar-logo{color:#333;cursor:pointer;font-size:2rem;font-weight:700;justify-self:start;text-decoration:none}.nav-menu,.navbar-logo{align-items:center;display:flex}.nav-menu{list-style:none;text-align:center}.nav-item{height:80px}.nav-links{align-items:center;color:#333;display:flex;height:100%;padding:0 1rem;text-decoration:none}.nav-links:hover{border-bottom:3px solid #007bff;color:#007bff;transition:all .2s ease-out}.navbar-logo-img{height:80px;width:auto}.footer{background-color:#f8f9fa;border-top:1px solid #e7e7e7;padding:20px;text-align:center}.footer-links a{color:#333;margin:0 15px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright-text{color:#6c757d;margin-top:10px}.dropzone{background-color:#f8f9fa;border:2px dashed #d0d8e0;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:border-color .2s,background-color .2s}.dropzone.active{background-color:#e9f5ff;border-color:#007bff}.uploader-content h3{color:#1a253c;font-size:1.5rem;margin:15px 0 5px}.uploader-content p{color:#869ab8;margin-bottom:20px;margin-top:0}.upload-icon{height:auto;opacity:.7;width:60px}.uploader-buttons{display:flex;gap:15px;justify-content:center}.browse-button{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:10px 25px}.browse-button:hover{background-color:#dee2e6}.selected-file-name{color:#007bff;font-weight:700;margin-top:15px}.url-button{align-items:center;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;justify-content:center;padding:10px}.url-button:hover{background-color:#dee2e6}.url-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.url-modal{background:#fff;border-radius:12px;max-width:500px;outline:none;padding:30px;width:90%}.url-modal h2{color:#1a253c;margin-top:0}.url-input{border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;margin-top:10px;padding:12px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px}.modal-button.cancel{background-color:#e9ecef;color:#495057}.modal-button.fetch{background-color:#007bff;color:#fff}
/*# sourceMappingURL=main.5d894b51.css.map*/