@font-face{font-family:primaryFont;src:url(/assets/Roboto-Bold-Z8SZiOJb.ttf)}@font-face{font-family:secondaryFont;src:url(/assets/Roboto-Medium-hSgykTIQ.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:secondaryFont;font-size:14px;line-height:1.5;font-weight:400;-webkit-user-select:none!important;user-select:none!important}html{--background: #1a1a1a;--secondary-background: #2a2a2a;--background-50: #1a1a1a80;--primary-color: #ffffff}html{--bg-size: 14px;position:relative;background:radial-gradient(var(--secondary-background) 10%,var(--background) 0);background-size:var(--bg-size) var(--bg-size);background-repeat:repeat;overflow:hidden;min-height:100vh}body.lock-ui main.ui *{pointer-events:none}canvas#canvas{position:fixed;cursor:var(--canvas-cursor, "default")}main.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99!important;pointer-events:none;padding:20px;display:flex;flex-direction:column;justify-content:space-between}main.ui header{display:flex;align-items:center;justify-content:space-between}main.ui footer{display:flex;align-items:center;justify-content:space-between;gap:10px}main.ui footer>div{display:flex;gap:10px}html:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background:#555;height:1px;width:100%;pointer-events:none;z-index:-1}html:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:#555;width:1px;height:100%;pointer-events:none;z-index:-1}section{pointer-events:all;width:fit-content;padding:4px;border:1px solid #444444;border-radius:8px;background:var(--background-50);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:2px 2px 10px #0000001a}button:active{border:1px solid rgb(71,114,180)!important}section.toolbar{display:flex}section.toolbar>div{--gap: 5px;display:flex;gap:var(--gap)}section.toolbar>div:not(:last-child):after{content:"";position:relative;top:0;left:0;background:#666;width:1px;height:60%;border-radius:50%;margin:auto;margin-right:var(--gap)}section.toolbar .toolbutton{display:grid;place-content:center;color:var(--primary-color);width:30px;height:30px;background:none;border:none;border-radius:4px;cursor:pointer}section.toolbar .toolbutton:hover{background:#64646480}section.toolbar .toolbutton.selected,section.toolbar .toolbutton.lock[data-lock=true]{color:#fff;background:#444}section.zoomOptions{display:flex;gap:5px}section.zoomOptions .zoom{display:grid;place-content:center;color:var(--primary-color);width:30px;height:30px;background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1em;font-weight:900}section.zoomOptions .zoom.text{width:fit-content;width:4em!important;font-size:15px}section.styleOptions{position:fixed;top:80px;left:20px;padding:15px;overflow:auto;max-height:calc(100vh - 140px);display:flex;flex-direction:column;gap:10px}section.styleOptions::-webkit-scrollbar{width:3px}section.styleOptions::-webkit-scrollbar-thumb{background:#666;border-radius:100px}section.styleOptions .group p{font-size:13px;font-family:primaryFont;font-weight:500;color:var(--primary-color);margin-bottom:8px}section.styleOptions .group .innerGroup{display:flex;align-items:center;gap:5px}section.styleOptions .group .innerGroup .itemButton{position:relative;border-radius:5px;box-sizing:content-box;cursor:pointer;color:var(--primary-color);display:grid;place-content:center}section.styleOptions .group .innerGroup .itemButton.color{border:1px solid #666666;background:var(--color);width:20px;height:20px}section.styleOptions .group .innerGroup .itemButton.color.selected:before{content:"";position:absolute;right:0;bottom:0;top:0;left:0;z-index:55;border:1px solid rgb(71,114,180);border-radius:5px;scale:1.3}section.styleOptions .group .innerGroup .itemButton.option.selected{color:#fff;background:#444}section.styleOptions .group .innerGroup .itemButton.option{border:1px solid #666666;background:#333;width:30px;height:30px}section.undoRedo{display:flex;align-items:center;justify-content:center;gap:5px}section.undoRedo>button{display:grid;place-content:center;color:var(--primary-color);width:30px;height:30px;background:none;border:none;border-radius:4px;cursor:pointer}div.menu{position:relative;pointer-events:all}div.menu .menuBtn{display:grid;place-content:center;background:var(--secondary-background);border:1px solid #666666;color:#ccc;border-radius:10px;width:40px;height:40px;cursor:pointer}div.menu .menuItems{position:absolute;background:var(--background);margin-top:10px;z-index:9999;padding:7px;width:250px;display:flex;flex-direction:column}div.menu .menuItems .menuItem *{pointer-events:none}div.menu .menuItems .menuItem{padding:10px;display:flex;gap:7px;border:none;background:none;cursor:pointer;border-radius:5px;font-family:secondaryFont;font-size:14px;font-weight:400;color:#ccc}div.menu .menuItems .menuItem:hover{background:#333}.menuBlur{position:fixed;width:100vw;height:100vh;z-index:9998;top:0;left:0}div.collaboration{pointer-events:all;z-index:999}.collaborateButton{position:relative;padding:0 20px;height:40px;border-radius:7px;border:1px solid #6965db;background:#6965db;color:#fff;font-family:secondaryFont;cursor:pointer}.collaborateButton.active{border:1px solid #54b435;background:#54b435}section.collaborationBox{position:relative;padding:20px;z-index:99993;width:calc(200px + 31vw);display:flex;justify-content:center;align-items:center;background:#2a2a2a}div.collaborationBoxBack{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99992}div.collaborationContainer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center}.closeCollbBox{position:absolute;top:10px;right:10px;display:grid;place-content:center;padding-bottom:1px;border-radius:5px;width:30px;height:30px;background:none;border:none;color:#ccc;cursor:pointer;transition:.3s}.closeCollbBox:hover{background-color:#444}.collabCreate,.collabInfo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}section.collaborationBox h2{text-align:center;font-size:24px;font-family:primaryFont;font-weight:600;color:#a0a0ff;margin-bottom:10px}.collabCreate p{font-family:secondaryFont;color:#ccc;font-size:15px;font-weight:400;text-align:center;margin-bottom:10px;line-height:1.4}.collabCreate button{font-family:primaryFont;padding:12px 24px;background:#44a;border:1px solid #4444aa;border-radius:7px;color:#fff;font-size:15px;font-weight:500;cursor:pointer}@media (max-width: 600px){section.collaborationBox{width:100vw;height:100vh;border:none;border-radius:0}}.collabGroup{width:100%}.collabLink{display:flex;justify-content:space-between;gap:5px;width:100%}.collabLink button{font-family:primaryFont;padding:10px 18px;background:#44a;border:1px solid #4444aa;border-radius:7px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.collabLink input{font-family:secondaryFont;padding:10px 15px;border:1px solid #666666;border-radius:7px;color:#ccc;font-size:14px;font-weight:400;flex-grow:1}.collabInfo{width:100%}.collabGroup label{display:block;font-size:16px;font-family:primaryFont;font-weight:500;color:#fff;margin-bottom:8px}.endCollab button{font-family:primaryFont;padding:12px 24px;background:none;border:1px solid #ff4444;border-radius:7px;color:#f44;font-size:15px;font-weight:500;cursor:pointer}section.credits{padding:0}#credits{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;color:#fff;text-decoration:none;font-size:14px;font-family:secondaryFont;font-weight:400}#credits:hover{text-decoration:underline}