@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Encode Sans Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ea31458c4adff90-s.38f156c4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Encode Sans Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/92e6a75ff2e20eeb-s.b7ba0e88.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Encode Sans Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2f39fed15b6b5799-s.p.9f4bc5cc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Encode Sans Condensed Fallback;src:local(Arial);ascent-override:120.52%;descent-override:25.74%;line-gap-override:0.0%;size-adjust:85.46%}.encode_sans_condensed_2418b6b5-module__yHbHla__className{font-family:Encode Sans Condensed,Encode Sans Condensed Fallback;font-style:normal;font-weight:700}.encode_sans_condensed_2418b6b5-module__yHbHla__variable{--font-encode-sans-condensed:"Encode Sans Condensed","Encode Sans Condensed Fallback"}
:root{--primary:#853953;--primary-hover:#2c2c2c;--success:#10b981;--success-hover:#237227;--danger:#ef4444;--danger-hover:#c21807;--text-main:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--bg-body:#fff;--bg-offset:#f9fafb;--font-heading:var(--font-encode-sans-condensed),sans-serif;--font-body:var(--font-inter),system-ui,-apple-system,sans-serif;--container-max:1100px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.5;display:flex}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}.header-main{border-bottom:1px solid var(--border);z-index:100;background:#f3f4f4;align-items:center;width:100%;min-height:64px;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:6px;font-size:32px;font-weight:700;text-decoration:none;display:flex}.logo-link span{color:#000;font-weight:400}.nav-menu{align-items:center;gap:32px;display:flex}.nav-item{color:var(--text-main);border-bottom:2px solid #0000;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.nav-item:hover,.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}main{flex:1 0 auto}.hero-box{text-align:center;background:linear-gradient(135deg,#2c2c2c 0%,#853953 50%,#612d53 100%);border:1px solid #2563eb1a;border-radius:24px;margin:32px 0;padding:36px 24px}.hero-title{background:linear-gradient(135deg,#fff 0% 100%);-webkit-text-fill-color:transparent;font-size:clamp(32px,8vw,48px);font-weight:700;line-height:1.3;font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text;margin-bottom:0}.hero-sub{color:#fff;margin-bottom:8px;font-size:clamp(18px,5vw,24px);font-weight:600;display:block}.hero-subtitle{color:#fff;max-width:42rem;margin-top:24px;margin-left:auto;margin-right:auto;font-size:16px;font-weight:500}.card-outer{background:#fff;margin-bottom:32px}.card-upload{gap:3rem;display:flex}.dropzone-area{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;flex:1;width:100%;padding:48px 24px;transition:all .2s}.dropzone-area:hover{border-color:var(--primary)}.converter-wrapper{margin-top:32px}.converter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.converter-title{font-size:24px;font-weight:700;font-family:var(--font-heading)}.converter-options{align-items:center;gap:24px;display:flex}.compression-label{cursor:pointer;align-items:center;gap:8px;display:flex}.compression-checkbox{width:16px;height:16px;color:var(--primary);border:1px solid #d1d5db;border-radius:4px}.compression-checkbox:focus{outline:2px solid var(--primary);outline-offset:2px}.compression-text{color:#374151;text-transform:uppercase;letter-spacing:-.025em;font-size:14px;font-weight:700}.clear-all-btn{color:var(--danger);text-transform:uppercase;letter-spacing:-.025em;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.clear-all-btn:hover{text-decoration:underline}.dropzone-content{flex-direction:column;align-items:center;gap:16px;display:flex}.dropzone-icon{color:#d1d5db;width:64px;height:64px}.dropzone-title{font-size:20px;font-weight:700;font-family:var(--font-heading)}.dropzone-sub{color:var(--text-secondary);margin-top:-8px;font-weight:500}.select-btn{box-shadow:0 10px 15px -3px #2563eb33;padding-left:40px!important;padding-right:40px!important}.result-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.result-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:15px;font-weight:700;overflow:hidden}.result-meta{align-items:center;gap:12px;display:flex}.result-badge{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.result-badge-success{color:var(--success);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.action-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex;height:40px!important;box-shadow:none!important;border-radius:8px!important;padding:0 16px!important;font-size:12px!important}.btn-outline{color:#374151!important;background:#fff!important;border:1px solid #e5e7eb!important}.btn-outline:hover{background:#f9fafb!important}.btn-success{background:var(--success)!important;box-shadow:0 10px 15px -3px #10b9811a!important}.btn-success:hover{background:var(--success-hover)!important}.btn-danger{background:var(--danger)!important;box-shadow:0 10px 15px -3px #ef44441a!important}.btn-danger:hover{background:var(--danger-hover)!important}.code-panel-wrapper{padding:0 16px 16px}.code-panel{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:24px;box-shadow:inset 0 2px 4px #00000005}.code-format-actions{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.format-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:11px;font-weight:700;transition:all .2s}.format-btn.active{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 4px 6px -1px #2563eb33}.format-btn.inactive{color:#9ca3af;background:#fff;border:1px solid #f3f4f6}.format-btn.inactive:hover{border-color:#e5e7eb}.copy-code-btn{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.copy-code-btn:hover{text-decoration:underline}.copy-icon{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.result-item{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.result-thumb{background:var(--bg-offset);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.result-thumb img{object-fit:contain;max-width:100%;max-height:100%}.result-info{flex:1;min-width:150px}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.faq-section{content-visibility:auto;contain-intrinsic-size:auto 600px;background:#fff;padding:48px 0 0}.faq-title{text-align:center;font-size:36px;font-weight:700;font-family:var(--font-heading);letter-spacing:-.025em;color:#111827;text-transform:uppercase;margin-bottom:48px}.faq-grid{grid-template-columns:1fr;gap:24px;padding-bottom:64px;display:grid}@media (min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px;transition:box-shadow .2s}.faq-card:hover{box-shadow:0 4px 12px #0000000d}.faq-q{color:var(--text-main);font-size:20px;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;margin-bottom:12px}.faq-a{color:var(--text-secondary);font-size:15px;line-height:1.6}.header-main{border-bottom:1px solid var(--border);z-index:40;background:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:32px;display:flex}.header-nav{align-items:center;gap:32px;display:none}@media (min-width:768px){.header-nav{display:flex}}.lang-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.check-icon{color:#000;width:16px;height:16px}.footer-copyright{text-align:center;color:#000;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #f9fafb;font-size:12px;font-weight:700}.footer-main{border-top:1px solid var(--border);background:#fff;flex-shrink:0;width:100%;padding:32px 0}.footer-grid{grid-template-columns:1fr;gap:48px;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-heading{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;font-size:14px;font-weight:700}.footer-nav{flex-direction:column;gap:12px;display:flex}.footer-link{color:var(--text-secondary);font-size:15px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.hidden{display:none}.code-box{border:1px solid var(--border);color:#374151;word-break:break-all;background:#f9fafb;border-radius:8px;max-height:200px;margin-top:12px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow-y:auto}main{display:block}.mb-16{margin-bottom:1rem}.text-white{color:#fff}.lang-selector-wrapper{position:relative}.lang-selector-btn{color:#000;text-transform:uppercase;cursor:pointer;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.lang-selector-btn:hover{background:#fff3}.lang-selector-btn.open{background:#fff3;border-color:#fff6}.lang-selector-btn .arrow-icon{color:#000;transition:transform .3s}.lang-selector-btn.open .arrow-icon{transform:rotate(180deg)}.lang-selector-menu{z-index:50;transform-origin:100% 0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:224px;padding:8px 0;animation:.2s ease-out forwards menuIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #1f268726}@keyframes menuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lang-selector-list{max-height:320px;overflow-y:auto}.lang-selector-item{text-align:left;color:#000;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lang-selector-item:hover,.lang-selector-item.active{color:#000;background:#f6f6f6}@media (max-width:768px){.card-upload{flex-direction:column;justify-content:center;align-items:center}}.seo-section{border-top:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 400px;background:#fff;padding:48px 0}.seo-container{max-width:800px;margin:0 auto;padding:0 20px}.seo-article{flex-direction:column;gap:24px;display:flex}.seo-title{font-size:32px;font-weight:700;font-family:var(--font-heading);letter-spacing:-.025em;color:#111827;text-transform:uppercase}.seo-text{color:var(--text-secondary);font-size:16px;line-height:1.8}.seo-text strong{color:var(--text-main);font-weight:700}.how-section{border-top:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 500px;background:#fdfdfd;padding:64px 0}.how-title{text-align:center;font-size:36px;font-weight:700;font-family:var(--font-heading);letter-spacing:-.025em;color:#111827;text-transform:uppercase;margin-bottom:48px}.how-grid{grid-template-columns:1fr;gap:32px;display:grid;position:relative}@media (min-width:768px){.how-grid{grid-template-columns:repeat(4,1fr)}}.how-step{text-align:center;border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:32px 24px;transition:transform .3s,border-color .3s;display:flex;position:relative;box-shadow:0 4px 6px #00000005}.how-step:hover{border-color:var(--primary);transform:translateY(-4px)}@media (min-width:768px){.how-step:not(:last-child):after{content:"";background:var(--border);z-index:0;width:32px;height:2px;position:absolute;top:52px;right:-16px}}.step-icon-wrap{width:64px;height:64px;color:var(--primary);border:1px solid var(--border);z-index:1;background:#f9fafb;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.step-icon-wrap svg{width:28px;height:28px}.step-title{color:var(--text-main);font-size:18px;font-weight:700;font-family:var(--font-heading);margin-bottom:12px}.step-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.why-section{content-visibility:auto;contain-intrinsic-size:auto 400px;background:#fff;padding:24px 0 64px}.why-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-card{text-align:left;border:1px solid var(--border);z-index:1;background:#fff;border-radius:20px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.why-card:hover{border-color:#0000;box-shadow:0 12px 24px -8px #00000014}.why-card:before{content:"";background:var(--primary);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.why-card:hover:before{opacity:1}.why-icon{width:48px;height:48px;color:var(--primary);margin-bottom:24px}.why-title{color:var(--text-main);font-size:20px;font-weight:700;font-family:var(--font-heading);margin-bottom:16px}.why-desc{color:var(--text-secondary);font-size:15px;line-height:1.6}