@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:1.5rem;padding-right:1.5rem}.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-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:3rem 0}.converter-card{background-color:#fff;padding:2.5rem;border-radius:.75rem;box-shadow:0 4px 8px -2px #0000001a,0 2px 4px -2px #0000000f}.converter-card h1{font-size:2.5rem;font-weight:700;text-align:center;color:#374151;margin-bottom:1rem}.converter-card p{text-align:center;color:#6b7280;line-height:1.6;margin-bottom:2.5rem}.converter-card h2{font-size:1.75rem;font-weight:700;color:#374151;margin-top:2.5rem;margin-bottom:1.25rem;text-align:left}.converter-card a{color:#6366f1;text-decoration:none;font-weight:500}.converter-card a:hover{text-decoration:underline}.converter-card .contact-info-card{background-color:#f3f4f6;padding:1.5rem;border-radius:.5rem;box-shadow:inset 0 1px 2px #0000000d;margin-bottom:1.5rem}.converter-card .contact-info-card p{text-align:left;margin-bottom:.5rem;color:#374151;font-size:1rem}.converter-card .contact-info-card p.small-text{font-size:.875rem;color:#6b7280;margin-top:1rem}.converter-card .contact-info-card p a{color:#6366f1;font-weight:600}.converter-card .form-heading{margin-top:2.5rem;margin-bottom:1.5rem;text-align:center;font-size:2rem;font-weight:700;color:#374151}.converter-card .contact-form{display:flex;flex-direction:column;gap:1.25rem}.converter-card .contact-form div label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.converter-card .contact-form div input[type=text],.converter-card .contact-form div input[type=email],.converter-card .contact-form div textarea{display:block;width:100%;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:inset 0 1px 2px #00000008;padding:.625rem .875rem;font-size:1rem;box-sizing:border-box}.converter-card .contact-form div input[type=text]:focus,.converter-card .contact-form div input[type=email]:focus,.converter-card .contact-form div textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f14d}.converter-card .contact-form div textarea{min-height:7rem;resize:vertical}.converter-card .contact-form button[type=submit]{width:100%;display:flex;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;box-shadow:0 4px 8px -2px #0000001a,0 2px 4px -2px #0000000f;font-size:1.125rem;font-weight:700;color:#fff;background-color:#6366f1;cursor:pointer;transition:all .2s}.converter-card .contact-form button[type=submit]:hover{background-color:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000026,0 3px 6px -3px #00000014}.converter-interface{background-color:#333;padding:2rem;border-radius:.5rem}.file-input-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.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}.other-upload-options{display:flex;gap:.5rem}.file-size-info{text-align:center;color:#999;font-size:.875rem;margin-bottom:1.5rem}.format-conversion-section{display:flex;justify-content:center;align-items:center;gap:1rem}.format-conversion-section .conversion-separator{color:#999}.format-dropdown-wrapper{position:relative}.format-dropdown-wrapper .format-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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}.format-dropdown-wrapper .dropdown-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}.file-list-container{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.file-item:last-child{border-bottom:none}.file-info{display:flex;align-items:center;gap:1rem}.file-info .file-icon{color:#6366f1}.file-info .file-name{font-weight:500}.file-actions{display:flex;align-items:center;gap:1.5rem;color:#6b7280}.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;justify-content:space-between;align-items:center;background-color:#262626;padding:1rem 1.5rem;border-radius:.5rem;color:#a3a3a3}.add-more-button{display:flex;align-items: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;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}.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}.nav-toggle{display:none;border:none;background:transparent;cursor:pointer;padding:0;z-index:1000}.nav-toggle .hamburger{display:block;position:relative;width:25px;height:3px;background:#374151;transition:all .2s ease-in-out}.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";position:absolute;left:0;width:100%;height:3px;background:#374151;transition:all .2s ease-in-out}.nav-toggle .hamburger:before{transform:translateY(-8px)}.nav-toggle .hamburger:after{transform:translateY(8px)}.nav-toggle.active .hamburger{transform:rotate(45deg)}.nav-toggle.active .hamburger:before{transform:translateY(0) rotate(-90deg)}.nav-toggle.active .hamburger:after{display:none}@media (max-width: 1023px){.container{padding-left:1rem;padding-right:1rem}.main-content{padding:1.5rem 0}.converter-card{padding:1.5rem}.converter-card h1{font-size:2rem}.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.file-info{max-width:100%;overflow:hidden}.file-info .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{width:100%;justify-content:space-between}.action-bar{flex-direction:column;gap:1rem;padding:1rem}.action-bar .add-more-button,.action-bar .convert-all-button{width:100%;justify-content:center}}@media (max-width: 767px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:#fff;padding:.5rem 0;box-shadow:0 1px 3px #00000014,0 1px 2px #00000008;border-top:1px solid #e5e7eb}.nav-links.active{display:flex}.nav-links a{padding:1rem;text-align:center}.converter-interface{padding:1.5rem}.format-conversion-section{flex-direction:column;gap:.5rem}.format-dropdown-wrapper{width:100%}.format-dropdown-wrapper .format-select{width:100%;text-align:center}.file-actions{flex-wrap:wrap;gap:1rem}.file-actions .status-container{width:auto}.file-actions .remove-btn{margin-left:auto}.footer-links{flex-direction:column;gap:.5rem}}