@font-face{font-family:IBM Plex Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-serif-cyrillic-ext-400-normal-CxUI4jC_.woff2)format("woff2"),url(/assets/ibm-plex-serif-cyrillic-ext-400-normal-BcBv-TKp.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 Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-serif-cyrillic-400-normal-CPQ8oqB-.woff2)format("woff2"),url(/assets/ibm-plex-serif-cyrillic-400-normal-C7IY3oUc.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-serif-vietnamese-400-normal-DGubAMUE.woff2)format("woff2"),url(/assets/ibm-plex-serif-vietnamese-400-normal-BY9Vij9A.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 Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-serif-latin-ext-400-normal-CNMooFZX.woff2)format("woff2"),url(/assets/ibm-plex-serif-latin-ext-400-normal-DwktX9jl.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 Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-serif-latin-400-normal-BIGslYFI.woff2)format("woff2"),url(/assets/ibm-plex-serif-latin-400-normal-BB-zNvJB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--painting-list-height:60px;--palette-width:300px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e1e1e;width:100vw;height:100vh;font-family:IBM Plex Serif,serif;overflow:hidden}.tool-item{margin-bottom:25px;padding:5px}.icon-button{z-index:10;position:absolute}#gallery{bottom:calc(var(--painting-list-height) * -1);width:100%;height:var(--painting-list-height);background-color:#00008b;gap:1rem;padding:10px;list-style-type:none;display:flex;position:absolute;left:0}.openGallery{animation:.2s forwards openGallery}@keyframes openGallery{to{bottom:0}}#arrowUp{bottom:10px;left:10px}.openArrowUp{animation:.2s forwards openArrowUp}@keyframes openArrowUp{to{bottom:calc(var(--painting-list-height) + 10px);transform:rotate(180deg)}}#palette{top:0;right:calc(var(--palette-width) * -1);width:var(--palette-width);background-color:#b8860b;height:100vh;position:absolute;overflow-y:auto}.openPalette{animation:.2s forwards openPalette}@keyframes openPalette{to{right:0}}#arrowLeft{top:10px;right:10px}.openArrowLeft{animation:.2s forwards openArrowLeft}@keyframes openArrowLeft{to{right:calc(var(--palette-width) + 10px);transform:rotate(180deg)}}#tools{display:flex}label,input{display:block}canvas{border-radius:15px;width:1000px;height:800px;margin:100px auto;display:block;box-shadow:0 0 15px 5px #0f0f0f}button{cursor:pointer;background-color:#add8e6;border:3px solid #f0f8ff;border-radius:10px;padding:.5rem;font-family:IBM Plex Serif,serif}button:active{background-color:#8bb1be}app-text-copier{margin-bottom:1rem}