@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(./barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(./barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff")}:root{--bg: #161a2e;--panel: #1f2439;--raise: #292f48;--ink: #ece2cf;--muted: #a19eae;--line: #353b57;--accent: #d6a93e;--accent-2: #e4be62;--accent-ink: #1b1a25;--rose: #c23679;--glass: #3f7be0;--glow: rgba(214, 169, 62, .45);--btn-a: #e0b654;--btn-b: #d2a23b;--btn-ink: #1b1a25;--track: #10131f;--check-a: #262b42;--check-b: #1d2135;--shadow: rgba(4, 6, 16, .65);--stage-light: rgba(214, 169, 62, .07);--radius: 2px;color-scheme:dark}:root[data-theme=light]{--bg: #dcdae2;--panel: #e7e5ec;--raise: #f1f0f4;--ink: #1b1f33;--muted: #585a6c;--line: #c5c2ce;--accent: #85600f;--accent-2: #a67a1c;--accent-ink: #ffffff;--rose: #a4245f;--glass: #2f64c4;--glow: rgba(190, 145, 50, .3);--btn-a: #d8b04f;--btn-b: #c99b33;--btn-ink: #1b1f33;--track: #c9c6d2;--check-a: #cfccd7;--check-b: #e2e0e7;--shadow: rgba(27, 31, 51, .22);--stage-light: rgba(225, 190, 115, .3);color-scheme:light}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg: #dcdae2;--panel: #e7e5ec;--raise: #f1f0f4;--ink: #1b1f33;--muted: #585a6c;--line: #c5c2ce;--accent: #85600f;--accent-2: #a67a1c;--accent-ink: #ffffff;--rose: #a4245f;--glass: #2f64c4;--glow: rgba(190, 145, 50, .3);--track: #c9c6d2;--btn-a: #d8b04f;--btn-b: #c99b33;--btn-ink: #1b1f33;--check-a: #cfccd7;--check-b: #e2e0e7;--shadow: rgba(27, 31, 51, .22);--stage-light: rgba(225, 190, 115, .3);color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:400 14px/1.45 Manrope Variable,Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);display:grid;grid-template-columns:304px 1fr;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--glass);outline-offset:2px}aside{background:var(--panel);border-right:1px solid var(--line);padding:22px 20px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}header{margin-bottom:18px}#logo{margin:0 0 8px;line-height:0}#logoCanvas{display:block;width:100%}.tag{color:var(--muted);margin:0;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}section{border-top:1px solid var(--line);padding:14px 0}details.sec{border-top:1px solid var(--line)}details.sec[open]{padding-bottom:16px}details.sec>summary{display:flex;align-items:center;gap:10px;padding:11px 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600;color:var(--muted)}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:hover{color:var(--ink)}details.sec>summary:focus-visible{border-radius:var(--radius)}.sicon{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius);flex:none;background:var(--btn-b);color:var(--btn-ink)}.sicon svg.i{width:14px;height:14px}details.sec[open]>summary{color:var(--ink)}.stitle{flex:1}.chev{display:grid;place-items:center;transition:transform .15s;color:var(--muted)}.chev svg.i{width:15px;height:15px}details.sec[open]>summary .chev{transform:rotate(180deg)}h2{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 10px}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;margin-bottom:10px;font-size:13.5px}.row input[type=range]{grid-column:1 / -1}.num{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:12px}.num input{width:54px;padding:2px 5px;text-align:right;border:1px solid transparent;border-radius:var(--radius);background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.num input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num input:hover{border-color:var(--line)}.num input:focus{border-color:var(--accent);background:var(--raise);outline:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:1px;background:linear-gradient(90deg,var(--btn-b) var(--p),var(--track) var(--p))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:var(--radius);transform:rotate(45deg);background:var(--btn-b);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--btn-b)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{background:var(--btn-a);box-shadow:0 0 0 1px var(--btn-a)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--btn-b),0 0 0 3px var(--glass)}input[type=range]::-moz-range-track{height:4px;border-radius:1px;background:var(--track)}input[type=range]::-moz-range-progress{height:4px;border-radius:1px;background:var(--btn-b)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:var(--radius);transform:rotate(45deg);background:var(--btn-b);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--btn-b)}input[type=range]:hover::-moz-range-thumb{background:var(--btn-a)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--btn-b),0 0 0 3px var(--glass)}.inline{display:flex;gap:8px;align-items:center}.field{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:var(--raise);color:var(--ink)}.field:focus{border-color:var(--accent);outline:none}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(-45deg,transparent 50%,var(--muted) 50%);background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px;background-repeat:no-repeat}.sub{color:var(--muted);font-size:12.5px;margin:4px 0 12px}.hint{color:var(--muted);font-size:12.5px;margin:0 0 12px}input[type=color]{width:38px;height:30px;padding:3px;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--raise)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}input[type=color]::-moz-color-swatch{border:0;border-radius:1px}input[type=color]:disabled{opacity:.4;cursor:default}.check{display:flex;gap:9px;align-items:center;margin-top:9px;font-size:13.5px;cursor:pointer}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;margin:0;cursor:pointer;width:15px;height:15px;border-radius:var(--radius);border:1.5px solid var(--muted);background:var(--raise);display:grid;place-items:center}input[type=checkbox]:after{content:"";width:7px;height:4px;margin-top:-2px;border-left:2px solid var(--accent-ink);border-bottom:2px solid var(--accent-ink);transform:rotate(-45deg);opacity:0}input[type=checkbox]:checked{background:var(--btn-b);border-color:var(--btn-b)}input[type=checkbox]:after{border-color:var(--btn-ink)}input[type=checkbox]:checked:after{opacity:1}button{font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--raise);color:var(--ink);padding:7px 12px;transition:border-color .12s,box-shadow .12s,background-color .12s,color .12s}button:hover{border-color:var(--muted)}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.primary{color:var(--btn-ink);border-color:var(--btn-b);background:var(--btn-b)}button.primary:hover:not(:disabled){background:var(--btn-a);border-color:var(--btn-a)}button.primary:active:not(:disabled){background:var(--btn-b)}button.primary:disabled{background:var(--raise);color:var(--muted);border-color:var(--line);opacity:.6}body.has-image #qPick,body.has-image #pick,body.has-image #sqPick,body.has-image #sPick{background:var(--raise);color:var(--ink);border-color:var(--line);box-shadow:none}body.has-image #qPick:hover,body.has-image #pick:hover,body.has-image #sqPick:hover,body.has-image #sPick:hover{border-color:var(--muted)}.full{width:100%}button.icon{height:34px;min-width:36px;padding:0 9px;display:inline-grid;place-items:center;flex:none}button.icon.wide{flex:1}button.icon.sm{height:26px;min-width:26px;padding:0;border-color:transparent;background:transparent;color:var(--muted)}button.icon.sm:hover{color:var(--ink);border-color:var(--line)}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}button.sm svg.i{width:15px;height:15px}.tools button.on,.seg button.on,.mode-switch button.on{color:var(--btn-ink);border-color:var(--btn-b);background:var(--btn-b)}.tool-tabs{display:flex;gap:3px;align-items:flex-end;margin:0 -20px 16px;padding:0 20px;border-bottom:1px solid var(--line)}.tool-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:-1px;padding:8px 10px 9px;font-size:13.5px;border:1px solid var(--line);border-bottom-color:var(--line);border-radius:3px 3px 0 0;background:var(--track);color:var(--muted)}.tool-tabs button:hover{color:var(--ink)}.tool-tabs button[aria-selected=true]{background:var(--panel);color:var(--ink);border-bottom-color:var(--panel);box-shadow:inset 0 2px 0 var(--btn-b)}.tool-tabs svg.i{width:15px;height:15px}.tool-tabs button[aria-selected=true] svg.i{color:var(--btn-b)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin:0 0 18px;background:var(--track);border:1px solid var(--line);border-radius:var(--radius)}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--muted);padding:6px 8px;font-size:13px}.mode-switch button:not(.on):hover{color:var(--ink);border-color:transparent}.mode-switch svg.i{width:15px;height:15px}#quick{padding-bottom:8px}h2.qh{margin:20px 0 9px;color:var(--ink)}.styles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.style-btn{display:grid;gap:5px;padding:3px 3px 6px;font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:var(--radius);background:var(--raise);color:var(--muted)}.style-btn:hover{border-color:var(--muted);color:var(--ink)}.style-btn.on{border-color:var(--btn-b);background:var(--btn-b);color:var(--btn-ink)}.style-img{display:block;aspect-ratio:3 / 2;border-radius:1px;background-size:cover;background-position:center}.q-gap{margin-bottom:4px}.q-regen{margin-left:auto}.q-format{width:auto;flex:none}.linkish{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:4px 0;border:0;background:none;color:var(--accent);font-size:13px}.linkish:hover{text-decoration:underline;text-underline-offset:3px}.linkish svg.i{width:15px;height:15px}.tools{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:12px}.tools button{height:34px;padding:0;display:grid;place-items:center}.history{display:flex;gap:6px}.history button{flex:1}#brushCursor{position:fixed;left:0;top:0;pointer-events:none;display:none;z-index:10;border-radius:50%;transform:translate(-50%,-50%);border:1.5px solid #fff;box-shadow:0 0 0 1px #000000a6,inset 0 0 0 1px #00000059}#pad{position:relative;width:100%;aspect-ratio:4 / 3;margin-bottom:6px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;touch-action:none;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 25% 25%,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 25% 25%,#12151f}#padGlow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ball{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;pointer-events:none;border-radius:var(--radius);transform:rotate(45deg);background:#fff3d0;box-shadow:0 0 0 2px #0006,0 0 16px 5px #ffd68cbf}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:4px 0 10px}.bg-thumb{position:relative;aspect-ratio:4 / 3;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background-size:cover;background-position:center}.bg-thumb:hover{border-color:var(--muted)}.bg-thumb.on{border-color:var(--btn-b);box-shadow:0 0 0 1px var(--btn-b)}.bg-thumb span{position:absolute;left:0;right:0;bottom:0;padding:1px 4px;font-size:10px;font-weight:600;text-align:left;background:#0a0c169e;color:#f3ead8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-thumb.add{display:grid;place-items:center;color:var(--muted);background:var(--raise);border-style:dashed}.bg-bar{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.seg{display:flex;gap:4px}.bgl{position:absolute;pointer-events:none;display:none;z-index:0}#bgBadge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:3;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius);pointer-events:none;background:#0a0c16b3;color:#f3ead8;white-space:nowrap}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.exp-grid label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}#expHint{margin:8px 0 10px}#status{color:var(--muted);font-size:12.5px;min-height:1.4em;margin:0;font-variant-numeric:tabular-nums}section.foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.foot-actions{display:flex;gap:2px}main{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(ellipse 70% 60% at 50% 42%,var(--stage-light),transparent 70%),var(--bg)}main.dragging:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;border:2px dashed var(--accent);border-radius:var(--radius);box-shadow:inset 0 0 40px -10px var(--glow)}#out{max-width:100%;max-height:100%;box-shadow:0 24px 70px -12px var(--shadow);position:relative;z-index:2;display:none}#out.editing{cursor:crosshair;touch-action:none}#out.picking{cursor:copy}#sliceOut{max-width:100%;max-height:100%;position:relative;z-index:2;display:none;cursor:pointer}body[data-tool=slice] #out,body[data-tool=slice] .bgl,body[data-tool=slice] #bgBadge,body[data-tool=slice] #brushCursor{display:none!important}body:not([data-tool=slice]) #sliceOut{display:none!important}body[data-tool=slice] #status{visibility:hidden}#slicer .history{margin-bottom:6px}#sqInfo{font-variant-numeric:tabular-nums}#sStatus{margin-top:-4px}#empty{text-align:center;color:var(--muted);max-width:460px;text-wrap:balance}#empty strong{display:block;color:var(--ink);margin-bottom:10px;white-space:nowrap;font-family:Barlow,Manrope Variable,sans-serif;font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.01em}.hint-touch{display:none}@media(pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}.drop-pick{display:inline-grid;place-items:center;width:76px;height:76px;padding:0;margin-bottom:20px;border:1px solid var(--line);background:var(--raise);color:var(--btn-b)}.drop-pick:hover{border-color:var(--btn-b)}.drop-pick svg.i{width:32px;height:32px;stroke-width:1.75}@media(max-width:760px){body{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}main{order:-1;position:sticky;top:0;z-index:20;height:44vh;height:44svh;min-height:220px;padding:12px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px -16px var(--shadow)}aside{border-right:0;padding:18px 16px 48px;overflow:visible}.tool-tabs{margin:0 -16px 16px;padding:0 16px}#brushCursor{z-index:30}.drop-pick{width:56px;height:56px;margin-bottom:12px}.drop-pick svg.i{width:24px;height:24px}#empty strong{font-size:28px;margin-bottom:6px}#empty{font-size:13px;padding:0 8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}