@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{height:100%;margin:0;padding:0;font-family:Inter,sans-serif;color:#374151;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hidden{display:none!important}input[type=file]{display:none}.container{width:100%;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.header{background-color:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #00000008;padding:1rem 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.625rem;font-weight:700;color:#4f46e5;text-decoration:none}.nav-toggle{display:none;cursor:pointer;background:transparent;border:0;padding:0}@media (max-width: 768px){.nav-toggle{display:block}}.hamburger{display:block;position:relative;width:25px;height:3px;background:#374151;transition:all .2s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:3px;background:#374151;transition:all .2s ease-in-out}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{transform:rotate(45deg) translate(5px,6px)}.nav-toggle.active .hamburger:after{transform:rotate(-45deg) translate(5px,-6px)}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;right:0;background:white;width:100%;flex-direction:column;padding:1rem;box-shadow:0 4px 8px -2px #0000001a,0 2px 4px -2px #0000000f}.nav-links.active{display:flex}}.nav-links{display:flex;gap:1.25rem}.nav-links a{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#6366f1}.main-content{flex-grow:1;padding:2rem 0}#converter-wrapper{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 8px -2px #0000001a,0 2px 4px -2px #0000000f}@media (min-width: 768px){#converter-wrapper{padding:2.5rem}}#converter-wrapper h1{font-size:2rem;font-weight:700;text-align:center;color:#ef4444;margin-bottom:.5rem}@media (min-width: 768px){#converter-wrapper h1{font-size:2.5rem}}#converter-wrapper>p{text-align:center;color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.converter-interface{background-color:#333;padding:1.5rem;border-radius:.5rem}.file-input-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.file-input-section{flex-direction:row;justify-content:space-between}}.choose-files-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;border-radius:.375rem;background-color:#ef4444;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color .2s}.choose-files-button:hover{background-color:#eb1515}.file-size-info{text-align:center;color:#999;font-size:.875rem;margin-bottom:1.5rem}.format-conversion-section{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.format-conversion-section{flex-direction:row;justify-content:center}}.format-conversion-section .conversion-separator{color:#999}.format-dropdown-wrapper{position:relative;width:100%}@media (min-width: 768px){.format-dropdown-wrapper{width:auto}}.format-dropdown-wrapper .format-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #555;border-radius:.375rem;padding:.75rem 2.5rem .75rem 1rem;font-weight:600;font-size:1.125rem;background-color:#444;color:#fff;cursor:pointer}.file-list-container{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem}.file-item{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;border-bottom:1px solid #e5e7eb;gap:1rem}.file-item:last-child{border-bottom:none}@media (min-width: 768px){.file-item{flex-direction:row;align-items:center;justify-content:space-between}}.file-info{display:flex;align-items:center;gap:1rem}.file-info .file-icon{color:#6366f1}.file-info .file-name{font-weight:500;word-break:break-all}.file-actions{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}@media (min-width: 768px){.file-actions{width:auto;gap:1.5rem}}.status-container{width:120px;text-align:center}.file-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.file-status.ready{background-color:#10b98166;color:#0c8a60}.progress-bar-container{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#6366f1,rgb(192.6,193.8,249.4));border-radius:4px;animation:progress-animation 1.5s infinite linear}@keyframes progress-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.download-button{padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;text-decoration:none}.remove-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0 .5rem;line-height:1;transition:color .2s}.remove-btn:hover{color:#ef4444}.action-bar{display:flex;flex-direction:column;align-items:stretch;gap:1rem;background-color:#262626;padding:1rem;border-radius:.5rem;color:#a3a3a3}@media (min-width: 768px){.action-bar{flex-direction:row;align-items:center;justify-content:space-between}}.action-bar .drag-hint{display:none}@media (min-width: 768px){.action-bar .drag-hint{display:block}}.add-more-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#404040;color:#fff;border:1px solid #525252;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-more-button:hover{background-color:#525252}.convert-all-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 2rem;background-color:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.convert-all-button:hover{background-color:#eb1515;box-shadow:0 4px 10px #ef44444d}.content-section{margin-top:4rem;padding-top:2rem;border-top:1px solid #e5e7eb}.content-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.steps-container{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.steps-container{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center}.step-card h3{margin-bottom:.5rem;font-size:1.125rem}.step-card p{color:#6b7280;line-height:1.6}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.faq-item summary{font-weight:600;padding:1rem;cursor:pointer;outline:none;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 1rem 1rem;line-height:1.6;color:#6b7280}.footer{background-color:#f3f4f6;margin-top:3rem;padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.875rem}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:1.25rem}.footer-links a{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s}.footer-links a:hover{color:#6366f1}