@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.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 Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.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 Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.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 Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.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 Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.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 Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.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 Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.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 Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.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 Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.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 Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.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 Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.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 Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.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}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--chrome:#fbfaf8;--chrome-2:#f2f0ec;--stage:#e7e5e1;--grid:#0000000d;--border:#e0ddd7;--border-strong:#cbc6bd;--text:#1c1b19;--muted:#67635b;--accent:#ff5b1f;--accent-ink:#1f0b02;--accent-strong:#b93d0b;--accent-soft:#ffeadf;--danger:#b42318;--checker-a:#fff;--checker-b:#d9d6d0;--shadow:0 1px 2px #0000000f, 0 10px 30px #0000001a;--radius:6px;--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--rc-drag-handle-size:10px;--rc-drag-handle-mobile-size:22px;--rc-drag-handle-bg-colour:#fff;--rc-border-color:var(--accent);--rc-focus-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--chrome:#171716;--chrome-2:#21201e;--stage:#0f0f0e;--grid:#ffffff09;--border:#2b2a27;--border-strong:#403e3a;--text:#ecebe8;--muted:#9b978f;--accent:#ff6a2b;--accent-strong:#ff8d5c;--accent-soft:#3a1b0d;--danger:#ff8a80;--checker-a:#2b2a28;--checker-b:#3a3835;--shadow:0 1px 2px #0006, 0 12px 36px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--chrome);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,p{margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}button{font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--chrome);height:34px;color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--chrome-2)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:disabled{background:var(--chrome-2);border-color:var(--border);color:var(--muted);opacity:1}button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, #000);border-color:color-mix(in srgb, var(--accent) 88%, #000)}button.strong{border-color:var(--text);font-weight:600}button.quiet{background:0 0;border-color:#0000}button.lg{height:42px;padding:0 22px;font-size:15px}.icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:0}.icon-btn:hover:not(:disabled){color:var(--text)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.center{background-color:var(--stage);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;place-items:center;min-height:100dvh;padding:16px;display:grid}.card{background:var(--chrome);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.narrow{text-align:center;max-width:360px}.card h2{font-size:18px}.app{grid-template-rows:52px minmax(0,1fr);height:100dvh;display:grid}.topbar{background:var(--chrome);border-bottom:1px solid var(--border);align-items:center;gap:16px;min-width:0;padding:0 12px 0 16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.logo{color:var(--text);flex:none;display:block}.logo-cut{fill:var(--accent)}.docinfo{border-left:1px solid var(--border);align-items:baseline;gap:10px;min-width:0;padding-left:16px;font-size:13px;display:flex}.docname{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.docinfo .mono{white-space:nowrap;font-size:12px}.topbar-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.sep{background:var(--border);width:1px;height:20px;margin:0 6px}.topbar-actions .quiet{margin-right:8px}.workspace{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.canvas{background:var(--stage);flex-direction:column;min-width:0;min-height:0;display:flex}.stage{background-color:var(--stage);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:50%;background-size:32px 32px;flex:1;place-items:center;min-height:0;padding:40px 40px 76px;display:grid;position:relative;overflow:hidden}.preview{max-width:100%;max-height:var(--fit-h,70vh);object-fit:contain;display:block}.preview.framed,.ReactCrop{box-shadow:var(--shadow)}.bg-checker{background:repeating-conic-gradient(var(--checker-b) 0 25%, var(--checker-a) 0 50%) 0 0 / 16px 16px}.bg-white{background:#fff}.bg-black{background:#000}.ReactCrop .ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){background-image:none;border:1px solid #fffffff2;animation:none;box-shadow:0 0 0 1px #00000059}.crop-badge{color:#fff;white-space:nowrap;pointer-events:none;background:#141413c7;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:380px;display:flex}.empty-mark{border:1px dashed var(--border-strong);background:var(--chrome);width:60px;height:60px;color:var(--muted);border-radius:14px;place-items:center;margin-bottom:6px;display:grid}.empty h1{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:1.1}.empty .primary{margin:10px 0 2px}.floatbar{background:var(--chrome);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.swatch{border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px;padding:0}.swatch-checker{background:repeating-conic-gradient(var(--checker-b) 0 25%, var(--checker-a) 0 50%) 0 0 / 8px 8px}.swatch-white,.swatch-white:hover:not(:disabled){background:#fff}.swatch-black,.swatch-black:hover:not(:disabled){background:#000}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.toast{background:var(--chrome);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);width:max-content;max-width:min(560px,100% - 32px);box-shadow:var(--shadow);z-index:3;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.drop-hint{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent-strong);pointer-events:none;z-index:2;border-radius:10px;place-items:center;font-size:16px;font-weight:600;display:grid;position:absolute;inset:12px}.overlay{background:color-mix(in srgb, var(--stage) 72%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.overlay-label{margin-top:6px;font-size:15px;font-weight:600}.overlay .mono{font-size:12px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.filmstrip{background:var(--chrome);border-top:1px solid var(--border);gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.frame{background:0 0;border-color:#0000;flex-direction:column;flex:none;align-items:stretch;gap:4px;width:88px;height:auto;padding:4px}.frame img{object-fit:contain;background:repeating-conic-gradient(var(--checker-b) 0 25%, var(--checker-a) 0 50%) 0 0 / 8px 8px;border-radius:3px;width:100%;height:52px;display:block}.frame span{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--muted);font-size:11px;overflow:hidden}.frame.current{border-color:var(--accent);background:var(--accent-soft)}.frame.current span{color:var(--text);font-weight:500}.frame.ahead{opacity:.5}.panel{background:var(--chrome);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.tools{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid}.tool{height:54px;color:var(--muted);background:0 0;border-color:#0000;flex-direction:column;gap:3px;padding:0 4px;font-size:12px;font-weight:500}.tool:hover:not(:disabled){color:var(--text)}.tool.active,.tool.active:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-strong)}.tool-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.tool-body>*{flex-shrink:0}.tool-body header{flex-direction:column;gap:4px;display:flex}.tool-body h2{letter-spacing:-.01em;font-size:16px;font-weight:600}.tool-body header p{font-size:13px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.inline{flex-direction:row;justify-content:space-between;align-items:center}.field-label{color:var(--muted);font-size:12px;font-weight:500}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.cols-3,.chips.cols-4{grid-template-columns:repeat(3,1fr);display:grid}.chips.cols-4{grid-template-columns:repeat(4,1fr)}.chip{font-variant-numeric:tabular-nums;height:30px;padding:0 10px;font-size:13px}.chip.active,.chip.active:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:500}.readout{background:var(--chrome-2);border-radius:var(--radius);justify-content:space-between;align-items:baseline;margin:0;padding:10px 12px;display:flex}.readout dt{color:var(--muted);font-size:13px}.readout dd{margin:0;font-weight:500}.row{gap:8px;display:flex}.row>*{flex:1}.dims{grid-template-columns:1fr auto 1fr;align-items:end;gap:4px;display:grid}.lock{margin-bottom:1px}.lock.active{color:var(--accent-strong)}.input-unit{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--chrome);align-items:center;height:34px;padding-right:10px;display:flex}.input-unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.input-unit input{min-width:0;height:100%;color:var(--text);font:500 14px var(--mono);-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:1;padding:0 10px}.input-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit input:disabled{opacity:.5}.input-unit span{font:12px var(--mono);color:var(--muted)}.presets{flex-direction:column;gap:6px;display:flex}.preset{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;grid-template-columns:auto 1fr;column-gap:10px;padding:9px 12px;transition:background-color .12s,border-color .12s;display:grid}.preset:hover{border-color:var(--border-strong)}.preset.active{border-color:var(--accent);background:var(--accent-soft)}.preset input{accent-color:var(--accent);grid-row:span 2;margin:3px 0 0}.preset strong{font-weight:500}.result{background:var(--chrome-2);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.result-head{justify-content:space-between;align-items:baseline;font-weight:500;display:flex}.result-head .mono{font-size:12px}.segmented{background:var(--chrome-2);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.segmented>button{height:28px;color:var(--muted);background:0 0;border-color:#0000;border-radius:4px;flex:1;padding:0 10px;font-size:13px}.segmented>button:hover:not(:disabled){color:var(--text);background:0 0}.segmented>button.active,.segmented>button.active:hover:not(:disabled){background:var(--chrome);border-color:var(--border);color:var(--text);font-weight:500;box-shadow:0 1px 2px #00000014}.export{border-top:1px solid var(--border);background:var(--chrome);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.export-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-row .segmented{flex:0 190px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}input[type=color]{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:26px;padding:0}@media (width<=760px){.app{grid-template-rows:52px auto;height:auto;min-height:100dvh}.workspace{grid-template-columns:1fr}.stage{flex:none;height:58svh;padding:20px 16px 68px}.panel{border-left:0;border-top:1px solid var(--border)}.tool-body{overflow:visible}.docinfo,.topbar-actions .label{display:none}.topbar-actions .quiet{width:32px;margin-right:4px;padding:0}}