.converter-module__jgNAHq__page{--mint:#68edce;--ink:#f4f4f5;--muted:#adafbd;--panel:#25262f;--border:#40424e;max-width:1240px;color:var(--ink);letter-spacing:normal;margin:auto;padding:36px 24px 64px;font:400 15px/1.6 system-ui,sans-serif}.converter-module__jgNAHq__page *{box-sizing:border-box;min-width:0}.converter-module__jgNAHq__page h1,.converter-module__jgNAHq__page h2,.converter-module__jgNAHq__page h3{color:var(--ink);letter-spacing:-.025em;font-family:inherit;line-height:1.2}.converter-module__jgNAHq__hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.converter-module__jgNAHq__hero h1{margin:10px 0 14px;font-size:clamp(32px,4.5vw,52px);font-weight:750}.converter-module__jgNAHq__hero p{max-width:660px;color:var(--muted);margin:0;font-size:17px}.converter-module__jgNAHq__kicker{color:var(--mint)!important;letter-spacing:.12em!important;margin:0 0 8px!important;font:700 11px/1.6 ui-monospace,monospace!important}.converter-module__jgNAHq__tags{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.converter-module__jgNAHq__tags span{color:#dedfe7;align-items:center;gap:6px;font:600 12px system-ui,sans-serif;display:flex}.converter-module__jgNAHq__pixelMark{grid-template-columns:repeat(5,12px);gap:4px;margin-bottom:8px;display:grid;transform:rotate(-8deg)}.converter-module__jgNAHq__pixelMark i{background:var(--mint);width:12px;height:12px;box-shadow:3px 3px #0f2423}.converter-module__jgNAHq__pixelMark i:nth-child(3n){background:#ffb786}.converter-module__jgNAHq__pixelMark i:nth-child(4n){opacity:.18}.converter-module__jgNAHq__tool{border:1px solid var(--border);background:#1b1c23;border-radius:6px;grid-template-columns:290px minmax(0,1fr);scroll-margin-top:80px;display:grid;overflow:hidden;box-shadow:5px 5px #101116}.converter-module__jgNAHq__controls{border-right:1px solid var(--border);background:var(--panel);padding:22px}.converter-module__jgNAHq__panelHeading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.converter-module__jgNAHq__panelHeading h2{margin:0;font-size:15px;font-weight:700}.converter-module__jgNAHq__panelHeading>span{color:var(--muted);margin-left:auto;font:500 11px ui-monospace,monospace}.converter-module__jgNAHq__drop{text-align:center;background:#20212a;border:1px dashed #666b7b;border-radius:4px;flex-direction:column;align-items:center;gap:7px;padding:20px 12px;display:flex}.converter-module__jgNAHq__drop>svg{color:var(--mint)}.converter-module__jgNAHq__drop label{font-weight:700}.converter-module__jgNAHq__drop p,.converter-module__jgNAHq__drop small{color:var(--muted);margin:0;font-size:11px}.converter-module__jgNAHq__drop input{max-width:100%;font:11px system-ui,sans-serif}.converter-module__jgNAHq__drop input::file-selector-button{color:#fff;background:#454957;border:0;border-radius:3px;margin-right:6px;padding:6px 9px;font:600 11px system-ui,sans-serif}.converter-module__jgNAHq__sampleRow{margin:16px 0 22px}.converter-module__jgNAHq__sampleRow>span{color:var(--muted);font-size:11px}.converter-module__jgNAHq__sampleRow>div{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.converter-module__jgNAHq__sampleRow button,.converter-module__jgNAHq__textButton{border:1px solid var(--border);color:#e8e9ef;background:#313440;border-radius:3px;padding:5px 7px;font:500 11px system-ui,sans-serif}.converter-module__jgNAHq__field{color:#e5e6ed;margin:16px 0;display:block}.converter-module__jgNAHq__field>span{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;display:flex}.converter-module__jgNAHq__field b{color:var(--muted);font:500 10px ui-monospace,monospace}.converter-module__jgNAHq__page select{color:#f3f3f6;background:#1b1c23;border:1px solid #505361;border-radius:4px;width:100%;padding:9px 10px;font:13px system-ui,sans-serif}.converter-module__jgNAHq__page select:disabled{opacity:.5}.converter-module__jgNAHq__field input[type=range]{width:100%;accent-color:var(--mint)}.converter-module__jgNAHq__check{align-items:center;gap:8px;margin:20px 0;font-size:11px;display:flex}.converter-module__jgNAHq__check input{accent-color:var(--mint)}.converter-module__jgNAHq__adjust{border-top:1px solid var(--border);padding-top:15px;font-size:12px}.converter-module__jgNAHq__adjust summary{cursor:pointer;color:var(--muted)}.converter-module__jgNAHq__workspace{flex-direction:column;padding:22px;display:flex}.converter-module__jgNAHq__comparison{grid-template-columns:1fr 1fr;gap:18px;margin-top:2px;display:grid}.converter-module__jgNAHq__comparison figure{min-width:0;margin:0}.converter-module__jgNAHq__comparison figcaption{color:var(--muted);justify-content:space-between;gap:6px;margin-bottom:8px;font:600 10px ui-monospace,monospace;display:flex}.converter-module__jgNAHq__comparison figcaption span{font-size:9px;font-weight:400}.converter-module__jgNAHq__preview{border:1px solid var(--border);background-color:#272932;background-image:linear-gradient(45deg,#30333e 25%,#0000 25%),linear-gradient(-45deg,#30333e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#30333e 75%),linear-gradient(-45deg,#0000 75%,#30333e 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:3px;justify-content:center;align-items:center;height:260px;padding:12px;display:flex;overflow:hidden}.converter-module__jgNAHq__preview canvas{-o-object-fit:contain;object-fit:contain;aspect-ratio:auto;width:100%;max-width:100%;height:auto;max-height:100%}.converter-module__jgNAHq__pixelCanvas{image-rendering:pixelated}.converter-module__jgNAHq__exportRow{justify-content:space-between;align-items:end;gap:12px;margin-top:22px;display:flex}.converter-module__jgNAHq__exportRow>label{color:var(--muted);width:160px;font-size:11px}.converter-module__jgNAHq__exportRow select{margin-top:6px;font-size:12px}.converter-module__jgNAHq__exportRow>div{flex-wrap:wrap;gap:10px;display:flex}.converter-module__jgNAHq__primary,.converter-module__jgNAHq__secondary{border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 15px;font:700 12px system-ui,sans-serif;text-decoration:none;transition:background .15s;display:inline-flex}.converter-module__jgNAHq__primary{background:var(--mint);color:#122a26;border:1px solid var(--mint);box-shadow:2px 2px #0c1413}.converter-module__jgNAHq__primary:hover{background:#a1ffe5}.converter-module__jgNAHq__secondary{color:#eeeef3;background:#333641;border:1px solid #555968}.converter-module__jgNAHq__secondary:hover{background:#464a57}.converter-module__jgNAHq__page button:disabled{opacity:.45;cursor:not-allowed}.converter-module__jgNAHq__status{color:var(--muted);min-height:34px;margin:13px 0 8px;font-size:11px}.converter-module__jgNAHq__error{color:#ffcbcb;background:#3d2329;border:1px solid #b87474;padding:12px;font-size:13px}.converter-module__jgNAHq__handoff{background:#242b2c;border:1px solid #3b5550;border-radius:4px;grid-template-columns:1fr;gap:14px;margin-top:auto;padding:20px;display:grid}.converter-module__jgNAHq__handoff h3{margin:0 0 7px;font-size:18px}.converter-module__jgNAHq__handoff p:not(.converter-module__jgNAHq__kicker){color:#bcc8c7;max-width:580px;margin:0;font-size:12px}.converter-module__jgNAHq__handoff>div:last-child{flex-wrap:wrap;gap:12px;display:flex}.converter-module__jgNAHq__pluginLink{color:var(--mint);text-underline-offset:3px;align-items:center;gap:8px;font:600 11px system-ui,sans-serif;text-decoration:underline;display:inline-flex}.converter-module__jgNAHq__privacy{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;font-size:10px;display:flex}.converter-module__jgNAHq__privacy a{color:#d2ede5;text-decoration:underline}.converter-module__jgNAHq__section{margin-top:62px;scroll-margin-top:80px}.converter-module__jgNAHq__section h2{margin:0 0 12px;font-size:28px}.converter-module__jgNAHq__lead{max-width:780px;color:var(--muted);margin-bottom:24px}.converter-module__jgNAHq__examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.converter-module__jgNAHq__example{border:1px solid var(--border);background:#25262e;border-radius:5px;padding:18px}.converter-module__jgNAHq__example h3{margin:0 0 14px;font-size:17px}.converter-module__jgNAHq__examplePair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.converter-module__jgNAHq__examplePair figure{margin:0}.converter-module__jgNAHq__examplePair img{border:1px solid var(--border);border-radius:2px;width:100%;height:auto}.converter-module__jgNAHq__examplePair figcaption{color:var(--muted);margin-bottom:6px;font:500 10px ui-monospace,monospace}.converter-module__jgNAHq__examplePair figure:last-child img{image-rendering:pixelated}.converter-module__jgNAHq__example p{color:var(--muted);font-size:12px}.converter-module__jgNAHq__example a{color:var(--mint);margin-right:14px;font-size:12px;text-decoration:underline}.converter-module__jgNAHq__steps{counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.converter-module__jgNAHq__steps li{counter-increment:steps;border-top:1px solid var(--border);color:var(--muted);padding:22px 0;font-size:14px}.converter-module__jgNAHq__steps li:before{content:"0" counter(steps);color:var(--mint);font:600 12px ui-monospace,monospace}.converter-module__jgNAHq__steps h3{margin:12px 0 8px;font-size:18px}.converter-module__jgNAHq__section a{color:var(--mint);text-underline-offset:3px}.converter-module__jgNAHq__faq{border-top:1px solid var(--border)}.converter-module__jgNAHq__faq details{border-bottom:1px solid var(--border);padding:19px 0}.converter-module__jgNAHq__faq summary{cursor:pointer;font-weight:650}.converter-module__jgNAHq__faq p{color:var(--muted);max-width:850px;font-size:14px}.converter-module__jgNAHq__pluginGrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.converter-module__jgNAHq__pluginGrid article{border:1px solid var(--border);background:#25262f;border-radius:5px;padding:25px}.converter-module__jgNAHq__pluginGrid h2{font-size:24px}.converter-module__jgNAHq__pluginGrid p{color:var(--muted);font-size:14px}.converter-module__jgNAHq__page :is(a,button,input,select,summary):focus-visible{outline-offset:4px;outline:3px solid #ffd395}.converter-module__jgNAHq__page a:hover{text-decoration:underline}.converter-module__jgNAHq__pluginHero{max-width:800px;margin:25px 0 42px}.converter-module__jgNAHq__pluginHero h1{font-size:clamp(32px,5vw,52px)}.converter-module__jgNAHq__pluginHero p{color:var(--muted);font-size:18px}@media (min-width:1400px){.converter-module__jgNAHq__preview{height:300px}}@media (max-width:980px){.converter-module__jgNAHq__tool{grid-template-columns:250px minmax(0,1fr)}.converter-module__jgNAHq__comparison{grid-template-columns:1fr}.converter-module__jgNAHq__comparison figure:first-child .converter-module__jgNAHq__preview{height:150px}.converter-module__jgNAHq__preview{height:240px}.converter-module__jgNAHq__exportRow{flex-direction:column;align-items:start}.converter-module__jgNAHq__workspace,.converter-module__jgNAHq__controls{padding:18px}.converter-module__jgNAHq__examples{grid-template-columns:1fr}.converter-module__jgNAHq__examplePair{max-width:600px}}@media (max-width:600px){.converter-module__jgNAHq__page{padding:24px 16px 40px}.converter-module__jgNAHq__hero{align-items:start}.converter-module__jgNAHq__pixelMark{display:none}.converter-module__jgNAHq__hero p{font-size:15px}.converter-module__jgNAHq__tool{grid-template-columns:1fr}.converter-module__jgNAHq__controls{border-right:0;border-bottom:1px solid var(--border)}.converter-module__jgNAHq__comparison{grid-template-columns:1fr 1fr;gap:10px}.converter-module__jgNAHq__comparison figure:first-child .converter-module__jgNAHq__preview,.converter-module__jgNAHq__preview{height:155px;padding:5px}.converter-module__jgNAHq__comparison figcaption{flex-direction:column;min-height:30px}.converter-module__jgNAHq__exportRow>div{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.converter-module__jgNAHq__primary,.converter-module__jgNAHq__secondary{padding:10px;font-size:11px}.converter-module__jgNAHq__handoff{padding:16px}.converter-module__jgNAHq__steps,.converter-module__jgNAHq__pluginGrid{grid-template-columns:1fr}.converter-module__jgNAHq__steps{gap:0}.converter-module__jgNAHq__section{margin-top:40px}.converter-module__jgNAHq__section h2{font-size:25px}.converter-module__jgNAHq__example{padding:16px}.converter-module__jgNAHq__tags{gap:8px 14px}.converter-module__jgNAHq__sampleRow button{min-height:32px}}.converter-module__jgNAHq__sampleRow>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.converter-module__jgNAHq__sampleRow button{border:1px solid var(--border);background:#20212a;flex-direction:column;align-items:center;gap:6px;padding:7px 3px;display:flex}.converter-module__jgNAHq__sampleRow button img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:2px;width:100%;height:auto}.converter-module__jgNAHq__sampleRow button span{font-size:10px;line-height:1.3}.converter-module__jgNAHq__sampleRow button[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.converter-module__jgNAHq__sampleCredit{color:var(--muted);margin:12px 0 0;font:400 10px/1.6 system-ui,sans-serif}.converter-module__jgNAHq__sampleCredit a{color:#c4d8d1;text-decoration:underline}.converter-module__jgNAHq__example .converter-module__jgNAHq__sampleCredit a{margin-right:0;font-size:10px}