:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#dragZone{position:absolute;top:0;left:0;width:82.5%;height:100vh;z-index:2}.toolsList{list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:scroll;line-height:normal;padding-left:0;margin:0}.toolItem{outline:3px ridge;max-width:32px;max-height:32px;background-color:#525252b2}.tool-settings{overflow:auto;background-color:#0e0e0ea9}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{overflow:hidden;margin:0;display:flex;place-items:center;height:100vh;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#keybinds{z-index:4;position:absolute;top:0;left:0;display:flex;width:50vw;height:2em;flex-flow:row wrap;overflow:auto;list-style:none;justify-content:space-around}#app{width:100%;height:100%;text-align:center;background-color:#000;overflow:clip}#canvas{z-index:4;touch-action:none;background:repeating-conic-gradient(#aaa 0 25%,#888 0 50%) 0 / 5vh 5vh;-ms-touch-action:none;position:relative}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}#toolbar{background-image:url("bg-textures/settings-dark.png");background-repeat:repeat;color:#fff;right:0;top:0;height:100vh;max-height:100vh;resize:horizontal;z-index:8;position:absolute;min-width:10%;max-width:25%;width:17.5%;overflow:auto}#toolbar section{width:100%;display:flex;align-items:center;flex-flow:row wrap;gap:.2em}#toolbar section label{order:0;width:50%;text-align:left}#toolbar section input{order:2;width:100%;align-self:flex-end}#toolbar section data{justify-self:flex-end;order:1;text-align:right;overflow:hidden;text-overflow:clip}data:after{content:attr(value)}#extras{position:absolute;bottom:0;left:0;max-width:50vw;height:25vh;max-height:25vh;z-index:2;font-size:smaller;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;justify-items:center}#extras>details{outline:1px solid;margin-left:1px;padding-left:2px;text-overflow:ellipsis "..."}#extras>details>summary{text-overflow:ellipsis "..."}.extrasContainer{max-height:20vh;overflow-y:scroll}.browserCompatibility{display:flex;flex-flow:row wrap;align-items:center;border-top:#000 solid 5px}.browserCompatibility>*{width:50%}.browserCompatibilityName:before{content:"Browser(s):";padding-right:1em}.browserTesting{text-align:end}.browserTesting:before{content:"Testing:";padding-right:1em}.testedBarely{font-weight:700}.testedUntested{font-weight:bolder}.browserIssue{display:flex;width:100%;border-top:2px #151d27 solid}.browserIssueId{padding:0 2.5%;width:15%}.browserIssueDescription{padding:0 2.5%;width:85%}.colorManager>fieldset{display:flex;flex-flow:column;align-content:flex-start}#cmngrColorInput{width:100%}#cmngrOutput,#cmngrSecondary{height:2rem;width:50%;display:inline-block;text-align:start;font-size:x-small}kbd>kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}@media (prefers-color-scheme: light){:root{color:#151d27;background-color:#e6e6e6}#toolbar{color:#000;background-image:url("bg-textures/settings-light.png")}#app{background-color:#9b9b9b}.toolItem{background-color:#c8c8c880}button{color:#000;background-color:#e6e6e6}.tool-settings{background-color:#c8c8c880}}
