@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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{--bg0:#0a0c12;--bg1:#0f121b;--panel:#141824;--panel2:#181d2b;--line:#232a3b;--line2:#2c3447;--track:#232a3b;--text:#e8ecf6;--muted:#98a1b8;--muted2:#79839e;--accent:#7c6cff;--accent2:#4ad7d4;--accent-grad:linear-gradient(135deg, #8b7bff 0%, #5cc8ff 100%);--danger:#ff5d73;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--ring:0 0 0 2px var(--bg0), 0 0 0 4px var(--accent2);--shadow:0 18px 50px -18px #000000b3;--edge:inset 0 1px 0 #ffffff09, 0 1px 2px #00000059;font-feature-settings:"cv11", "ss01";letter-spacing:-.011em;font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 600px at 78% -10%, #7c6cff26, transparent 60%), radial-gradient(900px 600px at 5% 110%, #4ad7d417, transparent 55%), var(--bg0);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:var(--text);background:0 0;border:none;font-family:inherit}input{font-family:inherit}h1,h2,h3{font-weight:600}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-xs);outline:none}button:focus-visible,.chip:focus-visible,.tabs button:focus-visible,.segbtns button:focus-visible,.iconbtn:focus-visible,.drop:focus-within{box-shadow:var(--ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line2);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a435a padding-box padding-box}*{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.fatal{border-radius:var(--r-lg);color:#ffdce2;background:#2a1018;border:1px solid #ff5d7380;margin:24px;padding:18px}.fatal pre{white-space:pre-wrap;color:#ffb8c3;margin:12px 0;font-size:12px}.app{flex-direction:column;height:100dvh;min-height:0;display:flex}.brandrow{align-items:center;gap:var(--s2);flex-shrink:0;padding:2px 2px 0;display:flex}.brandrow b{letter-spacing:-.2px;font-size:14px}.logo{border-radius:var(--r-sm);background:var(--accent-grad);width:26px;height:26px;color:var(--bg0);flex-shrink:0;place-items:center;display:grid;box-shadow:0 6px 16px -6px #7c6cff99}.localtag{color:var(--accent2);white-space:nowrap;background:#4ad7d414;border:1px solid #4ad7d433;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.brandrow .iconbtn{width:28px;height:28px;margin-left:auto}.shell{gap:var(--s4);padding:var(--s4);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:336px minmax(0,1fr);min-height:0;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3);gap:var(--s3);min-height:0;box-shadow:var(--edge);flex-direction:column;display:flex;overflow-y:auto}.panel>*{flex-shrink:0}.drop{align-items:center;gap:var(--s1);padding:22px var(--s3);text-align:center;border:1.5px dashed var(--line2);border-radius:var(--r-md);color:var(--muted);cursor:pointer;background:#7c6cff08;flex-direction:column;transition:border-color .18s,background-color .18s,color .18s;display:flex}.drop:hover{border-color:var(--accent);color:var(--text);background:#7c6cff14}.drop svg{color:var(--accent);margin-bottom:var(--s1)}.drop strong{color:var(--text);font-size:13px}.drop span{font-size:11px}.drop input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tabs{gap:var(--s1);background:var(--bg0);padding:var(--s1);border-radius:var(--r-md);border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.tabs button{color:var(--muted);border-radius:var(--r-sm);justify-content:center;align-items:center;gap:7px;padding:9px;font-size:12.5px;font-weight:500;transition:color .15s,background-color .15s;display:flex}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--accent-grad);color:var(--bg0);font-weight:600;box-shadow:0 6px 16px -6px #7c6cff99}.section{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2)}.section h2{align-items:center;gap:var(--s2);letter-spacing:.3px;text-transform:uppercase;color:var(--muted);padding:11px var(--s3);border-bottom:1px solid var(--line);border-radius:calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;background:#ffffff04;font-size:12px;display:flex}.section h2>svg{color:var(--accent);flex-shrink:0}.section h2>span{flex:1}.section h2 .hbtn{margin-left:auto}.sectionToggle{align-items:center;gap:var(--s2);width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;display:flex}.sectionToggle svg{color:var(--accent)}.sectionToggle .chev{color:var(--muted);transition:transform .18s}.sectionToggle .chev.open{transform:rotate(90deg)}.hbtn{border-radius:var(--r-xs);width:26px;height:26px;color:var(--muted);border:1px solid var(--line2);place-items:center;display:grid}.hbtn:hover{color:var(--text);border-color:var(--accent);background:#7c6cff1a}.sectionbody{padding:var(--s3);gap:var(--s3);flex-direction:column;display:flex}.lbl{font-style:normal}.range{flex-direction:column;gap:7px;display:flex}.range>span{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.range>span b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{appearance:none;background:var(--track);cursor:pointer;border-radius:4px;outline:none;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .12s;box-shadow:0 2px 8px #00000080}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #7c6cff66}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #7c6cff66}.seg{flex-direction:column;gap:7px;display:flex}.seg>span{color:var(--muted);font-size:12px}.segbtns{gap:var(--s1);background:var(--bg0);border-radius:var(--r-sm);border:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.segbtns button{color:var(--muted);border-radius:var(--r-xs);padding:7px;font-size:12px;font-weight:500;transition:color .14s,background-color .14s}.segbtns button:hover{color:var(--text)}.segbtns button.on{background:var(--accent);color:var(--bg0);font-weight:600}.segbtns button:active{transform:translateY(1px)}.check{align-items:center;gap:var(--s2);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px;display:flex}.check:hover{color:var(--text)}.check svg{color:var(--accent2)}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.check.sm{gap:6px;font-size:11.5px}.check.sm input{width:14px;height:14px}button.wide,button.ghost,.eyebtn,.addcolor{border-radius:var(--r-sm);border:1px solid var(--line2);background:var(--panel);color:var(--text);justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}button.wide{width:100%}button.wide:hover,.eyebtn:hover,button.ghost:hover{border-color:var(--accent);background:#7c6cff1a}button:disabled{opacity:.4;cursor:not-allowed}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg0);border:1px solid var(--line2);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:color .16s,border-color .16s}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.on{color:var(--bg0);background:var(--accent-grad);border-color:#0000;font-weight:600}.userchip{align-items:center;gap:0;padding:0;display:inline-flex;overflow:hidden}.userchip button{color:inherit;font:inherit;font-weight:inherit;padding:7px 4px 7px 13px}.userchip .chipx{opacity:.7;padding:7px 10px 7px 4px}.userchip .chipx:hover{color:var(--danger);opacity:1}.keys{flex-wrap:wrap;gap:6px;display:flex}.keyauto{color:var(--muted);font-size:11.5px}.keyauto b{color:var(--text);font-variant-numeric:tabular-nums}.keychip{border-radius:var(--r-xs);background:var(--bg0);border:1px solid var(--line2);font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:6px;padding:4px 6px 4px 5px;font-size:11px;display:inline-flex}.keychip i{border-radius:var(--r-xs);border:1px solid #fff3;width:13px;height:13px}.keychip button{color:var(--muted2);place-items:center;padding:1px;display:grid}.keychip button:hover{color:var(--danger)}.keyadd{flex-wrap:wrap;gap:6px;display:flex}.eyebtn{flex:1}.eyebtn.on{border-color:var(--accent2);color:var(--accent2);background:#4ad7d41f}.addcolor{padding:8px 10px;position:relative;overflow:hidden}.addcolor input{opacity:0;cursor:pointer;position:absolute;inset:0}.canvasPanel{gap:var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);min-height:0;padding:var(--s3);box-shadow:var(--edge);flex-direction:column;display:flex}.toolbar{align-items:center;gap:var(--s4);flex-shrink:0;display:flex}.filemeta{flex-direction:column;min-width:0;display:flex}.filemeta b{white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:13.5px;overflow:hidden}.filemeta span{color:var(--muted);font-size:11.5px}.viewtools{align-items:center;gap:var(--s2);margin-left:auto;display:flex}.bgswitch,.zoomctl{background:var(--bg0);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;display:flex}.bgswitch button{width:30px;height:30px;color:var(--muted);border-radius:var(--r-xs);place-items:center;display:grid}.bgswitch button:hover{color:var(--text)}.bgswitch button.on{color:var(--accent2);background:#4ad7d41f}.iconbtn{background:var(--bg0);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);border-radius:var(--r-sm);place-items:center;transition:color .15s,border-color .15s,background-color .15s;display:grid}.iconbtn:hover{color:var(--text)}.iconbtn.on{color:var(--accent);border-color:var(--accent);background:#7c6cff1a}.zoomctl{gap:var(--s2);height:32px;color:var(--muted);padding:0 10px}.zoomctl input{width:88px}.zoomctl span{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;width:36px;font-size:11px}.preview{border-radius:var(--r-md);border:1px solid var(--line);min-height:0;padding:var(--s5);background:var(--bg0);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.preview.single{touch-action:none}.preview.picking{cursor:crosshair}.preview.grabbable{cursor:grab}.preview.grabbable:active{cursor:grabbing}.bg-checker{background-color:#1b1f28;background-image:linear-gradient(45deg,#262b36 25%,#0000 25%),linear-gradient(-45deg,#262b36 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#262b36 75%),linear-gradient(-45deg,#0000 75%,#262b36 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.stage{place-items:center;max-width:100%;max-height:100%;transition:transform 80ms ease-out;display:grid}.preview.single .stage{touch-action:none}.compare{box-shadow:var(--shadow);border-radius:var(--r-xs);line-height:0;position:relative}.compare img{border-radius:var(--r-xs);width:auto;max-width:min(62vw,760px);height:auto;max-height:60dvh;display:block}.compare .orig{z-index:1;position:relative}.compare .cut{z-index:3;position:absolute;inset:0}.compare .overlay{z-index:5;position:absolute;inset:0}.regionsvg{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawhint{top:var(--s3);text-align:center;max-width:90%;color:var(--text);border:1px solid var(--line2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a0c12e0;border-radius:999px;padding:7px 14px;font-size:11.5px;position:absolute;left:50%;transform:translate(-50%)}.rowbtns{gap:var(--s2);display:flex}.rowbtns button{flex:1}.spriteScroll{-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;overflow:auto}.spriteWrap{flex-wrap:wrap;place-content:flex-start center;gap:10px;max-width:100%;padding:6px;display:flex}.spriteWrap img{object-fit:contain;border-radius:var(--r-xs);filter:drop-shadow(0 4px 10px #0000005c)}.spriteTile{border-radius:var(--r-sm);background:#00000029;border:1px solid #ffffff14;place-items:center;gap:5px;min-width:78px;min-height:78px;padding:7px;transition:border-color .15s,opacity .15s;display:grid;position:relative}.spriteTile span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.nogrid{text-align:center;max-width:320px;color:var(--muted);font-size:12.5px;line-height:1.5}.spriteTile.excluded{opacity:.32}.spriteTile.excluded img{filter:grayscale()}.spriteX{width:20px;height:20px;color:var(--muted);opacity:0;background:#0a0c12d1;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:3px;right:3px}.spriteTile:hover .spriteX,.spriteTile.excluded .spriteX{opacity:1}.spriteX:hover{color:var(--danger)}.empty{text-align:center;max-width:480px;color:var(--muted);animation:.5s both fadein}.emptyglow{width:76px;height:76px;color:var(--accent);border:1px solid var(--line);background:radial-gradient(circle,#7c6cff38,#0000 70%);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.empty h1{color:var(--text);letter-spacing:-.5px;margin-bottom:12px;font-size:26px;line-height:1.2}.empty p{font-size:13px;line-height:1.6}.emptytags{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px;display:flex}.emptytags span{background:var(--bg0);border:1px solid var(--line2);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:11px}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.busy{bottom:var(--s3);left:var(--s3);align-items:center;gap:var(--s2);color:var(--text);border:1px solid var(--line2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow);background:#0a0c12e0;border-radius:999px;padding:8px 14px;font-size:12px;display:flex;position:absolute}.busyAi{flex-direction:column;gap:5px;min-width:168px;display:flex}.busyBar{background:var(--track);border-radius:3px;height:4px;display:block;overflow:hidden}.busyBar b{background:var(--accent-grad);border-radius:3px;height:100%;transition:width .2s;display:block}.spin{border:2px solid var(--line2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.errline{color:var(--danger);padding:2px 4px;font-size:12px}.exportbar{align-items:center;gap:var(--s4);padding-bottom:max(0px, env(safe-area-inset-bottom));flex-wrap:wrap;flex-shrink:0;display:flex}.scaleopt{align-items:center;gap:var(--s2);color:var(--muted);font-size:11.5px;display:flex}.scaleopt>span{white-space:nowrap}.segbtns.inline{display:inline-flex}.segbtns.inline button{padding:6px 10px;font-size:11.5px}.exportbtns{gap:var(--s2);flex-wrap:wrap;margin-left:auto;display:flex}.exportbtns button{border-radius:var(--r-sm);border:1px solid var(--line2);background:var(--panel);color:var(--text);align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:600;transition:border-color .15s,background-color .15s,filter .15s;display:flex}.exportbtns button:hover:not(:disabled){border-color:var(--accent);background:#7c6cff1a}.exportbtns button.primary{background:var(--accent-grad);color:var(--bg0);border-color:#0000;box-shadow:0 8px 20px -8px #7c6cff99}.exportbtns button.primary:hover:not(:disabled){filter:brightness(1.08)}.exportbtns button:active:not(:disabled){transform:translateY(1px)}.anim{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg0);place-items:center;height:170px;display:grid;overflow:hidden}.animstack{place-items:center;display:grid;position:relative}.animstack img{max-width:132px;max-height:132px}.animstack .onion{opacity:.28;filter:saturate(.4);margin:auto;position:absolute;inset:0}.animctl{align-items:center;gap:var(--s2);display:flex}.animinfo{margin-left:var(--s1);flex-direction:column;gap:3px;display:flex}.animinfo span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.hint{color:var(--muted);font-size:11.5px;line-height:1.5}.toast{z-index:80;border:1px solid var(--line2);color:var(--text);box-shadow:var(--shadow);background:#10141ef5;border-radius:999px;padding:10px 18px;font-size:12.5px;font-weight:500;animation:.2s both fadein;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.overlay{z-index:90;padding:var(--s4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070c9e;place-items:center;animation:.18s both fadein;display:grid;position:fixed;inset:0}.overlayCard{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);width:min(720px,100%);max-height:86dvh;box-shadow:var(--shadow);overflow:auto}.overlayHead{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.overlayHead b{font-size:15px}.overlayBody{gap:var(--s5);padding:var(--s5);grid-template-columns:1fr 1fr;display:grid}.helpCol h3{text-transform:uppercase;letter-spacing:.3px;color:var(--muted);margin-bottom:var(--s3);align-items:center;gap:7px;font-size:12px;display:flex}.helpCol h3 svg{color:var(--accent)}.shortcuts{gap:var(--s2);flex-direction:column;display:flex}.shortcuts>div{align-items:baseline;gap:var(--s3);display:flex}.shortcuts dt{flex-shrink:0;width:64px}.shortcuts dd{color:var(--muted);font-size:12.5px}kbd{text-align:center;min-width:22px;color:var(--text);background:var(--bg0);border:1px solid var(--line2);border-radius:var(--r-xs);border-bottom-width:2px;padding:3px 7px;font-family:inherit;font-size:11px;font-weight:600;display:inline-block}.tips{gap:var(--s3);flex-direction:column;list-style:none;display:flex}.tips li{flex-direction:column;gap:3px;display:flex}.tips li b{color:var(--text);font-size:12.5px}.tips li span{color:var(--muted);font-size:12px;line-height:1.5}[data-tip]{position:relative}.spriteX[data-tip]{position:absolute}[data-tip]:after{content:attr(data-tip);z-index:130;border-radius:var(--r-sm);border:1px solid var(--line2);width:max-content;max-width:224px;color:var(--text);letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;box-shadow:var(--shadow);pointer-events:none;opacity:0;visibility:hidden;background:#0c0f17;padding:7px 10px;font-size:11.5px;font-weight:400;line-height:1.45;transition:opacity .12s .4s,visibility 0s linear .52s;position:absolute;bottom:calc(100% + 8px);left:0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible}.tipdown[data-tip]:after{top:calc(100% + 8px);bottom:auto}.tipright[data-tip]:after{left:auto;right:0}.lbl.hastip{-webkit-text-decoration:underline dotted var(--muted2);text-decoration:underline dotted var(--muted2);text-underline-offset:3px;cursor:help;font-style:normal}.check.hastip{-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000}@media (pointer:coarse){[data-tip]:after{display:none}}@media (width<=900px){.app{height:auto;min-height:100dvh}.shell{padding:var(--s3);gap:var(--s3);flex-direction:column;flex:none;min-height:0;display:flex}.panel,.canvasPanel{height:auto;overflow:visible}.canvasPanel{order:1}.panel.left{order:2}.preview{min-height:48dvh}.compare img{max-width:86vw;max-height:50dvh}.spriteScroll{max-height:60dvh}.empty h1{font-size:22px}.viewtools{flex-wrap:wrap;justify-content:flex-end}.overlayBody{gap:var(--s4);grid-template-columns:1fr}}@media (width<=560px){.localtag{display:none}.exportbar{align-items:stretch;gap:var(--s3);flex-direction:column}.scaleopt{justify-content:space-between}.exportbtns{margin-left:0}.exportbtns button{flex:1;justify-content:center}.filemeta b{max-width:56vw}.zoomctl input{width:70px}}@media (pointer:coarse){.iconbtn,.bgswitch button,.hbtn{width:40px;height:40px}.check input{width:20px;height:20px}.check.sm input{width:18px;height:18px}.keychip button,.spriteX{min-width:32px;min-height:32px}.tabs button,.segbtns button,.exportbtns button,button.wide,button.ghost,.eyebtn{padding-top:11px;padding-bottom:11px}input[type=range]{height:7px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}