@font-face{font-family:Akrobat;src:url(/fonts/Akrobat.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anekina;src:url(/fonts/Anekina.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial;src:url(/fonts/Arial.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Blazeberg;src:url(/fonts/Blazeberg.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Blocksmith;src:url(/fonts/Blocksmith.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EasyBond-Regular;src:url(/fonts/EasyBond-Regular.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gantians;src:url(/fonts/Gantians.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Golden-Avocado-Sans;src:url(/fonts/Golden-Avocado-Sans.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hexaplex;src:url(/fonts/Hexaplex.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Khalliban;src:url(/fonts/Khalliban.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kreativ;src:url(/fonts/Kreativ.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lagistha;src:url(/fonts/Lagistha.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Peachy-Fantasy";src:url(/fonts/Peachy-Fantasy.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pokra;src:url(/fonts/Pokra.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Redhawk;src:url(/fonts/Redhawk.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SoulDaisy;src:url(/fonts/SoulDaisy.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Swanky-Special;src:url(/fonts/Swanky-Special.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tarragon;src:url(/fonts/Tarragon.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vantequ;src:url(/fonts/Vantequ.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vatena;src:url(/fonts/Vatena.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Waffle-Mango;src:url(/fonts/Waffle-Mango.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:768px){.mobile-nav{padding:.5rem 1rem!important}.mobile-nav-container{flex-direction:column!important;gap:.5rem!important}.mobile-logo{font-size:1.4rem!important}.mobile-logo-img{width:35px!important;height:35px!important}.mobile-menu{gap:1rem!important;font-size:.875rem!important}.mobile-content{padding:1rem!important}.mobile-hero{margin-bottom:2rem!important;padding:2rem 1rem!important}.mobile-hero-title{font-size:1.5rem!important}.mobile-hero-text{font-size:1rem!important;margin:0 auto 1.5rem!important}.mobile-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.mobile-settings{padding:1rem!important}.mobile-settings-title{font-size:1rem!important;margin:0 0 1rem!important}.mobile-settings-layout{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.mobile-dropdown{min-width:auto!important;max-width:none!important}.mobile-button{padding:1rem 1.5rem!important;font-size:1rem!important;width:100%!important;text-align:center!important}.mobile-image-list{padding:1rem!important}.mobile-image-list-title{font-size:1rem!important;margin:0 0 1rem!important}.mobile-image-item{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem!important}.mobile-image-name{font-size:1rem!important}.mobile-image-size{font-size:.875rem!important}.mobile-image-actions{width:100%!important;justify-content:space-between!important}.mobile-status-badge{font-size:.875rem!important;padding:.75rem 1rem!important}.mobile-remove-btn{font-size:1.75rem!important;padding:.75rem!important}.mobile-results{padding:1rem!important}.mobile-results-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.mobile-download-all,.mobile-results-title{font-size:1rem!important}.mobile-download-all{width:100%!important;justify-content:center!important;padding:1rem 1.25rem!important}.mobile-results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:.75rem!important}.mobile-result-card{padding:.75rem!important}.mobile-result-name{font-size:.75rem!important}.mobile-result-download{padding:.75rem!important}.mobile-result-download,.mobile-result-error,.mobile-result-format{font-size:.875rem!important}.mobile-sidebar{order:-1!important}.mobile-tools{padding:1rem!important;margin-bottom:1rem!important}.mobile-tools-title{font-size:1rem!important}.mobile-tools-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.5rem!important}.mobile-footer{padding:1.5rem 1rem!important;margin-top:2rem!important}.mobile-footer-container{text-align:center!important}.mobile-footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.mobile-footer-title{font-size:1.125rem!important}.mobile-footer-text{font-size:.875rem!important}.mobile-footer-section{font-size:1rem!important}.mobile-footer-links{align-items:center!important}.mobile-footer-social{justify-content:center!important}.mobile-footer-copyright{margin-top:1.5rem!important;font-size:.875rem!important}.mobile-feature-card{padding:1.5rem!important}.mobile-feature-title{font-size:1.25rem!important}.mobile-feature-text{font-size:.875rem!important}.mobile-step-card{padding:1rem!important}.mobile-step-number{width:60px!important;height:60px!important;font-size:1.5rem!important}.mobile-step-title{font-size:1.25rem!important}.mobile-step-text{font-size:.875rem!important}.mobile-about-content{text-align:center!important}.mobile-about-features{padding:1.5rem!important}.mobile-feature-list{font-size:.875rem!important}.mobile-feature-list li{margin-bottom:.75rem!important}}@media (max-width:1024px){.tablet-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.tablet-sidebar{order:-1!important}}.truncate-filename,.truncate-filename-long{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.truncate-filename-long{position:relative}.truncate-filename-long:after{content:attr(data-extension);position:absolute;right:0;background:inherit;padding-left:2px}.filename-tooltip{position:relative;cursor:help}.filename-tooltip:hover:after{content:attr(title);background:rgba(0,0,0,.8);color:white;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:.5rem}.filename-tooltip:hover:after,.filename-tooltip:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%)}.filename-tooltip:hover:before{content:"";border:5px solid transparent;border-top-color:rgba(0,0,0,.8);margin-bottom:-.5rem}.section{padding:4rem 2rem}.section-white{background-color:#fff}.section-gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.container{max-width:1200px;margin:0 auto}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.1)}.hero-text{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{display:inline-block;padding:.875rem 2rem;text-decoration:none;border-radius:12px;font-size:1.125rem;font-weight:700;transition:all .3s ease;border:2px solid transparent;cursor:pointer;box-shadow:0 8px 25px rgba(102,126,234,.3)}.cta-button,.cta-button.primary{background-color:#667eea;color:#fff}.cta-button.secondary{background-color:transparent;color:#667eea;border:2px solid #667eea}.cta-button.primary:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.5);background-color:#5a67d8}.feature-card{padding:1.75rem;border-radius:12px;border:1px solid rgba(102,126,234,.15);text-align:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.08)}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-title{margin:0 0 .75rem;color:#1f2937;font-size:1.25rem;font-weight:600}.feature-desc{margin:0;font-size:1.05rem;color:#6b7280;line-height:1.5}.feature-features{margin-top:1rem;font-size:.8rem;color:#6b7280}.step-card{flex-direction:row;gap:1.5rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;position:relative;z-index:2}.step-card,.step-number{display:flex;align-items:center}.step-number{width:80px;height:80px;background-color:#667eea;border-radius:12px;justify-content:center;font-size:2rem;color:#fff;font-weight:700;box-shadow:0 8px 25px rgba(102,126,234,.3);flex-shrink:0}.step-title{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:700}.step-description{margin:0;font-size:1.05rem;color:#6b7280;line-height:1.5}.step-features{margin-top:.75rem;font-size:.8rem;color:#6b7280}.about-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.about-description{font-size:1.125rem;color:#6b7280;line-height:1.7;margin-bottom:1.5rem}.about-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.about-button{display:inline-block;padding:.875rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:700;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.about-button.primary{background-color:#667eea;color:#fff}.about-button.secondary{background-color:transparent;color:#667eea;border:2px solid #667eea}.about-features{background-color:#f8fafc;padding:2rem;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 20px rgba(0,0,0,.08)}.features-title{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:700}.features-list{list-style:none;padding:0;margin:0;color:#6b7280;line-height:1.8}.feature-item{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}