*{box-sizing:border-box;margin:0;padding:0}.app,body{background-color:#aaa!important}.app{display:flex;flex-direction:row;height:100vh;max-height:100vh;width:100vw}.top-menu{background-color:hsla(0,0%,40%,.349);box-shadow:0 4px 5px gray;display:flex;flex-direction:column;height:50px;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.top-menu__actions{align-items:center;display:flex;gap:10px;height:100%;justify-content:flex-start;padding:10px 20px}.top-menu__actions .toolbar__btn{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:10px;cursor:pointer;height:32px;margin:0 5px;outline:none;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:32px}.top-menu__actions .toolbar__btn:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;bottom:-2px;content:"";filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.top-menu__actions .toolbar__btn:hover:before{background-color:gold;opacity:1}.top-menu__actions .toolbar__btn:hover{background-color:#fff176}.top-menu__actions .toolbar__btn.undo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADS0lEQVR4nO1Ua0gVQRTeyOpHRFl4Z2a9KakFqVH0stedUYu8WUZGWlTKJc2gKM2UHj+MDNLra9cKQyiLRKIiKZ9JhYr02O2GUZElVFBGUNqD1HaNOjGbt4dl5uX+CfrgY3dnz5zvnDNzjiD8hzuBEAvF2ELd6vQ7YoYiQoswYYAJ+4yQJdyt7seNmzcKEVZtCGBW8fVJU90mYDaHeyNMm43oCdstipbxXGR2REqTLbN8LyFhM5z09mbmwMDA4YMSEEU2DWHahjD9gETLar4WZLEZIv0RYdaFMCv39Fw0+i8zYB0I01eEhM7na0VN4Ckrev3mQw1g218Oq1KP3iaEJjmJMduOCD2JCbvDsxpQBBFLAo+MELaAfxc6PvjLiv5AVnVwUlK124VqT1JfSjf0eNnRswD7RqzEmB7oV8RkYnN6z6FmX92zEEnRXjqd5119D9n17b9QUrRvAXDGph/v5IGK5oUb+hXCmKVhQt9mVDy54txob3gNvv6Rvz0PH78lsDguC+z1HYZtwfVuCJoVBxODo7tz616M/GPpZEXbkXHhMXDur2kzHIZEJMOKLUU/MXxNJojeYTA/Kv1bNuszThv2KcfU2gHPaPKMtS0+E6xgyzxnbFq7pwxkRXsjqZrjRy5NzH+BxVAjGC6SXtps2G8qqINCtYf9UcTLK8zfZ4L1ubM0CdmVICn6+b52hLAU/j/RXrNOVrTOnWV3DPukvIv8zEoGzMZsnjN20tTYs1ZbTldu0zunyBCM2UyTyBYRwjYiwl7yK8zHkKzq2Yn2akMk7cQtkFWtWfhbHL7V7Ssp2l0eGSKs+KcLgFmryUSncDtZ1ZLnRqaCb0Ak5F/rAknVW4XBYG89eBQ7YBjCVOPzjGfCJ4QgMA/+/8wZGJqQVdnChaO3Fff2lX5ZcAXYGCVU4u8Hb+hTZUWPkRR944asivs+flYIDomHnMa3zuZNd1GEfkSEloZH75m+69S9j0m5NTBvWZpRuuDZ8bCv6mnvddY6pGYY45oIpuf7NiVv1uitRyCn8c1XAUX7JKnacsFVBARYR2DMYoJnrt+daK+C1JKbkH+188f51l6galGCO1DsgGGSqtfKiv5IVvWHsqJfKlS1NJdL9E/gC2h9B+CVd8FBAAAAAElFTkSuQmCC) no-repeat 50%}.top-menu__actions .toolbar__btn.redo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADUklEQVR4nO1UW0hUQRjeeqmggrScmePxklkmFiLlYqEzu1pmF9FCMZPIDDTUIh8qNTK1LKHccxZDC6SoyMgsSumhpIuQuudsFBJSRIkRVnSD7LLnLLkTc3bXXN0kyoKgH76Xmfm/77+OTvff/pYBEBePEIn9YwJ+yJACEaEMAOHDOp1u4riLQIjLNBFIWlxCzTwfM+VX+Sb4BizlEDIuGg6AyDFGzvMxPguWZJ9yZoUtfn7x4KeZAcBGgMhFALHNXRboBb6+S6eJsnIq51CLA/kbBiEivRDi8DHJg4LIZIBwnYtkACJ8EgCyEyGcOxIAGFYzHyYiyird0SBRPijRDjnyCiEy84elgYicd9aYHGNRui/Ero9AkOzYZFXSRElN94CstDMRhu31d7QMwxamZ3svEUc2uwQOuM80Youtvfrm28HqW2+pYLFpZN7A7vWJ2yjnb6TFjT294t0vgaNEIMTRAJEK9ziWNT/eF59R7ggMSRrqQcj8FE0o51ALnT0vmdZ0fNIEyluf0YjojZrApopm7UyQlBNj9kaU1A2LEwqpf0ACXZ5VRVML6jRsrrqsEaQVNWiiLPpdZ7rpnPAUGjB7Bc2vvT2UmWC1542Ypjg9m6bQ0KRJNZ10yp4Lj94xkozdp787ScprQVbuMiTnmfvZfdbec318UKIjNGItLW584HwnK19Nsq1gVORsWpzLhcMFWVlX0vRQizTn4BVG7hCttkJK6YRhQRW4SzgvMv195dXn7kA+miyKNnXe+rGKOSBEUgVZrWS1nh+1ns6NWEczSxt7/DiyjONwlPu9j49+OkC4HkIiVrW9bHQKqP1mWR16M8pmzSJTXYvXJEjqYebE0g+LTPdYPuD8pzxMkNUjoqzcN1s+82M22pVNLURkMKP4zFF3H2o6P9Pis90DUYbcDAhxG4D4jTff4aUc09g/BBF5CjnDh+3HOxweeyCpL/TLC+9xfLxitioput8xjjOGQYSfQM5A41JLaJ7pGmVDUN7SR/HaUhocukYTNVvsi35LKDAwdgYfsrIuIDiRfXgePUnIrHSJ2Iy68bCi+k7/rabrnVuqW2n2/ks033yDmrq+uEbVjnXjaTVWu16U1IOirDaJktomyEoDW9hxFfkn7BsWSQL0ag6mIgAAAABJRU5ErkJggg==) no-repeat 50%}.top-menu__actions .toolbar__btn.save{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyUlEQVR4nN2V208TQRjF+U/01cg/pg/oi4UXI8rVkIC0XNtiC4RuL9zKtlQWeocgZVugUJZCd6EtFwW6SwhGy8VjZgSlQWCpxkQ3OZnszJzz22++Taak5L973pT1lOrKLaNaDRMkanvez7dVDi60VQ7GO6qGl9tfDi0Z6ljJUDcikvnOamfy+7tLbH8xwOvKGUvTE9P9GyFajcXNOhcxHhDR0+KFw5OEO5ZDcEmBZz6HSPIAi9IhQgkF3IKMeOoQC6sKneusGobbnYD2mSXb9Kj7wbUQXQXjmwhKCEV3YNGHMBTMYip7glD6GNGdU0gHQHz3DN71PFZyX2FtcePtKwaxxB6MtSz1cf4UtJq+rYYyY6kqiGsyi6nNEyrxADR4Yj2Pxb0zCuytt2Jpogu+cQH6mhHquwA1a5ithsfGezdDDCFw05sIpI+xpoDKf6miyxCXO4GOKucPCBE5OtKjWyHOUJZ+PanickXSucw1Vvj7zHC4Vq5ASA7Ju/W4ApEtGsbvnNKKUspPANFkJAvGMg0u+ak4iHNwHqaGUdi6wujuCMLaFYbdNFmgXn2IrplaAzCcN/5OELoxvE5/ZzUKzG4XAeF3MOpZhotdVK1RzzL1qYYMWiLo17GYYLyq1a9jqU81xG4MQIrFcKxIqiXFYtR3Z0j+wwpkGwPZ2lcgZcCG/MckFDtD18m+4iH7azjiwziaDf5Sn8X5P1AJhYSuh6Tmfh/yV3oibwg0oGCUJchpAXlZhJIR8CUnQskW2RORn0VfvR1HmTkwr+1QRB6Oxn7sChEMtwxhOz4Nl34EaX4KnMlF998J4jD6IfjeYeP9GJQVX8EoC2TkkBO8SM9w2E94kYlwEHxj1HcjpLmccV3cjEwrhyjLIjPDqVaUZamP+EkOybsCaXxqfnhxx7dWMGFztW21u9YuqZW52rZKfMRPckjeFcg//3wD1+J3Q/VOsDUAAAAASUVORK5CYII=) no-repeat 50%}.top-menu__actions .toolbar__btn:active{animation:buttonPress .2s ease-out}.top-menu__actions .toolbar__btn:hover{background-color:#0000;background-size:cover;box-shadow:0 6px 10px #0000004d;transform:scale(1.1);transition:background-color .2s ease,transform .2s ease}.room-info{align-items:flex-start;display:flex;flex-direction:column;max-width:calc(100vw - 630px);position:absolute;right:100px;top:160px;z-index:1000}.room-create-btn{background-color:#007bff!important;border:1px solid #007bff!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px;font-weight:700!important;margin-bottom:10px;min-width:120px;padding:5px 10px;white-space:nowrap;width:auto}.room-create-btn:hover{background-color:#0056b3!important;border-color:#0056b3!important}.room-create-btn:active{background-color:#004085!important;border-color:#004085!important}#user-messages{word-wrap:break-word;color:#fff;font-size:12px;max-width:100%;text-align:left}.main-content{display:flex;flex:1 1;flex-direction:column;margin-top:100px}@media(max-width:768px){.app{flex-direction:column}.top-menu{display:none}}.toolbar{background-color:hsla(0,0%,40%,.349);box-shadow:0 4px 5px gray;flex-direction:column;height:calc(100vh - 100px);left:0;padding-top:10px;position:fixed;top:100px;width:60px;z-index:999}.toolbar,.toolbar__btn{align-items:center;display:flex}.toolbar__btn{border:none;border-radius:10px;cursor:pointer;height:32px;justify-content:center;margin:5px;position:relative;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;width:32px}.toolbar__btn:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;bottom:0;content:"";filter:blur(5px);height:100%;left:0;opacity:0;position:absolute;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.toolbar__btn:hover:before{background-color:gold;opacity:1}.toolbar__btn.active:before{opacity:1}.toolbar__btn:hover{background-color:gold;box-shadow:0 6px 10px #0000004d;transform:scale(1.1)}.toolbar__btn.active{background-color:gold;box-shadow:none;outline:1px solid #333;outline-offset:1px;transform:none}.toolbar__btn .icon{background-position:50%;background-repeat:no-repeat;background-size:cover;height:24px;position:relative;width:24px;z-index:1}.toolbar__btn .tooltip{background:#000000d9;border-radius:6px;bottom:110%;color:#fff;font-size:12px;left:100%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10000}.toolbar__btn:hover .tooltip{opacity:1}.toolbar__group{margin-bottom:3px;position:relative}.toolbar__submenu{align-items:center;display:none;gap:5px;justify-content:center;padding-left:10px;position:absolute;white-space:nowrap;z-index:1000}.toolbar__submenu.show{display:flex}@media(min-width:769px){.toolbar__submenu{flex-direction:row;left:100%;top:0}}@media(max-width:768px){.toolbar{flex-direction:row!important;height:40px!important;padding-top:0!important;width:100vw!important}.toolbar__btn{margin:0 10px!important}.toolbar__submenu{flex-direction:row;left:0;top:100%}}.icon.brush{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVR4nO3S3U9ScRgH8LMu+itaF/0FrZf1F3TdnV114+ZFbSnyKkjibAGCB+UYnqLkvHLwiILGmxD4gmiFKZZmVLp06VxSWZooWD7twNjatCUv66rv9r19Pvs9vwdB/gdBEI2m96T+pvWUVcYFH8i4VavMvohLmBsVW067jL2KSdmvuNS+ucYnDuDxEuwPvYUwGtzCxfb+sgGTiKm639z/KT7/EZzd0UzEHAYBKTTc6k/b5A5pyYBZyl6xtrhSU6824PnrFDyb2wA7PnIQwvLQT18StolJIOWOjZIRTMYNed3TBzNvPgNh8EEglITo9Dqw+AgEsDDsu+Zgl3oKpJzbKgkwiagLpiZmp1PPg2/wBQxPrkBoeAl4YiIHcdYx8Lf6YdkyArSSj5cEoM3MjmXWD2jCBx1aJwy6Z8Hrmc9BgWASArEVIO+G4Z6UywhXVxRglDAXc0DCD6iBA+UjJ0gmXWAWINcsRCZWwKrzgDf6Hjyji9CpcOwJ513EC5hzxiY63fVyCFDvAKidvSCOu3MVIEzbByQfA19sGTxjS4DfdmfNDey10l6A9YD0SX54ofVxN9REaGhpJsDGRssEDByonc5DQPUoDdWebrjTSKQtKue4WclXHRtok9jP51Y0E8gDfO+fARW5q62jLx17+GHAXnmgvY49a1Qzu5a5AKCmv69IK2EuIsXGoqCiqJr+gU55QRZ1VR4Qgivo9XexYLatkfquCPYdCWiVtuJXVIjpevcZh86R2kwOw3I8lDWqqW2lt69ygBCsnqgZ5wezAiL0w0woa7hFb9f1UHlARaTLAoR0yaiJhYg/BxS6mohk9I1kRicn90r+g9+Dicith2oGFsJ+iPYMZFmdI4U30Gu4ig3qa22XywY0Gs2JDhHxBRNT3yxyOmYWU9UdtdTpsgcjR0AVH/ov8wt0hIdYaRWJWwAAAABJRU5ErkJggg==)}.icon.rect{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAABEElEQVR4nGNgGAWDFkhI2M0Wl7Q7A8ISEvaFyHKCgi784pL2B2HyxGCQeRiWiEvav5KQtHsuIWG3W1zcPgFFTtyVW1zSbg1IjigsafccZB5WS8Ql7JdQI1TEJeyXELRk8ZVlIUuuLd++9Nqy3eRgB//Y5woqrj+XXl2ej9OSpVeXHV96bfl/crFXTOp/FU2P/0uvLv+I25Jry05RxZJry7+MWvJ/NLgYRlPX0kGZTySgpbCFU+hHO+/o/9iwT3za/yVXlqEYmtZQgaJGTdsTuyXI9Ym+hf8XE/vg/9iwg1/M/0WXl6JYEl1cgKEuIDn9/5Jryz7jLKqXXltetOTasjtLry6/SyGeQmz1MAoYYAAA9VV+7mJ5ZgMAAAAASUVORK5CYII=)}.icon.circle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADI0lEQVR4nOWVW0gUYRTHxyB67CHd+b6Z0ZC0p+4WZbbfN7tmZfVQUfSQoV3sYnQTNQpStPtDM1nEFiVaEF1e9hsNiYoeSiEKgiQkqIfArB7KwPl86KInzuwueFl13aCXPjiw++3u+c05/3P+qyj/zdF1bvgoO0gIdwjlHSrlLxQlZzJ+lpbGiab505NOrqq5PpWyEKHsF6EcVMK6COVPVMrPK4qSgt+Jgn8Swhso5akTAhDCFxLKPxHK+1XKb1AayIn/IP5MQlkjoew3oeyLz8eXJAhgi1TC+whln9M0/9LYPdTUTOq90LzMtcRZ1xZC2qLNtUSLtMXFE5uqyglh3YQy6dNY7pgAny+oqoR99Koggemxe2mHV0pLvJa2A6PFm+NN3ZkZ+T34W2z1qJCIBrw/VgEApLi2qHMtMTAWIBZPK0NANXPA0ANNcQGU5mWgiCplN2N3CEgkuRwU+1aUga6bA1lZq4x4VRzAKaLUvyDWokQrkIPi5dHrgHl2mLvCIwWn7D7qgeOJIo+ngRwj5mSvhs1Li3/0nL03dRiEdxDCHuPrXivsTxYgbQc25hZD3qz1IK3wzqEQwrsJ5feiWpz7G8i2QCnMzV4DruU4wzThnSphD6IQ8TeQdYuLIDBnI0jLeTtck5aoJgouWrIA1xKeJkX+7fj+2/B2VeBUaBqfF9nk5CDPj1zzpiu0tRakLd4NgRhGUI+YIWtEq0gWUhrcDel6EN7X3QJpiYcjx5jwBtx49KJkAE/KL4OmmVC++kCkdbZzKM7W81Q0RkrZZ/SiiQA6q296WsyfuRa6Tt9Bbfr6LgltBMSbMtVcjC6cmZ7//WlFKOEKZmUVwozpBdBWeTVahTgVFzAYhP8PaHZlBWXw6lhD3OTtVVdhz/K9aIpeFSh6ZMKcdqhvnaKMdzQtf5qhBxp13ezXddNrgURLr26CzXkl3pPjFKUbAThcuB8+nbkbhYu23vrWNGUix8gO6rUbqq5Jy/mKSZ5VXgH/7A1QYu6ES1tq4MPJ27H96MMWJVTBaAfNDr3ItZ1maTmd0hI9uAfSdh65ljg8qsj/6vwBIHW84G2BPrwAAAAASUVORK5CYII=)}.icon.eraser{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtElEQVR4nM3S7U9ScRQHcFrrH2hrtVZb9bJXvc/+jP6FFPhdfEgwpzPecOX5Xugiu3AfQhMmKOqWqKthYCZpxSqdm2urQDcxH8BUbAtP+9FQcl68Nl54trP76p7Pvud3FIqzXJRKvON6PPiF0YenHAR/qeqAvUG459QP/Q4ks9ATWwJne/8WrfFerhpAa3w1jtbgLp3IQeBjDvrTAP7EKoa2TWruatUAMp4Fw0we7IYIdE+kqgf9A8zuFZt88xOo4AKEUnAItf0n9BcI7ZKTh0B527mZg0S9iQw420PbZpV4RT7Q5KuhW0N5KaCUqHx1JUjWMdAavoZq6vlliGehM7IMZjomH5peAaYjvHgi4CGEH8PNPqAdMTDENsAwtQXG3nkgJ3OSkA1D0RSEvhfA2TGwcyKw1OKB9UcsjGifggNDiR0weWeLX5yuEsRYxoFp6zceC9iReNejETIloNQRDNGvioNM7mkwhhaPX91MHijLiwKjC7glARaJq+mWw+HlParD0AQY3uaLKzPbokeAPaDs0QLTLAHgM2URvykFHEBaXxEiJzaAHF+BzrFlIKNr8gAOcfmFWhoyTa6KyHoZhAfjiyPjucqAheBvC43i3lryHeAU32opWJEBjWCIwlAeKCt+A79L8pI45A3P1j2BjcFxyH+dh3SrRzb0XOsDWtdXYLS9jKJSsRpeF1G69/Hg00LhBm6zixBMipMqeD94nlXz8ZfKrmMhqTcarOeysoCj0JjKLQsaxgmQaJENnBYabuA2XYRgPjVQDnnU/OtRlXt/rs4BqeAoZD68h4WHLMzVOWGA8G47CMFvV/K3Sk3Vizfwv6CAcxbUfdOqFK7LTaTnEZfkEffJrw+kBcR/5hCXpBA/ZENisLytSAjYGr0XjYTnmhUJfTa18Ix9wF7476Rnuv4ACminfSBbhWcAAAAASUVORK5CYII=)}.icon.line{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcklEQVR4nMXV2U9jVRgA8KpRH1xejP/AaOKrJiaK/gE++OKDo44++GYitAh0oaJSQGaUpStd6HLvpcu9LaUr3UILXVjasi9lKJkBYiiLCgPOMNKh0/KZW+BSSusQNfFLvpyXc+4v5zvnfJdG+z+CxzM/J6rV0QVVmrevukbMQF6VV2t4omrNZ1cCJCw84jSO52RcU07ebLv+pDX8SvXr3QxkO85UHffXIAcKBmIGGjxVFhDW6gIWQ3zHaZoEszIM6h8dWXWT/dNS82Uc43sSDhGRM9DNVY4K7nGV+fTXaQ5kdLTvElQIDE9vQzCagsmFHdDyvdD9Q1+uGOpiaStEtfojt3sxJ2EaUnfZytQZUghRC8zXzc+QgFkf2yWBs+wR+cHrnIdYfB2ENbpjpMX2Sb7+9dq3urimB73YKIQnNmFg8E62FOSs0ex20rGP8oiAjr2P/OzeLATIJD9Ajrh0CMZG10DVYs+qWqwfC5l4PSFy3R+e2gakzQO+gWXwB+9mxUzD+h2WauMMibLUv3VWod9QpRKziTmHde5xMXSWgwPLgP7UD+pWRxZtItIejQfsSvdBKJYCf2gFjOoIBEIrpztSbaxwlA8lDHSpq0r7ClUyaaX0RTGbmHXa5jLFQGRqC7BOH0SG10B3qw+2lhYgs78GQ7gXzHL3ntebBH9wFXy+JFU6MQNNCr5Grl26LR1M3QvloEBkDbQ3zRSQuZeEow0XDPbg2V6Zaz8UTwHS7smX2O1OZLs4xHDZO09CEjY+47TOZ0oB6d1VGNT7IL3eD0cpGxytWyCg1oBN3ndAnpEJHQNhnT4jbzC9WxYphop3MKD1woynjwIOl1RwmFCAV4YALrT/IW0wPejm4hV/CxRB81iLKQ882l2FRGgE/vzFRQHp2+o8sDXaDWgj9kjCNDClLPObtKuGmGV8DW0mDreSJ4Bd5qB2MOMyQtSAUEBPiw4UDeacotH6xZUBORe/hhUB0+5zwCZA4GD+FGjWggUbA1wcAM1NZ1b5vf3zfw3Y+eg50KQF/9AKhKLrMLm4A0bZICi+I3dku/HPAQECD4uAsxtoUITAQYzD1Ow2iGr1xyWbKvnqld8a0iOWIOys3Aa73AEzBYBDgFIAyrsIkBkaT+VHQh6EUGA534LOeh0VHZXIO718637MGQZTpw2GdOY8ME0CwhNgc4S8RWhawsaX7JbZsi0oHF4FTauDzMddNdrzH18HHfswZApskG9hK5kA/S0TBHUEOETIBUDI1r/Rxta8JGbhi+UgtN0D0alNcBLxY3GdnkEhgir0ywlvZC/fMvbXYHs5AaZ2M/we674A0E7jFFpwWGYvtSAyrcTEfbK1KL9SPkshfEZPvQfx5TJ7JwiZMWcIRnUawBqxw0LgSRAJiOvwAHnOtMIQMFAVn46BD/XBjH8Mos4w2OUuUHC1mVIArQxUFiCDT8fYguoeRMox8JRcfSXSSNzQtlo+iHu9L5cDCiEJC08gbe5fywL/RYgZ4ueFVdoKHo/3dKkJfwE2fcFnslY67AAAAABJRU5ErkJggg==)}.icon.text{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACxAAAAsQHGLUmNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA0tJREFUSIm1k1dMU1EAhv97uaUFOqyVTaC0ggYQHDHygiNELcqKA3HheiBBExKikagvmmhMlMTEGMW4B0FklCKgVUKDuCKOglqlqIhFhUulxdJSub36gI0QQIvI/3Ry/pzvP/8ZwASLCA4SPfb19uIDAJdLMbXlmyvjUy8ss/UxHFchXDeSa+mxez5vpiMAfB0SMG92oOFB9dbAcW2z9zt27bvF5BU8jwHwarBFjgvsgijn4MI1rSXvxAODO4fsd85NEnlIako3BgAArN+RmVvd3fCyw+D0WQBLF8oDDufESUYNsNkZ6on2Mw4cqXvf+tE0C4DDacqk4mcABgJ67WhuMRLPXnREDwZ0d9vK42b6J5kt9pEDTKa+cyu3XJe3tZv3DIa7qrb2nk27D2vOeHI5BAD9sIBf4PHI9KrFuGo0c8IveVwBIVLZWWmo/D4A74kICJbK5MmXi8tjU1evOfk/A5IAJPgJBIv0Txt4mjtqy+mLhSsUiSmVGKEJNXz9X6WmCKI2RCSeXrc1k59VoTTnA5a9+w8m6F401n9ofR8HoPOfG0i8vNKWTA2XBwgE4ttv9ciPV4haK5Ss5o7acqWkIixEGnoXgM8/Nfhq7uPMCww6Wpae4eNgWawrKUTRWz0UoXJRTYXSrAEsl4tVYRtXJd91NnG5QVG1HhHCAPey9AwfiiTBpSikRUZDtjwJx7RPkR+vEL1TKX/U1db0ni9ShU2LjNECoFxqUK1ugeraR1xKTOdQ5O89KaaGQ32zEpmRM0AQBE7OXyjccPWio522sO48ngCAh0sBNG1DoECEwXAAEPF4OLt4GQCAsdvQoGtCs8HQ9bDozKFumtYA+ObSEWWsnwHfmSR21txgRvIZex8e65qQda++o7GLjup1eNFciawAANflO8jZNgtVbbr+7CqVcTi8cQBO05EAWJA4Gp2SGzFFNuf8mJ6p3xQPe+nrl8e3VyqNI8CjABg5fPHaqLRc39BF6QThRiWN+aN96unZr3qjA+lgc9YGBwm3/4Z3AQDLMu1dzQ1WiX+04AfLWIk/weTSyacmi3kLAIDv7iawWvs/P2r6MhcA5vj55TEOR7KWpmMBDDk2ob8smyf0UXS+ebhjrAXGrJ9sIlHCefLH0QAAAABJRU5ErkJggg==)}.icon.fill{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAP3SURBVEiJrZXdT1tlHMd/7XPoOe3p+9pOWstLwZbJMt6suow5lpDMOb0w2C2BOxLZiFuMF15BTEyWZV5pMuQP0MQsu3KayILJRmQIjHVC1+nsSimnWAqtrD3lnPacnhdvVuzGS2n0c/Ukv9/z/TznOcnvQVCGZp9P1dr2/oj1laMLf/0xRZfrfxFluQaMrj5mIskPLTpypuO9j2sqFaC9il7fpy81vGydtNvMhMVskjle6NE7j/ywGprN/GeBLMtKm04z3VBjq3mj/bAi8XcmTxI4WalkR4H3zCeuSCyxYDGRjY7qaiBJDbjrHUQskcqTBEFyvNCD2w7dXF+cK/tPtgm8nYMuw0F94IS3yVLrdABJkls1d72DiK0mWZIgtKIofYDbXv2+nOQ5gbdz0NVkxPzHlbw+TKVo/6NI6nE0zgJCuMmgRQghcLsc6thqMk8SalIUpbJfoigu3uy6UNegxX47qwVjk+kAGAgCAABykgxBTuCmeDmzjiFRa7Mo2ls9lsXlBJPNbMITanUtFl9/OzA+srSrwNs56PIYkP+sTjZ6TJat8J2gRQke5DhuVkJPF9JZTcvhQ1JoeWV9Ob7WHRwfjW0TuLsGLF4t/uScVjY2mQ+AHt89fCe+y+Q3Vpw12O+hRUZBZ2+vMuji/MRX6WJdaVehM20q0eipMPwhw8FUJgfnDLj5zwdBls3xaMhp7XPr5TvurgHLliCcJW7M8MpIQYntO1wCgBhXgNcNBFxeTlFZjuvRFQo/2VUIPq+1tno06tEtwcr0l7l5UdE2HE3NpQpi2fAgw8E3axk4ZSbhKpWigjm+95fx0V8BpE1OlsGEIagjqtrB50MAz2ZReOwaHRSl7uFock9JkOFgIs1C30E9XKFSVIDleyfHRqYAAAQAOi/JAADQqKnSNyet9VuCoiTCb5z8LJqcSe4gKYafdxjhC2qDWmDyfcVwAABJApp7JiCUCkzEBPVzAgCAwPi3TECUTg0tJe+XStKCBJOZf8PnGbbv7q3Ru6V7OVlM52V528G2jevw2DU6yOW6h5aS94vXZcSUMGA3wlVqg1pg870vhgMA0KIyGGK5LABAiOE3Qa6KA+wy7J5G/FyhtuXGwyzffVSvtuNIAVeoDSrA5ntLr6WUROReTHS26e9kWDmaK3x97+eRSYCSUbETru4BQ7OKuEkgpSUhCOd3Cy+lo2OgymzDf4znxIuPJkbD5for5q3TH/Vf7x/Ov/vOpesA+3gyK8WKoQsnDBrcSahe8xzr1/2vgsbjl6xHSLVdAQo4bSbrdBr85P7nwz4QUDb7mEVssiDANJ1LcgUU2vPRr5R0dF7AalpuzdKcFGaEy3O3R/z/ANgr2YVnDmpNAAAAAElFTkSuQmCC)}.icon.pipette{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAFiAAABYgFfJ9BTAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAylJREFUSImtlV1IU2EYx//veXe2dc48W25zlkkSfUgtEyIjsm9mjYogOhdFUmCfRN9EN110F0SsKIqCortuisrAFIIsqLTsQyLpwzQzLTd1H+rO1jw7bxelzabWcs/l+fP8fjzPeQ6HYOxFnHPdhw3QygAgyrSrDS8XngKOawBAx4SWZVpgzC3fINAtp62GnM0mvS3MyIKAtdXh7fhYBQDkf7hT57g26zmukCNa/vYMw9JSkRcT8zWdyrcneVIurl+P61KFZ853S7Y48+wy6cZf6VPJBoFP2oKFcMhr7MxoAYJcqgL/uIjSCXAWyuGQpKd7/VFE2O/cF2foULVgS/2DIACkJpBl6qSOm9u2bzVeEq0KIVBLRR4DkoDGUOaPeL2atmmg5d8Fskydfu7WxAnZq+w2q3jhynnposmqEEL6BySl3RFvG9j69vp79QNt//aSZZk6/fS2lGFyX7t8jsaZBpMgQFEi2F22J7Qr3C0yBnosFHnY8OLessTWv0/wE15esnzRimNH9tFINAqTIAAABGEcTnhOmPeHYux5LN7LMSr+2T76Ff2CT5mcW1Jb94pfUrwAH5o+DcZM03Dy7EWvyujGy32qpNOrj/5EjLwiWaaze0zVmtFcrMaixJY3a0gcU/rgfVcTJ1x88eeaiicjYUaY4Dg3u+dztaJiUb77IEAAyhsHUzXaiy9VnggIXKPBRxTMLGk+Y85fUWx3TIWmfgcvmJPgIV+bq7X2zuPR4MMLZJmSsGFrZsFKAjJ0g6nCgWGuyNbckyVYsvXpgA87gUAMTt5kHfK8X+lBa5Un2tvVnhI8SZBTtGaOZMu+ZS5YTcO+ZihdX0Cjfi3QWBcKh7rcrbV3nqYCTxJYMh03Jq08IPZ9rGGB99XPOzvaPYyh295vftjSUB5LFZ4koISraKk4tVPP0/tvKievBa5qAOD7H/JwlVPoKnQUlGSliwckXJG90DVNJ9kq9dL4Ssjy2H6lCTUIsk8rujt93dF8jjdK5ENjsLftbV06BL+/A45mGyxZMOfMEHW8fl464EDCBObcmX7f6/tFgaZnX78Hu3eEvU3BdAh+ANO4TJiiKwh0AAAAAElFTkSuQmCC)}.icon.undo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADS0lEQVR4nO1Ua0gVQRTeyOpHRFl4Z2a9KakFqVH0stedUYu8WUZGWlTKJc2gKM2UHj+MDNLra9cKQyiLRKIiKZ9JhYr02O2GUZElVFBGUNqD1HaNOjGbt4dl5uX+CfrgY3dnz5zvnDNzjiD8hzuBEAvF2ELd6vQ7YoYiQoswYYAJ+4yQJdyt7seNmzcKEVZtCGBW8fVJU90mYDaHeyNMm43oCdstipbxXGR2REqTLbN8LyFhM5z09mbmwMDA4YMSEEU2DWHahjD9gETLar4WZLEZIv0RYdaFMCv39Fw0+i8zYB0I01eEhM7na0VN4Ckrev3mQw1g218Oq1KP3iaEJjmJMduOCD2JCbvDsxpQBBFLAo+MELaAfxc6PvjLiv5AVnVwUlK124VqT1JfSjf0eNnRswD7RqzEmB7oV8RkYnN6z6FmX92zEEnRXjqd5119D9n17b9QUrRvAXDGph/v5IGK5oUb+hXCmKVhQt9mVDy54txob3gNvv6Rvz0PH78lsDguC+z1HYZtwfVuCJoVBxODo7tz616M/GPpZEXbkXHhMXDur2kzHIZEJMOKLUU/MXxNJojeYTA/Kv1bNuszThv2KcfU2gHPaPKMtS0+E6xgyzxnbFq7pwxkRXsjqZrjRy5NzH+BxVAjGC6SXtps2G8qqINCtYf9UcTLK8zfZ4L1ubM0CdmVICn6+b52hLAU/j/RXrNOVrTOnWV3DPukvIv8zEoGzMZsnjN20tTYs1ZbTldu0zunyBCM2UyTyBYRwjYiwl7yK8zHkKzq2Yn2akMk7cQtkFWtWfhbHL7V7Ssp2l0eGSKs+KcLgFmryUSncDtZ1ZLnRqaCb0Ak5F/rAknVW4XBYG89eBQ7YBjCVOPzjGfCJ4QgMA/+/8wZGJqQVdnChaO3Fff2lX5ZcAXYGCVU4u8Hb+hTZUWPkRR944asivs+flYIDomHnMa3zuZNd1GEfkSEloZH75m+69S9j0m5NTBvWZpRuuDZ8bCv6mnvddY6pGYY45oIpuf7NiVv1uitRyCn8c1XAUX7JKnacsFVBARYR2DMYoJnrt+daK+C1JKbkH+188f51l6galGCO1DsgGGSqtfKiv5IVvWHsqJfKlS1NJdL9E/gC2h9B+CVd8FBAAAAAElFTkSuQmCC)}.icon.redo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAADUklEQVR4nO1UW0hUQRjeeqmggrScmePxklkmFiLlYqEzu1pmF9FCMZPIDDTUIh8qNTK1LKHccxZDC6SoyMgsSumhpIuQuudsFBJSRIkRVnSD7LLnLLkTc3bXXN0kyoKgH76Xmfm/77+OTvff/pYBEBePEIn9YwJ+yJACEaEMAOHDOp1u4riLQIjLNBFIWlxCzTwfM+VX+Sb4BizlEDIuGg6AyDFGzvMxPguWZJ9yZoUtfn7x4KeZAcBGgMhFALHNXRboBb6+S6eJsnIq51CLA/kbBiEivRDi8DHJg4LIZIBwnYtkACJ8EgCyEyGcOxIAGFYzHyYiyird0SBRPijRDjnyCiEy84elgYicd9aYHGNRui/Ero9AkOzYZFXSRElN94CstDMRhu31d7QMwxamZ3svEUc2uwQOuM80Youtvfrm28HqW2+pYLFpZN7A7vWJ2yjnb6TFjT294t0vgaNEIMTRAJEK9ziWNT/eF59R7ggMSRrqQcj8FE0o51ALnT0vmdZ0fNIEyluf0YjojZrApopm7UyQlBNj9kaU1A2LEwqpf0ACXZ5VRVML6jRsrrqsEaQVNWiiLPpdZ7rpnPAUGjB7Bc2vvT2UmWC1542Ypjg9m6bQ0KRJNZ10yp4Lj94xkozdp787ScprQVbuMiTnmfvZfdbec318UKIjNGItLW584HwnK19Nsq1gVORsWpzLhcMFWVlX0vRQizTn4BVG7hCttkJK6YRhQRW4SzgvMv195dXn7kA+miyKNnXe+rGKOSBEUgVZrWS1nh+1ns6NWEczSxt7/DiyjONwlPu9j49+OkC4HkIiVrW9bHQKqP1mWR16M8pmzSJTXYvXJEjqYebE0g+LTPdYPuD8pzxMkNUjoqzcN1s+82M22pVNLURkMKP4zFF3H2o6P9Pis90DUYbcDAhxG4D4jTff4aUc09g/BBF5CjnDh+3HOxweeyCpL/TLC+9xfLxitioput8xjjOGQYSfQM5A41JLaJ7pGmVDUN7SR/HaUhocukYTNVvsi35LKDAwdgYfsrIuIDiRfXgePUnIrHSJ2Iy68bCi+k7/rabrnVuqW2n2/ks033yDmrq+uEbVjnXjaTVWu16U1IOirDaJktomyEoDW9hxFfkn7BsWSQL0ag6mIgAAAABJRU5ErkJggg==)}.icon.save{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyUlEQVR4nN2V208TQRjF+U/01cg/pg/oi4UXI8rVkIC0XNtiC4RuL9zKtlQWeocgZVugUJZCd6EtFwW6SwhGy8VjZgSlQWCpxkQ3OZnszJzz22++Taak5L973pT1lOrKLaNaDRMkanvez7dVDi60VQ7GO6qGl9tfDi0Z6ljJUDcikvnOamfy+7tLbH8xwOvKGUvTE9P9GyFajcXNOhcxHhDR0+KFw5OEO5ZDcEmBZz6HSPIAi9IhQgkF3IKMeOoQC6sKneusGobbnYD2mSXb9Kj7wbUQXQXjmwhKCEV3YNGHMBTMYip7glD6GNGdU0gHQHz3DN71PFZyX2FtcePtKwaxxB6MtSz1cf4UtJq+rYYyY6kqiGsyi6nNEyrxADR4Yj2Pxb0zCuytt2Jpogu+cQH6mhHquwA1a5ithsfGezdDDCFw05sIpI+xpoDKf6miyxCXO4GOKucPCBE5OtKjWyHOUJZ+PanickXSucw1Vvj7zHC4Vq5ASA7Ju/W4ApEtGsbvnNKKUspPANFkJAvGMg0u+ak4iHNwHqaGUdi6wujuCMLaFYbdNFmgXn2IrplaAzCcN/5OELoxvE5/ZzUKzG4XAeF3MOpZhotdVK1RzzL1qYYMWiLo17GYYLyq1a9jqU81xG4MQIrFcKxIqiXFYtR3Z0j+wwpkGwPZ2lcgZcCG/MckFDtD18m+4iH7azjiwziaDf5Sn8X5P1AJhYSuh6Tmfh/yV3oibwg0oGCUJchpAXlZhJIR8CUnQskW2RORn0VfvR1HmTkwr+1QRB6Oxn7sChEMtwxhOz4Nl34EaX4KnMlF998J4jD6IfjeYeP9GJQVX8EoC2TkkBO8SM9w2E94kYlwEHxj1HcjpLmccV3cjEwrhyjLIjPDqVaUZamP+EkOybsCaXxqfnhxx7dWMGFztW21u9YuqZW52rZKfMRPckjeFcg//3wD1+J3Q/VOsDUAAAAASUVORK5CYII=)}canvas{cursor:crosshair}canvas.brush-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACuUlEQVR4nO3S3U9ScRgH8LMu+itaF/0FrZf1F3TdnV114+ZFbSnyKkjibAGCB+UYnqLkvHLwiILGmxD4gmiFKZZmVLp06VxSWZooWD7twNjatCUv66rv9r19Pvs9vwdB/gdBEI2m96T+pvWUVcYFH8i4VavMvohLmBsVW067jL2KSdmvuNS+ucYnDuDxEuwPvYUwGtzCxfb+sgGTiKm639z/KT7/EZzd0UzEHAYBKTTc6k/b5A5pyYBZyl6xtrhSU6824PnrFDyb2wA7PnIQwvLQT18StolJIOWOjZIRTMYNed3TBzNvPgNh8EEglITo9Dqw+AgEsDDsu+Zgl3oKpJzbKgkwiagLpiZmp1PPg2/wBQxPrkBoeAl4YiIHcdYx8Lf6YdkyArSSj5cEoM3MjmXWD2jCBx1aJwy6Z8Hrmc9BgWASArEVIO+G4Z6UywhXVxRglDAXc0DCD6iBA+UjJ0gmXWAWINcsRCZWwKrzgDf6Hjyji9CpcOwJ513EC5hzxiY63fVyCFDvAKidvSCOu3MVIEzbByQfA19sGTxjS4DfdmfNDey10l6A9YD0SX54ofVxN9REaGhpJsDGRssEDByonc5DQPUoDdWebrjTSKQtKue4WclXHRtok9jP51Y0E8gDfO+fARW5q62jLx17+GHAXnmgvY49a1Qzu5a5AKCmv69IK2EuIsXGoqCiqJr+gU55QRZ1VR4Qgivo9XexYLatkfquCPYdCWiVtuJXVIjpevcZh86R2kwOw3I8lDWqqW2lt69ygBCsnqgZ5wezAiL0w0woa7hFb9f1UHlARaTLAoR0yaiJhYg/BxS6mohk9I1kRicn90r+g9+Dicith2oGFsJ+iPYMZFmdI4U30Gu4ig3qa22XywY0Gs2JDhHxBRNT3yxyOmYWU9UdtdTpsgcjR0AVH/ov8wt0hIdYaRWJWwAAAABJRU5ErkJggg==),auto}canvas.eraser-cursor{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACtElEQVR4nM3S7U9ScRQHcFrrH2hrtVZb9bJXvc/+jP6FFPhdfEgwpzPecOX5Xugiu3AfQhMmKOqWqKthYCZpxSqdm2urQDcxH8BUbAtP+9FQcl68Nl54trP76p7Pvud3FIqzXJRKvON6PPiF0YenHAR/qeqAvUG459QP/Q4ks9ATWwJne/8WrfFerhpAa3w1jtbgLp3IQeBjDvrTAP7EKoa2TWruatUAMp4Fw0we7IYIdE+kqgf9A8zuFZt88xOo4AKEUnAItf0n9BcI7ZKTh0B527mZg0S9iQw420PbZpV4RT7Q5KuhW0N5KaCUqHx1JUjWMdAavoZq6vlliGehM7IMZjomH5peAaYjvHgi4CGEH8PNPqAdMTDENsAwtQXG3nkgJ3OSkA1D0RSEvhfA2TGwcyKw1OKB9UcsjGifggNDiR0weWeLX5yuEsRYxoFp6zceC9iReNejETIloNQRDNGvioNM7mkwhhaPX91MHijLiwKjC7glARaJq+mWw+HlParD0AQY3uaLKzPbokeAPaDs0QLTLAHgM2URvykFHEBaXxEiJzaAHF+BzrFlIKNr8gAOcfmFWhoyTa6KyHoZhAfjiyPjucqAheBvC43i3lryHeAU32opWJEBjWCIwlAeKCt+A79L8pI45A3P1j2BjcFxyH+dh3SrRzb0XOsDWtdXYLS9jKJSsRpeF1G69/Hg00LhBm6zixBMipMqeD94nlXz8ZfKrmMhqTcarOeysoCj0JjKLQsaxgmQaJENnBYabuA2XYRgPjVQDnnU/OtRlXt/rs4BqeAoZD68h4WHLMzVOWGA8G47CMFvV/K3Sk3Vizfwv6CAcxbUfdOqFK7LTaTnEZfkEffJrw+kBcR/5hCXpBA/ZENisLytSAjYGr0XjYTnmhUJfTa18Ix9wF7476Rnuv4ACminfSBbhWcAAAAASUVORK5CYII=),auto}.setting-bar{align-items:flex-start;background-color:hsla(0,0%,40%,.349);box-shadow:0 4px 5px gray;color:#fff;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;gap:10px;min-height:40px;padding:10px 20px;position:absolute;top:40px;width:100%;z-index:1000}.setting-bar label{white-space:nowrap}.setting-bar input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#fc0,#f69);border-radius:10px;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:15px;outline:none;pointer-events:auto;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:200px;z-index:1}.setting-bar .opacity-label{color:#fff;font-size:14px;white-space:nowrap}.setting-bar .setting-row{align-items:center;display:flex;gap:10px}@media(min-width:769px){.setting-bar{align-items:center;flex-direction:row;gap:10px;height:50px;left:0;padding:10px 20px;position:fixed;right:0;top:50px;z-index:999}.setting-bar .setting-row{gap:10px}.setting-bar input[type=range]{width:200px}.setting-bar .line-width-label,.setting-bar .opacity-label{font-size:12px}}@media(max-width:768px){.setting-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 20px}.setting-bar .setting-row{gap:10px}.setting-bar input[type=range]{width:300px}.setting-bar .line-width-label,.setting-bar .opacity-label{font-size:14px}}@media(max-width:480px){.setting-bar{gap:10px;padding:10px 20px}.setting-bar .setting-row{gap:10px}.setting-bar input[type=range]{width:200px}.setting-bar .line-width-label,.setting-bar .opacity-label{font-size:14px}.setting-bar label{font-size:13px}}.setting-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f69;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000004d;height:24px;width:24px}.setting-bar input[type=range]::-moz-range-thumb{background:#f69;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000004d;height:24px;width:24px}.setting-bar input[type=range]::-webkit-slider-thumb:active{animation:bounce .3s ease}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.canvas{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.canvas-container{display:inline-block;position:relative}.main-canvas{background-color:#fff;border:1px solid #000;box-shadow:0 0 10px #00000080;display:block;margin:0;touch-action:none;z-index:1}.cursor-overlay{left:0;pointer-events:none;position:absolute;top:0;z-index:2}.main-canvas.brush-cursor,.main-canvas.circle-cursor,.main-canvas.eraser-cursor,.main-canvas.line-cursor,.main-canvas.rect-cursor{cursor:none}button{background:#0000;border:none;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:18px;transition:all .3s ease}button:hover{box-shadow:0 6px 12px #0006;transform:scale(1.05)}button:active{transform:scale(.9)}.btn-close{background:#0000;border:none;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;width:30px}.btn-close:after,.btn-close:before{background-color:#fc0;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px}.btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.btn-close:hover:after,.btn-close:hover:before{background-color:#f69;transition:background-color .3s ease}.modal-content{background:hsla(0,0%,40%,.765);border-radius:10px;box-shadow:0 6px 12px #0006;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;padding:20px}.modal-header{color:#fc0;display:flex;font-size:15px;justify-content:center}.modal-footer button{background:#fc0;border-radius:10px;box-shadow:0 3px 6px #0000004d;color:#333;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:all .3s ease}.modal-footer button:hover{background:#f69;transform:scale(1.1)}@media only screen and (max-width:768px){.cursor-overlay,.main-canvas{height:auto;width:100%}}.canvas-layout{align-items:center;display:flex;flex-direction:column;position:relative}@media(min-width:768px){.canvas-layout{align-items:flex-start;flex-direction:row;gap:30px;justify-content:center}}.canvas-side-panel{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:10px}@media(min-width:768px){.canvas-side-panel{margin-top:0}}.create-room-btn{background:linear-gradient(135deg,#fc0,#f69);border:none;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:18px;padding:5px 10px;transition:all .3s ease;white-space:nowrap}.create-room-btn:hover{box-shadow:0 6px 12px #0006;transform:scale(1.05)}.create-room-btn:active{transform:scale(.9)}.user-messages-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;box-shadow:0 8px 20px #00000040;color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:220px;overflow-wrap:break-word;padding:12px 16px;text-align:left;width:100%;word-break:break-word}.user-message-line+.user-message-line{margin-top:8px}
/*# sourceMappingURL=main.a4d6790f.css.map*/