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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{align-items:center;display:flex;flex-direction:column;width:100%}.main-layout{display:flex;gap:10px;justify-content:space-between;width:85%}.main-content{flex:1 1;max-width:800px;text-align:space-between;width:100%}.side-banner{align-items:flex-start;align-self:stretch;background-color:#f7f7f7a8;min-height:600px;position:-webkit-sticky;position:sticky;top:20px;width:160px}.ad-bottom,.ad-top,.side-banner{display:flex;justify-content:center}.ad-bottom,.ad-top{padding:8px 0;width:100%}.ad-bottom{padding:20px 0}.drop-zone{border:2px dashed #42a1dc;border-radius:15px;box-shadow:0 0 10px #0000001a;color:#333;cursor:pointer;flex-flow:row;font-size:16px;font-weight:500;margin-top:20px;padding:60px 0;text-align:center;transition:.3s}.center-box,.drop-zone{align-items:center;display:flex;justify-content:center;width:100%}.center-box{flex-direction:column;margin:auto;max-width:800px}.drop-zone:hover{background:#ededed88}p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;margin:.67em 30px;unicode-bidi:isolate}.upload-drop-zone{background:#f8faff;border:2px dashed #4a90e2;border-radius:15px;cursor:pointer;margin-top:10px;padding:5px;text-align:center;transition:.3s ease}.upload-drop-zone:hover{background:#eef6ff;border-color:#2f78d4}.upload-instructions{color:#555;font-size:14px}.upload-highlight{color:#2e89ff;font-weight:700}.upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{color:#4a90e2;height:50px;margin-bottom:10px;width:50px}.upload-title{color:#333;font-size:18px;font-weight:700}.upload-sub{color:#666;font-size:13px}.preview-list{grid-gap:12px;align-self:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:20px}.preview-item{align-self:stretch;background:#f8f8f8;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.176);font-size:12px;padding:8px;position:relative;text-align:center}element.style{align-self:stretch;height:auto!important}.preview-img{align-self:stretch;border-radius:4px;height:auto;margin:0 auto;object-fit:cover;width:100%}@media (max-width:600px){.preview-img{width:80%}}@media (max-width:400px){.preview-img{font-size:10px;width:100%}}@media (max-width:800px){.preview-img{font-size:10px;width:90%}}@media (max-width:500px){.preview-img{font-size:10px;width:100%}}@media (max-width:700px){.preview-img{border-radius:4px;font-size:10px;width:90%}}@media (max-width:600px){.preview-item{font-size:11px}}@media (max-width:400px){.preview-item{font-size:10px}}.preview-filename{font-size:12px;margin:4px 0;word-break:break-all}.convert-btn{background-color:#1a8bb3;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:11px;margin-top:10px;padding:6px 12px;transition:background-color .3s ease;width:auto}.convert-btn:hover{background-color:#225565}.progress-overlay{background:#ffffff4d;bottom:0;height:4px;left:0;position:absolute;width:100%}.progress-bar{background:#2e89ff;height:100%;transition:width .3s ease}.remove-btn{background:#848484e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:20px;line-height:18px;position:absolute;right:4px;top:4px;width:20px}.remove-btn:hover{background:#5b5b5b}h2{color:#323232;cursor:default;font-size:1.5em;font-weight:700}h2,li{display:block;margin:.67em 70px}li{unicode-bidi:isolate}a:-webkit-any-link{color:#0068ff;cursor:pointer;display:inline;font-size:.9em;gap:10px;-webkit-text-decoration:auto;text-decoration:auto}@media (max-width:1200px){li{font-size:1em;margin:.67em 60px}}@media (max-width:900px){li{font-size:.95em;margin:.67em 55px}}@media (max-width:1100px){li{font-size:.95em;margin:.67em 55px}}@media (max-width:1000px){li{font-size:.9em;margin:.67em 50px}@media (max-width:800px){li{font-size:.8em;margin:.67em 30px}}.quality-box{align-items:center;display:flex;gap:10px;margin-top:15px}.quality-box label{color:#333;font-size:14px}.quality-box input[type=range]{flex:1 1}}.button-container{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:column;margin-top:20px}.blink-text{animation:blink 2s infinite;color:#2d85ce;font-weight:700}@keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@media (max-width:900px){.side-banner{display:none}.center-box,.main-content{width:100%}.main-layout{align-items:center;flex-direction:column;gap:15px}.horizontal-ad{height:auto;max-width:728px;width:100%}}.horizontal-ad{align-items:center;background-color:#eaeaea38;display:flex;height:90px;justify-content:center;margin:5px auto;padding:0;position:relative;width:728px}@media (max-width:728px){.horizontal-ad{align-items:center;align-self:stretch;display:flex;height:50px;justify-content:center;width:350px}}@media (max-width:400px){.preview-list{align-items:center;align-self:stretch;display:flex;grid-template-columns:repeat(1,1fr);justify-content:center}}@media (max-width:700px){.preview-list{align-items:center;align-self:stretch;display:flex;grid-template-columns:repeat(2,1fr);justify-content:center}}@media (max-width:1000px){.preview-list{align-items:center;align-self:stretch;display:flex;grid-template-columns:repeat(3,1fr);justify-content:center}}@media (max-width:1200px){.preview-list{align-items:center;align-self:stretch;display:flex;grid-template-columns:repeat(4,1fr);justify-content:center}}@media (max-width:800px){.drop-zone{align-items:center;align-self:auto;display:flex;justify-content:center;padding:40px}}@media (max-width:500px){.drop-zone{align-items:center;align-self:auto;display:flex;justify-content:center;padding:30px}}@media (max-width:400px){.drop-zone{align-items:center;align-self:stretch;display:flex;justify-content:center;padding:20px}}@media (max-width:700px){.drop-zone{align-items:center;align-self:stretch;display:flex;justify-content:center;padding:40px}}@media (max-width:500px){.drop-zone{align-items:center;align-self:stretch;display:flex;justify-content:center;padding:30px}}@media (max-width:600px){.drop-zone{display:flex;padding:20px}.drop-zone,.preview-list{align-items:center;align-self:auto;justify-content:center}.preview-list{display:flow-root;gap:10px;grid-template-columns:repeat(2,1fr)}.preview-item{font-size:11px}.convert-btn{font-size:12px;padding:8px 12px;width:auto}.quality-box{align-items:flex-start;flex-direction:column}.quality-box input{width:100%}.button-container{grid-auto-flow:column;width:auto}.long{padding:0 15px}}@media (max-width:400px){.convert-btn{font-size:12px;padding:6px 10px;width:auto}.preview-item{size:10px;font-size:10px}}@media (max-width:300px){.convert-btn{font-size:10px;padding:4px 8px}}@media (max-width:350px){.preview-list{align-items:center;display:flex;grid-template-columns:repeat(1,1fr);justify-content:center}}@media (max-width:250px){.convert-btn{font-size:9px;padding:3px 6px}}@media (max-width:200px){.convert-btn{font-size:8px;padding:2px 4px}}@media (max-width:150px){.convert-btn{font-size:7px;padding:1px 2px}}@media (max-width:1000px){h2{font-size:.9em;margin:.67em 50px}}.ad-container{display:flex;justify-content:center;margin:10px auto;max-width:728px;overflow:hidden;width:100%}@media (max-width:480px){.ad-container{max-width:100%;padding:0 10px}}div{display:block;unicode-bidi:isolate}.topbar-container{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:linear-gradient(135deg,#ffffff78,#f0f0f000 50%,#ffffff3b);border-bottom:1px solid #dddc;box-shadow:0 2px 20px #0000001a;justify-content:space-between;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.topbar-container,.topbar-left{align-items:center;display:flex}.topbar-left{gap:10px;margin-left:30px}.topbar-left img,.topbar-logo{cursor:pointer;height:38px}.topbar-middle{display:flex;gap:20px}.topbar-link{color:#5e5e5e;font-size:15px;font-weight:500;text-decoration:none;transition:.2s}.topbar-link:hover{color:#0078ff;transform:scale(1.05)}.topbar-right{align-items:center;display:flex;gap:10px;margin-right:30px}.language-select,.topbar-right select{background:#f8f8f8;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px}h1{align-self:stretch;color:#323232;cursor:default;display:block;font-size:2em;font-style:italic;font-weight:700;margin:0}@media (max-width:900px){.topbar-container{align-self:stretch}.topbar-middle{gap:10px}.topbar-link{font-size:12px}.topbar-right{margin-right:10px}.language-select{font-size:13px;padding:4px 8px}.topbar-left img,.topbar-logo{height:32px}}@media (max-width:600px){.topbar-container{flex-direction:column;gap:2px;height:auto}.topbar-left,.topbar-middle,.topbar-right{justify-content:center}.topbar-middle{flex-wrap:wrap;gap:8px;margin:5px 0}.topbar-right{gap:5px;margin-right:0}h1{cursor:default;font-size:1.5em;text-align:center}}.footer-container{background:#363636;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:50px;padding:25px 0;width:100%}.footer-section{margin-left:100px;width:200px}.footer-section h3{color:#b4c7ff;font-size:16px;margin-bottom:10px}.footer-section a{color:#ddd;display:block;font-size:14px;margin-bottom:6px;text-decoration:none}.footer-section a:hover{color:#fff}.footer-copy{color:#aaa;font-size:10px;margin-top:20px}@media (max-width:900px){.footer-section{margin-left:20px;width:150px}.footer-section h3{font-size:15px}.footer-section a{font-size:13px}}@media (max-width:0px){.footer-container{align-items:center;flex-direction:column;gap:15px;padding:30px 15px}.footer-section{margin-left:0;text-align:center;width:100%}.footer-copy,.footer-section a{font-size:12px}.footer-copy{text-align:center}}
/*# sourceMappingURL=main.6eae0f94.css.map*/