@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-greek-600-normal-BpFII5Ja.woff2)format("woff2"),url(/assets/syne-greek-600-normal-BJs4kvyH.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-latin-ext-600-normal-ZnizrDKU.woff2)format("woff2"),url(/assets/syne-latin-ext-600-normal-DEzBMW8B.woff)format("woff");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:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-latin-600-normal-BiwQbQXw.woff2)format("woff2"),url(/assets/syne-latin-600-normal-dRu9QuIh.woff)format("woff");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:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-greek-700-normal-RbvlO3f8.woff2)format("woff2"),url(/assets/syne-greek-700-normal-C01yjWE_.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-ext-700-normal-DuyXglMe.woff2)format("woff2"),url(/assets/syne-latin-ext-700-normal-C-qCH-vM.woff)format("woff");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:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2)format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");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}:root,[data-theme=light]{--ink:#1c1c1c;--muted:#6b6b6b;--soft:#8a8a8a;--panel:#fff;--bg:#f3f3f3;--line:#e6e6e6;--key:#f2f2f2;--key-hover:#e8e8e8;--key-press:#d4d4d4;--primary:#1c1c1c;--primary-text:#fff;--shadow:0 12px 32px #0000000f;--danger:#b42318;--font-brand:"Syne", sans-serif;--font-mono:"IBM Plex Mono", monospace;--shell-gap:.75rem}[data-theme=dark]{--ink:#f0f0f0;--muted:#9a9a9a;--soft:#7a7a7a;--panel:#1e1e1e;--bg:#141414;--line:#2e2e2e;--key:#2a2a2a;--key-hover:#333;--key-press:#4a4a4a;--primary:#f0f0f0;--primary-text:#1c1c1c;--shadow:0 12px 32px #00000059;--danger:#f97066}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--ink);font-family:var(--font-brand);background:var(--bg);margin:0}button,input,select{font:inherit}.shell{gap:var(--shell-gap);width:100%;min-height:100dvh;padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);display:grid}.app{gap:var(--shell-gap);flex-direction:column;min-width:0;display:flex}.page{flex:1;align-content:start;gap:.55rem;width:min(100%,52rem);margin:0 auto;padding:.2rem 0 .15rem;display:grid}.brand{text-align:center;padding-inline:2.4rem;position:relative}.brand h1{letter-spacing:-.02em;margin:0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.2}.brand p,.hub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:.2rem 0 0;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-block}.hub:hover{color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--panel);width:2.15rem;height:2.15rem;color:var(--muted);cursor:pointer;touch-action:manipulation;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle:hover{color:var(--ink)}.tabs{border:1px solid var(--line);background:var(--panel);border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.35rem;display:flex}.tab{min-width:4.8rem;min-height:2.1rem;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.65rem;flex:0 auto;padding:0 .6rem;font-size:.7rem;font-weight:700}.tab.active{background:var(--ink);color:var(--bg)}.tips{color:var(--soft);text-align:center;margin:0;font-size:.72rem}.tool{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:.9rem;gap:.65rem;padding:.75rem;display:grid}.tool-head h2{letter-spacing:-.02em;margin:0;font-size:1rem}.tool-head p{color:var(--muted);margin:.2rem 0 0;font-size:.84rem;line-height:1.35}.drop{border:1px dashed var(--line);background:var(--key);text-align:center;cursor:pointer;border-radius:.85rem;place-items:center;gap:.25rem;min-height:9.5rem;padding:1rem;transition:background .15s,border-color .15s;display:grid}.drop:hover,.drop.dragging{background:var(--key-hover);border-color:var(--soft)}.drop-title{font-size:.95rem;font-weight:700}.drop-sub{color:var(--muted);font-size:.82rem}.workspace{gap:.7rem;display:grid}.queue{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.queue-item{border:1px solid var(--line);background:var(--key);cursor:pointer;border-radius:.6rem;width:3.2rem;height:3.2rem;padding:0;position:relative;overflow:hidden}.queue-item.active{outline:2px solid var(--ink);outline-offset:1px}.queue-item img{object-fit:cover;width:100%;height:100%}.queue-item span{color:#fff;font-family:var(--font-mono);text-shadow:0 1px 2px #000000b3;font-size:.65rem;position:absolute;bottom:.15rem;right:.2rem}.previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.preview{gap:.55rem;min-width:0;display:grid}.preview-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.preview-head h3,.compare-control span,.cross>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.preview-head span,.meta-line{color:var(--soft);font-family:var(--font-mono);font-size:.75rem}.meta-line{margin:0}.preview-body{border:1px solid var(--line);background:var(--bg);border-radius:.8rem;place-items:center;min-height:11rem;padding:.55rem;display:grid;overflow:hidden}.preview-body img{object-fit:contain;max-width:100%;max-height:12rem}.preview-body p{color:var(--soft);margin:0}.compare{gap:.55rem;display:grid}.compare-frame{border:1px solid var(--line);background:var(--bg);border-radius:.8rem;min-height:13.5rem;position:relative;overflow:hidden}.compare-img{object-fit:contain;background:var(--bg);width:100%;height:13.5rem;display:block}.compare-after{border-right:2px solid var(--ink);position:absolute;inset:0 auto 0 0;overflow:hidden}.compare-after .compare-img{max-width:none;height:13.5rem}.compare-control{gap:.35rem;display:grid}.controls{border-top:1px solid var(--line);gap:.65rem;padding-top:.2rem;display:grid}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.field{gap:.4rem;display:grid}.field span,.check span{color:var(--muted);font-size:.82rem;font-weight:700}.field input[type=number],.field input[type=text],.field select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:2.3rem;color:var(--ink);border-radius:.6rem;padding:.45rem .65rem}.field input[type=range],.compare-control input[type=range]{width:100%;accent-color:var(--ink)}.check{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.chips,.cross-actions,.actions{flex-wrap:wrap;gap:.45rem;display:flex}.cross{gap:.45rem;padding-top:.25rem;display:grid}.chip,.btn,.file-btn{border:1px solid var(--line);background:var(--key);min-height:2.2rem;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:.6rem;transition:transform .1s,background .1s}.chip{font-family:var(--font-mono);padding:0 .7rem;font-size:.8rem}.btn,.file-btn{place-items:center;padding:0 .85rem;font-size:.9rem;font-weight:700;display:inline-grid}.btn.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.btn.ghost{background:0 0}.chip:hover,.btn:hover,.file-btn:hover{background:var(--key-hover)}.btn.primary:hover{filter:brightness(1.08)}.chip:active,.btn:active,.file-btn:active{background:var(--key-press);transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.status{color:var(--muted);margin:0;font-size:.88rem}.error{color:var(--danger);margin:0;font-size:.9rem}.seo{border-top:1px solid var(--line);padding-top:.15rem}.seo h3{margin:0 0 .35rem;font-size:.9rem}.seo ul{color:var(--muted);margin:0;padding-left:1.05rem;font-size:.84rem;line-height:1.4}.seo .faq{border-top:1px solid var(--line);margin:.75rem 0 0;padding-top:.5rem}.seo .faq dt{color:var(--ink);margin-top:.5rem;font-size:.88rem;font-weight:600}.seo .faq dt:first-child{margin-top:0}.seo .faq dd{color:var(--muted);margin:.2rem 0 0;font-size:.85rem;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1200px){:root{--shell-gap:.55rem}.shell{grid-template-columns:1fr;padding:.45rem}.page{width:100%}}@media (width<=760px){.previews,.row{grid-template-columns:1fr}.preview-body,.compare-frame,.compare-img,.compare-after .compare-img{height:10rem;min-height:10rem}.tab{min-width:4.4rem;font-size:.66rem}.tips{display:none}}.footer{border-top:1px solid var(--line);text-align:center;padding-top:.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.footer-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.footer-link:hover{color:var(--ink)}.modal-root{z-index:40;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:#00000073;border:0;padding:0;position:absolute;inset:0}.modal-panel{z-index:1;border:1px solid var(--line);background:var(--panel);width:min(100%,34rem);max-height:min(80dvh,40rem);box-shadow:var(--shadow);border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.modal-head h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.modal-close{border:1px solid var(--line);background:var(--key);width:2rem;height:2rem;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.modal-body{-webkit-overflow-scrolling:touch;padding:1rem;overflow:auto}.info-content{gap:.9rem;display:grid}.info-content article{border-bottom:1px solid var(--line);padding-bottom:.85rem}.info-content article:last-of-type{border-bottom:none;padding-bottom:0}.info-content article.highlight{border:1px solid var(--line);background:var(--key);border-radius:.7rem;padding:.85rem}.info-content h3{margin:0 0 .4rem;font-size:.95rem}.info-content p,.info-content li{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.info-content ol,.info-content ul{color:var(--muted);margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.55}.info-content a{color:var(--ink)}.info-content kbd{border:1px solid var(--line);background:var(--key);font-family:var(--font-mono);border-radius:.3rem;padding:.1rem .35rem;font-size:.78rem;display:inline-block}.info-date{color:var(--soft);margin:.25rem 0 0;font-size:.8rem;font-style:italic}