.app-window.paint--fullscreen{width:100vw}.paint-window .title-bar{gap:var(--space-5);min-height:26px}.paint-icon{width:20px;height:auto;margin-right:var(--space-3);filter:contrast(1.2)}.helper{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--xp-surface);border-top:1px solid var(--xp-line-mid);justify-content:flex-start;color:var(--text);font-size:var(--font-size-md)}.help{border-top:1px solid var(--xp-line-deep);border-left:1px solid var(--xp-line-deep);border-bottom:1px solid var(--xp-line-mid);border-right:1px solid var(--xp-line-mid);min-height:16px;padding:0 var(--space-3)}.helper__tool{flex:2}.helper__coords{min-width:80px}.helper__info{flex:1}.paint-canvas-area{display:flex;flex:1;background-color:var(--background);min-height:0;overflow:hidden;z-index:0}.paint-menu{width:100%;height:19px;display:flex;align-items:center;background:var(--xp-surface);color:#000;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid #ACA899;font-size:var(--font-size-md)}.paint-menu>ul{display:flex;align-items:center;list-style:none;margin:0;padding:0 var(--space-1)}.paint-menu>ul>li{position:relative;display:flex;align-items:center;height:16px;padding:0 var(--space-5);cursor:default}.paint-menu>ul>li:hover,.paint-menu>ul>li:has(.submenu.open){background:var(--xp-menu-hover);color:var(--xp-menu-hover-text)}.paint-menu .submenu{display:none;position:absolute;top:19px;left:0;z-index:20;margin:0;padding:var(--space-1) 0;list-style:none;background:var(--xp-surface);color:#000;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #404040;border-bottom:1px solid #404040;box-shadow:1px 1px gray;width:max-content}.paint-menu .submenu.open{display:block}.paint-menu .submenu li{position:relative;display:flex;align-items:center;height:20px;padding-left:22px;padding-right:16px;white-space:nowrap}.paint-menu .submenu li:hover{background:var(--xp-menu-hover);color:var(--xp-menu-hover-text)}.paint-menu .submenu li.checked:before{content:"✓";position:absolute;left:var(--space-5);top:0;bottom:0;display:flex;align-items:center;font-size:var(--font-size-2xl);line-height:1}.submenu li.is-disabled{color:var(--xp-disabled);pointer-events:none}.submenu li.is-disabled span{color:inherit}.submenu li.is-disabled:hover,.submenu li.is-disabled:focus,.submenu li.is-disabled:active{background:transparent;color:var(--xp-disabled)}.paint-menu .submenu li.separator{height:var(--space-1);margin:var(--space-2) 1px;padding:0;background:transparent;pointer-events:none;border-top:1px solid #ACA899;border-bottom:1px solid #FFFFFF}.paint-menu .submenu li.separator:before{content:none}.paint-menu .submenu li span{min-width:30px;margin-left:auto;padding-left:20px;text-align:right}.paint-menu .submenu li.has-submenu:after{content:"▶";position:absolute;right:var(--space-4);font-size:8px}.paint-menu .submenu li .submenu{display:none;position:absolute;top:calc(-1 * var(--space-1));left:100%;z-index:21;margin:0;padding:var(--space-1) 0;list-style:none;background:var(--xp-surface);color:#000;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #404040;border-bottom:1px solid #404040;box-shadow:1px 1px gray;width:max-content}.paint-menu .submenu li:hover>.submenu{display:block}.xp-toolbox{display:flex;flex-direction:column;align-items:center;width:54px;min-width:54px;flex-shrink:0;background:var(--xp-surface);border-top:1px solid var(--xp-line-light);border-right:1px solid var(--xp-line-mid);padding:var(--space-4);box-shadow:0 var(--space-2) 1px var(--xp-line-deep);z-index:1}.xp-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:100%}.xp-tool-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:var(--space-1);background:var(--xp-surface);border:1px solid transparent;cursor:pointer}.xp-tool-btn--disabled{opacity:.5;cursor:not-allowed}.xp-tool-btn img{width:var(--space-9);height:auto}.xp-tool-btn:hover{border-color:var(--xp-line-light) var(--xp-line-dark) var(--xp-line-dark) var(--xp-line-light)}.xp-tool-btn.active{border-color:var(--xp-line-dark) var(--xp-line-light) var(--xp-line-light) var(--xp-line-dark);background:var(--xp-surface-2)}.xp-tool-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;height:fit-content;background:var(--xp-surface);margin-top:var(--space-3);box-shadow:inset -1px -1px 0 var(--xp-line-light),inset 1px 1px 0 var(--xp-line-dark)}.xp-context-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);padding:var(--space-3);width:100%}.xp-context-panel:has(.line,.eraser,.zoom,.rectselect){display:flex;flex-direction:column}.xp-size-btn{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.xp-size-btn svg,.xp-size-btn img{width:16px;height:auto}.xp-size-btn.active{background:var(--xp-menu-hover)}.xp-size-btn.active img,.xp-size-btn.active svg{filter:invert(1)}.xp-size-btn.line,.xp-size-btn.eraser,.xp-size-btn.zoom,.xp-size-btn.rectselect{width:unset;aspect-ratio:unset}.xp-size-btn.line img,.xp-size-btn.line svg,.xp-size-btn.rectselect img{width:34px;height:auto}.xp-size-btn.line img{transform:scaleY(.6)}.xp-size-btn.zoom img{width:22px;height:auto;padding-block:var(--space-2)}.xp-color-preview{position:relative;width:36px;height:28px;margin-top:var(--space-3)}.xp-color-bg{position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--xp-line-light);border:1px solid var(--text)}.xp-color-fg{position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid var(--text);z-index:1}.xp-dot{background:var(--text);border-radius:50%}.xp-size-btn.active .xp-dot{background:var(--xp-line-light)}.dot-sm{width:2px;height:2px}.dot-md{width:5px;height:5px}.dot-lg{width:8px;height:8px}.dot-xl{width:14px;height:14px}.text-overlay{position:absolute;z-index:9999;-webkit-user-select:none;user-select:none}.font-toolbar{position:absolute;left:0;width:auto;min-width:280px;background:var(--xp-surface);border:var(--space-1) solid;border-color:var(--xp-line-light) var(--xp-line-dark) var(--xp-line-dark) var(--xp-line-light);box-shadow:1px 1px 0 var(--xp-line-deep);font-size:var(--font-size-md);color:var(--text);overflow:hidden}.font-toolbar.is-above{bottom:calc(100% + .1875rem)}.font-toolbar.is-below{top:calc(100% + .1875rem)}.font-toolbar .title-bar{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 .1875rem 0 .375rem;min-height:1.5625rem;color:var(--xp-title-text);background:linear-gradient(to right,var(--xp-title-start) 0%,var(--xp-title-mid) 55%,var(--xp-title-end) 100%);cursor:default;border-bottom:1px solid color-mix(in srgb,var(--xp-line-dark) 70%,transparent)}.font-toolbar .title-bar-text{display:inline-flex;align-items:center;min-width:0;color:var(--xp-title-text);font-size:var(--font-size-md);font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 rgb(0 0 0 / .35)}.font-toolbar-body{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.4rem .5rem}.font-toolbar select{min-width:120px;min-height:1.5rem;padding:.1rem .25rem;border:1px solid var(--xp-line-dark);background:var(--xp-line-light);box-shadow:inset 1px 1px 0 var(--xp-line-mid);font:inherit}.font-toolbar input[type=number]{width:40px;min-height:1.5rem;padding:.1rem .25rem;border:1px solid var(--xp-line-dark);background:var(--xp-line-light);box-shadow:inset 1px 1px 0 var(--xp-line-mid);font:inherit}.font-btns{display:flex;gap:var(--space-1)}.font-btns button{width:1.5rem;height:1.5rem;padding:1px;border:1px solid var(--xp-line-dark);background:var(--xp-surface);box-shadow:inset 1px 1px 0 var(--xp-line-light),inset -1px -1px 0 var(--xp-line-dark);display:flex;align-items:center;justify-content:center}.font-btns button:hover{background:var(--xp-surface-2)}.font-btns button.active{box-shadow:inset -1px -1px 0 var(--xp-line-light),inset 1px 1px 0 var(--xp-line-dark)}.font-btns button img{width:var(--space-8);height:var(--space-8)}.paint-textarea{display:block;box-sizing:border-box;margin:0;padding:0;border:1px dashed #fff;outline:1px dashed #000;outline-offset:0;resize:none;overflow:hidden;box-shadow:none;appearance:none;-webkit-appearance:none}.draw-area[data-tool=pencil] #draw-canvas{cursor:url(/Windows-XP/cursors/pencil.png) 9 28,crosshair}.draw-area[data-tool=brush] #draw-canvas{cursor:url(/Windows-XP/cursors/precise.png) 16 16,crosshair}.draw-area[data-tool=spray] #draw-canvas{cursor:url(/Windows-XP/cursors/airbrush.png) 9 28,crosshair}.draw-area[data-tool=eraser] #draw-canvas{cursor:url(/Windows-XP/cursors/precise-dotted.png) 16 16,crosshair}.draw-area[data-tool=line] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=curve] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=rectangle] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=ellipse] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=roundedRectangle] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=polygon] #draw-canvas{cursor:url(/Windows-XP/cursors/precise2.png) 16 16,crosshair}.draw-area[data-tool=bucket] #draw-canvas{cursor:url(/Windows-XP/cursors/fill-bucket.png) 9 28,default}.draw-area[data-tool=eyedropper] #draw-canvas{cursor:url(/Windows-XP/cursors/eye-dropper.png) 0 31,crosshair}.draw-area[data-tool=zoom] #draw-canvas{cursor:url(/Windows-XP/cursors/magnifier.png) 16 16,zoom-in}.draw-area[data-tool=move] #draw-canvas{cursor:url(/Windows-XP/cursors/move.png) 16 16,move}.draw-area[data-tool=text] #draw-canvas{cursor:text}.draw-area[data-tool=rectselect] #draw-canvas{cursor:url(/Windows-XP/cursors/precise-dotted.png) 16 16,crosshair}.draw-area[data-tool=freeselect] #draw-canvas{cursor:url(/Windows-XP/cursors/precise-dotted.png) 16 16,crosshair}.app-window--fullscreen .app-wrap{width:100%}.draw-area-outer{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding-left:var(--space-1);background-color:var(--xp-surface);box-shadow:1px 0 0 var(--xp-line-dark),0 1px 0 var(--xp-line-dark),var(--space-1) 0 0 color-mix(in srgb,var(--xp-line-deep) 85%,var(--xp-surface) 15%),0 var(--space-1) 0 color-mix(in srgb,var(--xp-line-deep) 85%,var(--xp-surface) 15%),var(--space-2) 0 0 color-mix(in srgb,var(--xp-line-dark) 88%,var(--xp-surface-2) 12%),0 var(--space-2) 0 color-mix(in srgb,var(--xp-line-dark) 88%,var(--xp-surface-2) 12%),0 var(--space-3) var(--space-2) color-mix(in srgb,var(--xp-line-deep) 70%,var(--xp-surface) 30%),var(--space-1) var(--space-3) var(--space-2) color-mix(in srgb,var(--xp-line-deep) 55%,var(--xp-surface) 45%)}.draw-area{position:relative;width:550px;height:450px;flex:1;overflow:auto;min-height:0;background:var(--xp-surface);border-top:1px solid var(--xp-shadow-light)}.draw-area-shadow{position:absolute;inset:0;border:1px solid var(--xp-line-dark);box-shadow:inset var(--space-2) var(--space-2) 1px var(--xp-shadow-soft);pointer-events:none;z-index:10}.draw-area #draw-canvas{width:100%;height:100%;display:block;background:var(--xp-line-light);transform:translate(var(--pan-x, 0),var(--pan-y, 0)) scale(var(--zoom, 1));transform-origin:top left;cursor:crosshair}.draw-area[data-tool=eraser] #draw-canvas{cursor:cell}.draw-area[data-tool=move] #draw-canvas,#draw-canvas[data-tool=move]{cursor:grab}#draw-canvas[data-tool=eyedropper]{cursor:crosshair}.draw-area::-webkit-scrollbar{width:16px;Height:16px;z-index:10}.draw-area::-webkit-scrollbar-track{background:var(--xp-surface);border-left:1px solid var(--xp-line-dark);box-shadow:inset 1px 1px 0 var(--xp-line-dark),inset -1px -1px 0 var(--xp-line-light)}.draw-area::-webkit-scrollbar-thumb{border:1px solid;border-color:var(--xp-line-light) transparent var(--xp-line-dark) var(--xp-line-dark);border-radius:var(--window-radius-sm);background:var(--xp-menu-right-bottom);box-shadow:inset 1px 0 0 var(--xp-line-dark),inset -1px 0 0 var(--xp-line-light),inset 1px 0 0 var(--xp-line-light)}.draw-area::-webkit-scrollbar-thumb:horizontal{border:1px solid;border-color:var(--xp-line-light) var(--xp-line-dark) var(--xp-line-dark) var(--xp-line-light);border-radius:var(--window-radius-sm);background:var(--xp-menu-right-bottom);box-shadow:inset 1px 0 0 var(--xp-line-light),inset -1px 0 0 var(--xp-line-dark),inset 0 1px 0 var(--xp-line-dark)}.draw-area::-webkit-scrollbar-button{height:16px;background:var(--xp-menu-right-bottom);box-shadow:inset 0 1px 0 transparent,inset -1px -1px 0 var(--xp-line-dark),inset 1px 0 0 var(--xp-line-dark);z-index:400}.draw-area::-webkit-scrollbar-corner{background:var(--xp-surface)}.draw-area::-webkit-scrollbar-button:start:decrement{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB9klEQVQ4y52UwU4UQRCGv5pdMNz1AHcPJpqQ4IGDPIBv4c2bcYNk0YjBEOMu8AKc1JfwHSTRmMjRmyIXPO/udFf9Hnp2hg2eqGQynZ6qb/76u9IG4F6rqpa4SZiZGYAkff/5l/NLMZkEdR2kHOSALCEXoQqFSCGSB5v3Vthav8Onz2cP+3Pi+aV4vHmbGTB1yIKUIAJyiCzDs5MzzGZw+uU3W+sAbLSQySSYUYprL4AcIgJSClD5lnPTRs/mpR2kTtEqqOsgeUlSFtMaXIte9KzdWKvmq2ktJjXUCVyGvHgx2BnhAg8jufAwHLvKW20hknAPPJcWrGcMXowA2N8bEwrCqvJWXIV0SlIuLUQEFcHzwfsF+e/2D5GJsFLisutKQhVy4W48G4y74vHLdj16M0Ym3AzRmdQpCZFDbQsAR4dDKgvejncXQA4klVKhDuIBOeDoeFgAx8PWQO9VbB+U/e2DITlA8R8lOXfPaLxbEuk8WL7VY2f8CpeRm1Fo4qKdE4Wo3QBR9Y1o/hSVSGaEi8gBUdyovD2hPx3EEymJkFhqEhwjLMrxS23LOARxXcmjByt8O/1FbwlsPkwCmRZM9GYMNu6utEoA2Pt4dqIbxOsPP04A+gAHT+4/hbM1YBVYW+5rtc6GKYhGVXNrzKf7AvhqZvsA/wAxSIf9FfyH8QAAAABJRU5ErkJggg==);background-size:cover;background-repeat:no-repeat}.draw-area::-webkit-scrollbar-button:start:decrement:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACAklEQVQ4y52TPWsVURCGnzn3I4WKpLyxEEllYSEK/gr9F7EMKvkq1EYDSbTRBCRV4h9II+QX2NqYlIpgMBcCiQQL3b1n5rXYvXtXsfKcYs+BmXee886sfT0TVy6PlFKP/1lmZuZeklJPw+/OyTmUhVOWQQ7wgFDgYUgiIhEKcogb13rMDvq83T+83R0TnJzD9IVEMZUoR4HLkIsII7fE3KEcBZ+PCmYHfYBb3TFWWTjFVCI8cK+Cc02QHQjDoToLrGPj1JZIjoYge50IyEUxMjys5QMkaXydSRMRI2dwp/IghEKsvtyYeKKov6nt7aC5KYRHVVkSlozVFxsAvN5cQ4jAUL1ba0Iyqp/gYRjG8/X1P1q5tbWBrBICCNk/SFThRwTP1tea5IVHS835zWYlVHk7oWlEPAzX5AkAKwvLWDIe/C2EyFEXRy0RVcO1srhcCSwuN+huxtx8JTQ3v1TPzcRcU9Uq7b3/yfSlPt0OGIaSmkqFDBfkgOxCWXSi4N6di+zuHwy7bU/Gs9FJgeeKQonKgxAKIKpYvAE5bkQiAg9HlohQzVD9LwqR65gIMEXb2AnJzdken45+oTCcyXQK4epgQEJYPYTXrzapxzzd+ciT3cNt/cd6vHOwfXb6DTs9/8GrvS/I0jtgAMz0uxqU2TBF0yGzFp00BD6Y2f2Hd6eHvwFEg5ZlxHe9xAAAAABJRU5ErkJggg==)}.draw-area::-webkit-scrollbar-button:start:decrement:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACOklEQVQ4y52Uv2sUQRzFP9+Z2d1jY0QQi1yjhY1gIWhhGUhlEVDBHxAFwUINxr9AQfAvMGeTSq0EBY2KFkHTKFZamVIbhQRDAsaQwO3tzrPYy95JOqcamHmfefPmMQZQVYWcS/ifYWZmAJL07sN3VlZhe8vodit6paNXiahIrAxFUVVGGaGM4uQxx+lTh3n8dulE2CGurMLnHwcghSxAlomA4b1IJYLqfV0ZRdfI97sd6fEGsr1lNaAFWUsEZ3gTuRe+qvcEA18K74R5vxvSLSoSZ+CEWQ0YzR0+QkhKAHwPfAZgOLQjbTeeitJITWSpkASq+QuvOqTmCWZYaoTEyDINZzvWQMoSQgqhZ4wosC+NvJ/vADD/8gE+eohAhOBtGNIegggPZKG+68Kbzj9P+eJ1h1YSyILIgoiy3U4UxWjqcIhPi/cb8eTkzWb+9PksIQRcIjTIhKFM6unHxdlm8cL562xuRi6eG4CePOuQJo4y9g9HA0gl8CYmJmYAmJiY4deqI9/jiXKcPXMLgEtTMyQ+EtVIaZ647EFVVOBhfHyaqqrwHihKLBeJg8tT0+QjJd4ZhWLT0zCcCYD3/bbKINTtTbwRnJGlIm+JNBHrG42R5QYS++QsU92FVGQBzBmJjyQt8A7SROzNxdqGdju5cfUQ3352MW8Ygx4I0VOKgJ7E+h+x9lscOdhIlwG482hpTv8xbj/8OtcEe+/K0Wuw1AbGgHYaNFaUhikS+676vwb9r2MF+GJmdwH+AlgxFsokZ1J4AAAAAElFTkSuQmCC)}.draw-area::-webkit-scrollbar-button:end:increment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB5UlEQVQ4y52UMWsUURSFv/uyuymsLHcbkVSCFqI/yEbEIiJqNgEVAhFMgti4IKnUP+G/sDKlVoEE0oRgszv77j0W783sSKxyh8e8Ge4597xz74wBuDdKach1wszMACTp7MI5v4Rm4TRNkAM8IBR4GJKISISCHOLe7SEb4xHfvh8/HLSM55dw80ZisZ5oloHLkIsII/fI3KFZBr9PFmyMRwAPOpJm4SzWE+GBe0nOVUF2IAyHshfYmrXQHkmOTkH2CgTkYrE0PKznAySpfZz0SIycIaB4EFERdJ4IYRgikVbejru9QniUynv7+1gyLBl/5sVMIWazQ1SvXkw6kmU9wu77AwDeHRwwX4rRMHCD2ewQWN1D9h8lEgrxemvalfjwsQA+fzrs3j3dnFK8XanpSDwMV1k7r7avELUEVIJcLRPqkagMF1bWztb2P5P5+NmUbJQVEEpXleRcZsAdwg0XbFVFmy+3GQ6K0a5SMIgWejboe9LOxloKPBfjnr+Y0qh0TwFEycU7IacdSUTg4cgSEaqnLd+LQuSaEwFWW35Fyf2NIb9O5igMZzWdQrjWMCAhLEoX79zqoKcAvP16fKRrxJsvP48ABgB7j+4+geMJMAYmo4HGTTZMQVRV9a/R+ncG/DCzXYC/DMl3SDliTeQAAAAASUVORK5CYII=);background-size:cover;background-repeat:no-repeat}.draw-area::-webkit-scrollbar-button:end:increment:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB90lEQVQ4y52Uv2oUURTGf2dmE0mvRba3EBQCsUhhHsC3sLMRo1js4p8QDWHNJmCdSn0J38GAIpgyncY0sdTdnXvP+SxmdsYYq1y4DJx7zu9+5zuXMQD3SkWxwGWWmZkBSNKX45+cnInJJKiqIOUgB2QJuQgVKEQKkTxYu7HE+so13n84ut2bE0/OxN21q8yAqUMWpAQRkENkGZ6dnGE2g8OP31lfAWC1hUwmwYy6uPIakENEQEoBqs9ybtoobV7aQaoUrYKqCpLXScpiWoHrvBeltYF+C5lWYlKBAJeheZXVAA8jFBRW/OvtchuRhHvgWTzcGGGlYaXx243kIhTsbI0JBaH4G9JvISnXLTzYGAHw6PGIX1V95oWxszUGaL8uu6gkVCAXb/aH7RXPBjXw9eZuGxu+GuBmiM6kTkmoHmWIvfHgAmgOAHAgqS4V6iAekKPBFrC3Pzjn3pPtAckgWZ2n+I+SnLvtbuSAUaNoc/8pi1dKisUSl5Gbp9Cs03bEClG5AaLoGdHc9HJ3yDQgXEQOiNqNwtsJ/eggnkhJhMRCk+AYYVGPX+padgjiopI7t5b4fPiNcgGMZnwCmc6Z6G5EBKvXl1olALx4d3SgS6znb78eAPQAtu/dvA9HfWAZ6C/2tFxlwxREo6r5a8xf9ynwycy2AP4AYxF7EB0Bn14AAAAASUVORK5CYII=)}.draw-area::-webkit-scrollbar-button:end:increment:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACL0lEQVQ4y52UPWtUQRSGnzMz995lQ0QQi2yjhY1gIWhhYSGmsjNCDGIjWGjE5BcoCP4CSQykUn+BmCVBgjbamkJMqY1CAiEBIySyu3fmtbi7NyvbZaqZ4bzPvOeDMYAYu3Iu4zjLzMwAJOnD5x9s78DhgdHpRHqloxdFUiJFQ0nEaJQJyiSuXHTcvHGON2ubl8OAuL0DX36ehhyKAEUhAob3IpcIquI6Mrodo3nKDaSXasjhgVWABhQNEZzhTTS98LGKCQa+FN4J834U0ulGMmfghFkFGG86fIKQlQD4HvgCwHBoIG3VkG5p5CZ8LiRAAUgUCG+eRIIcKoGGaztRJ1aWEHIIPePrx5eczBO+B51oWDJ88qy8W4IEwdswpDUEER7Y+LQIwPrqQh31NzretqvzSnuJIogkG3WiJMZzx9Xr87V4fXWBwon3ay/quzvTc7hMaCgld1STahuAa0Ogdnux3t+deYxzIs8cZeo/jo4gUeBNeKtemJyc+28yb03Nk2RYMDKfSHKjTsoexG4kxgipJMbI5OQjAGZuPyTLuoQsMjZW0mha1a3+nIbhmgB4359WGQSYnpol8xCcUeSi2RB5Jvb2ayNbNSSpIheFCFklKAKYq+xnDfAO8kycaIrdfY06mb1/lu+/Opg3jKM5EKKnHAE9ib0/Yve3OH+mlm4B8PT15rKOsZ68+rY86CjP7114AJstYAJo5UET3dIwJVLfVf/XoP91bAMbZvYM4B8xUByjbNHDbAAAAABJRU5ErkJggg==)}.draw-area::-webkit-scrollbar-button:horizontal:start:decrement{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB/klEQVQ4y6WSwWoUQRCGv+rMxoMnvW0OigQPHjyIvolvoTFIyCYBwUSIko0xKD6APoEHwXfw4EmvimAwgUA2BFHcma6/PPTsbPQYC4pppou///qq7Nso+J+4dNEw9zpS6p1Z5Hi0b1VKPQ6OncMTqMdOXYsscIFCALiMiEBKKERWcP1Kj/n+LG/fj/oVwOEJXDifGJ9L1I3wMMIDyQgCl6EQLsMd6kZ82Rsz358FuJmgOBhnkAt3wxuos9F4sPFkSJMDb4pAdiDAZmzSUSuSRd2IsRvZg8aDiGBzOARga2fIr8YYN4bLwCDRDeRWVUSMnEGT/iUeP93u4C3eWyMiCALDCBJpyrYwCQUuIIII/hJYWFjpAAs77WAScxVA40F2MIzN4VZ3u7y0AsDPZvInUBQhRcekn4BiVYEkHgxWOpGd3W3yP8+GBYXt1FEB60bthlNybbDaFTzf3aaaNbLRZaOg9tR6iyKScxmdO8gNDxgsT4VePhvSqwxL5c4DROFk2EHXTm53QKEimuF+y+TO0iqh0jIq9Xj3xn4FIAmXE5aQojVZ1vzu4gDVQW7rJLDQaSYHFcCN+R6f934TKkymsyiFHjMYZcGsdXTtcjUp+8DDVx/X44zx+t2n9dHRd+zo5Acv3nxdB+ba7E++OuXKbHruVYnc5I3F21cfpWbEH8/jhj8ZnTufAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat}.draw-area::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACAElEQVQ4y62Tv05UQRTGfzO7C9leC+gtLDQkWFDIA/gY1iYGEmRBE5Y/UVgk8RHQh9B3kBhj0NJOkQYrY3bv3Dnns5i9F6UkTnIyN5lzfvd835mB/7CCWVKMvesDQghBkj59/cnZhRiPnZScOjvZIUsAyIQrIhe1i9qcpdt9lhdu8ubdl/kuwNmFeLB0gwqYGGRBXYM7SI4pkBWwbOQMVQUn77+zvADAYgQYj52KUpysJKUsUhaPHh9QVY5VBZDzVEYnNIoKJNXOxEoXKTkpC3dYWd0H4Mn6iN8JqhqsKKQT1EDudQEmSYwTCDAFZGJ17aA1b3tvgHnA5cQQr3o71wWQhJkjBdz5B/Bse53aBAgPEeRXIcXYOju1BSLOyuqoPX0+2gTgV9UUCicSp2Y3nUSgjM+EWeDV0cZlF4N9MqI/2xagICwEROsJEWCSxSSLTImXR4M2YTg4wDqROtBG5ZAsTHtTgTSjyxnMAtlh//AStLv2gpnZDnGmU+7M9C4BBMJ5BJCLZKFAmiSDnVGRtnn4FDfhycC9/N1ag3+U6VhNXQuX6E0PjYAHZ3NvA40NkzCH7ICB00LOuwD37/T5ePKNTg8CoRkECgJBXVQjivnuzuKtfgP5wNbx6VDXXK/ffh4WX4Ct49MhMD+NuWZ3wt9Pvv3udSO5ztu7D+/uAPwBKXWBWxBuqPgAAAAASUVORK5CYII=)}.draw-area::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACO0lEQVQ4y62SP2tUQRRHz52ZN/P2rQlBsUgaLWxsRNDCUlwQRMSksBAtFKsE40dI1G/gv7TRTtTCJgrRiCIoSKpoqY2CCyGCChH2vTdzLd5m17TBgWEGZjj3N+cO/IchMZZqTLZzgIiIqurLt1/orsOfTaHXi1S1oYpK0gRAioImJUahTlAn5dhhw+SpAzx49mnCAXTXYfXrXvAQHISgOARrFQt4VZw2lXsqlD2h2GO2whwx0CTAQ8gh7FJcS7CFUhTK+zf3CDnYFoQCiqC0Wgmxsh3SKyOZETAgIlhRRgrD6+cLAKwsLxByxRslBCVkYNAtyFEHUNaCF8V6RRVQx8rTWwN5k2evkkjgwQEMAQDjBqCuwXlwldBWx4cXQ8DUmVkkCTZZSEACN3wKQCO2rhuBwVnevRoCTp6eZTOB0UbiaC6oVk3HVLYn6ZXCiDd4lOMnrg0gy0t32F0oY+3IWDuSZQnvLXkhVGn4JAMQFawoVpqDTmd2cOHh47skNZS1IakgTshsIvXTKdpA6gpiGYkxQqqJMdLpzAxAj57cJstKXBZpt2vyQhrRgCBdA6D9aNZCUSijLWgXcG5qGoCL56dpZYbCK0WujLQTxEGN766R1FBDUFwmBK8EB2KESxdmMDaR5WAN+EwZLZSNXwMnXQcwfWU/n7/1ECsIw/Zp/z9U6lGgUuXHb2Xjp3Jwn9u6tsrc4tq87nDcX/o433gB5hbX5oGJ/hzfWtM/qUSG+8wZ6qq+fvPyoRsAfwF3ZhjhKCjcfgAAAABJRU5ErkJggg==)}.draw-area::-webkit-scrollbar-button:horizontal:end:increment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB7ElEQVQ4y62SP2sUURTFf/ftbCysLDeNSCoLBdEvZGEhmEWjbgJC1j8oGxMQUWyjH0I/hVW01CrgQhpJI5l5795jMbOzaxu8j+G+GQ7nnfubB/+hzL1RSsPzG5iZSdL8t3NyCk3tNE1QAjwgFAB4GJKISISCEuLalSEbozU+ffm+XgGcnMKli4n6QqLJgcuQiwhDCA8jFHgY7tDk4OdxzcZoDeBmgjZBXSA8cDc8Q1OM6asZOYtchOfWoDggsIEtJupMStDkoHajuMguXsxmALzcf02d4U826mx4GBgktDC51ZkYpYB7N3+IJ48nPbw3b/daJoqup1W2owSgEB4gF5KwZFgyxps7vfLd+z2ClpGWKQDWE0B2UboUi3WWxdoweLS1TPShMwII9UxGFbSwitMS66pKhgP7B3v9t7ubE4QoEsSKFsDV3ovBYJkxZOwfzPr3O+MJpdvLIXVchFqTUhZJwDCU9I/B5sNtXFACigsJIBb6eQtW6kcKBaXAg/vbAIy3dnC18BWCaPV4f8avCiAi8HBkiQh1IcW98QQvjsIonS4CTLH6h+YVwI2NIT+Oz1AYTk+9F7oGGO0Fsy7R1cvVQvaV3cOjqc5ZHz9/m7ZcgN3Doymw3j2jRY+VVGbL/bBKlFyePr99/RnAX6BAfr7fSnbHAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat}.draw-area::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAAB+UlEQVQ4y62SzU5UQRCFv7pzx4S9LmDvwoWGBBcs5AF8DLcmaowGGH8YhShMQuIjoA+h7yAxxqBLd4pscElmbndXHRf3zjBsiZ10+q/6S52qA/9hmHtSVfUvDzAzk6RvP/9yfCrG4yClIJegBBQJALkIVShEDpE9WL2xwNryNT58+rFUAxyfirurV2mAiUMR5AwRIAUuo8jw4pQCTQOHn3+ztgzASgUwHgcN7efkbVAq4v6Dt6QETRN40wJK6WT0bKqohaQcTLzNIqUgFfHw0S4Aj5/uMUlwlqDJ4K1CeqYp5HYFMElinCBlcBly8W5/c1a8ly9GeBjZhYfh2HxtFysASbgHXkREm6r1jDejwSxyZ7hHWEUoCMU8ZKkCyCXIbkQEFe08S23EPGi3A0Gb8TSTGqBxI+cLdK5YUIDB+mh2t7m9gRAJI51DqAE8oATU9TnEwxis783OT3Y2yN0+HBSdh1ALudA6M2S6ANjaf0aOzj9N4C5K1xzDTtrChkhulNJqLQ47uxsADEcDckC4iOQQgRCVz+T/qVtbZ3IWIdHvHh3j+fY6KQlF4NJMNg7BDHJSA9y5ucDXw1/0+mBTDwhkAkGmmun3rosr1xemkC9sHRwNdcnx/uP3YVsXYOvgaAgsdXNxusacM83O9/26ouTyavverdcA/wCq/oBQmXeLQQAAAABJRU5ErkJggg==)}.draw-area::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA4QDqAP4Sh999AAACHklEQVQ4y62SPWsVQRSGnzMzu3PvXhWDWCSNFjY2ImhhLwgiSrQwRbAQGw3qT0jU/5BYRn+CESOIYMQupIqW2ih4MURQ8YN7d3dei70fCXbBA8MMZ4bnvOc9A/8hrK77ci7bO8DMTJJevvlAdwt+/zJ6vZqycpS1SEoApNpQEnVtVAmqJM6cdEyfP8bj1XdTAaC7BRsfD0MOMUCMImB4LzyQSwQ1lXsy+j2jOOSGYk45aBSQQ2xB3CdC2/CFWH+9SKto8r4NsYAiinY7Yd52Q3r9mswZODAzvIn1F4sAvHq+SGyJ2BK5EzGKmIFDQ8hpB9CvjNxEzIUkUODs9J2ReasrDwlmWG6EzIhRO72ddABVBSGHUBodBQ7mCV/CuQtj0MqTJUhAgjBuBWBqAGkMjMED8PPPyLTdoKdLxCBiEEkj0GRoPDEmcgfjPpnolHzZcqytLY1yszO3AXAhUabxWwdQC7wJb82FN/0DuHL5LkmGBSPziaRGrRABoCqh7tfQdEMNuwAzV28CfULmKDrCO6M/+IiGdR2ABtK8h6IQB9pw6eLcCJB5o505ilwULbG/k5pKTXwOwOh7x6hmhLmIAa7NzuEB5xNZC7yDPBMHCrH9feRJNwDcunGU9596mDeM8fg0MLpUjoBS4usPsf1NHD8Shs82mF/eXNAe49GztwuNL8D88uYCMDVYk8M97VBlNj5nwVGV1b0H10/cB/gLMloN3Fbv9vsAAAAASUVORK5CYII=)}.canvas-grid{position:absolute;top:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.2) 1px,transparent 1px);background-size:var(--space-6) var(--space-6);transform:translate(var(--pan-x, 0),var(--pan-y, 0)) scale(var(--zoom, 1));transform-origin:top left;z-index:5}.paint-dialog-backdrop{position:absolute;inset:0;background:color-mix(in srgb,#000 15%,transparent);display:grid;place-items:center;z-index:9999;opacity:0;transition:opacity .16s ease}.paint-dialog-backdrop.is-open{opacity:1}.paint-dialog{width:20rem;background:var(--xp-surface);border:var(--space-1) solid;border-color:var(--xp-line-light) var(--xp-line-dark) var(--xp-line-dark) var(--xp-line-light);box-shadow:1px 1px 0 var(--xp-line-deep);font-size:var(--font-size-md);color:var(--text);overflow:hidden;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .16s ease,transform .16s ease}.paint-dialog.is-open{opacity:1;transform:translateY(0) scale(1)}.paint-dialog .title-bar{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 .1875rem 0 .375rem;min-height:1.5625rem;color:var(--xp-title-text);background:linear-gradient(to right,var(--xp-title-start) 0%,var(--xp-title-mid) 55%,var(--xp-title-end) 100%);cursor:default;border-bottom:1px solid color-mix(in srgb,var(--xp-line-dark) 70%,transparent)}.paint-dialog .title-bar-text{display:inline-flex;align-items:center;min-width:0;color:var(--xp-title-text);font-size:var(--font-size-md);font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 rgb(0 0 0 / .35)}.paint-dialog .title-bar-buttons{display:flex;gap:.125rem;margin-left:.375rem}.paint-dialog .title-bar-buttons button{width:1.3125rem;height:1.3125rem;padding:0;border:1px solid var(--background);border-radius:var(--window-radius-sm);color:var(--xp-title-text);font-size:var(--font-size-md);font-weight:700;line-height:1;background:linear-gradient(to bottom,#9cc2ff,#2b74e3);box-shadow:inset -1px -1px #00000040}.paint-dialog .title-bar-buttons button:hover{filter:brightness(1.05)}.paint-dialog .title-bar-buttons button:active{background:linear-gradient(to bottom,#2b74e3,#9cc2ff);box-shadow:inset 1px 1px #0006,inset -1px -1px #fff9;transform:translate(1px,1px)}.paint-dialog .title-bar-buttons .btn-close{width:1.05rem;height:1.05rem;padding:0;border:1px solid #7f7f7f;border-radius:0;background:linear-gradient(to bottom,#ffb1a6,#d94b31);box-shadow:inset 1px 1px #fff,inset -1px -1px gray;color:#000;font-size:var(--font-size-lg);font-weight:700;line-height:1}.paint-dialog .title-bar-buttons .btn-close:active{background:linear-gradient(to bottom,#d94b31,#ffb1a6);box-shadow:inset 1px 1px #0006,inset -1px -1px #fff9;transform:translate(1px,1px)}.paint-dialog-body{display:grid;gap:.5rem;padding:.9rem}.paint-dialog-body input{width:100%;min-height:1.5rem;padding:.15rem .25rem;border:1px solid var(--xp-line-dark);background:var(--xp-line-light);box-shadow:inset 1px 1px 0 var(--xp-line-mid);font:inherit}.paint-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:0 .9rem .9rem}.paint-dialog-actions button{min-width:4.75rem;min-height:1.45rem;padding:0 .5rem;border:1px solid var(--xp-line-dark);background:var(--xp-surface);box-shadow:inset 1px 1px 0 var(--xp-line-light),inset -1px -1px 0 var(--xp-line-dark);font:inherit}.paint-dialog-actions button:hover{background:var(--xp-surface-2)}.paint-dialog-actions button:active{box-shadow:inset -1px -1px 0 var(--xp-line-light),inset 1px 1px 0 var(--xp-line-dark)}.paint-dialog-actions button:first-child{outline:1px dotted #000;outline-offset:calc(-1 * var(--space-3))}.app-wrap{display:flex;flex-direction:column}.top-part{display:flex;flex-direction:row;overflow:hidden;background:var(--xp-surface);min-height:0;flex:1;box-shadow:5px 0 var(--space-2) var(--xp-line-dark)}.colors{display:flex;flex-direction:row;align-items:center;padding:var(--space-3) var(--space-4);background:var(--xp-surface);border-top:1px solid var(--xp-line-light);gap:var(--space-3)}.colors__swatches{position:relative;width:36px;height:28px;flex-shrink:0}.colors__bg{position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--xp-line-light);border:1px solid var(--text);box-shadow:var(--space-1) var(--space-1) 1px var(--xp-shadow-soft)}.colors__fg{position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid var(--text);box-shadow:1px 1px 1px var(--xp-shadow-soft);z-index:1}.colors__sep{width:1px;height:26px;background:var(--xp-line-mid);flex-shrink:0}.colors__grid{display:grid;grid-template-columns:repeat(20,16px);grid-template-rows:repeat(2,var(--space-8));gap:1px}.colors__chip{width:var(--space-8);height:var(--space-8);border:1px solid var(--xp-line-dark);box-shadow:inset 1px 1px 1px var(--xp-shadow-soft);cursor:pointer;padding:0}.colors__chip:hover{border-color:var(--text);transform:scale(1.2);position:relative;z-index:2}.colors__chip--active{border:var(--space-1) solid var(--text)}