html,body{margin:0;width:100%;height:100%;overflow:hidden;background-color:gray}#app{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4em}main{display:flex}*{box-sizing:border-box}.p5Canvas{max-width:100%;max-height:100%;width:unset!important;height:unset!important;cursor:crosshair;background-color:currentColor}.--applyColor .p5Canvas{background:none}.--applyColor main{font-size:8px;color:#ccc!important;background-color:#fff;background-image:linear-gradient(45deg,currentColor 25%,transparent 25%),linear-gradient(-45deg,currentColor 25%,transparent 25%),linear-gradient(45deg,transparent 75%,currentColor 75%),linear-gradient(-45deg,transparent 75%,currentColor 75%);background-size:2em 2em;background-position:0 0,0 1em,1em -1em,-1em 0px}.tp-dfwv{z-index:1}.cursor{top:0;left:0;position:absolute;width:1em;height:1em;z-index:1000;cursor:pointer;border:2px solid white;mix-blend-mode:difference;border-radius:100%;overflow:hidden}.cursor.selected{border-width:4px}.hideCursors .cursor{display:none!important}.shaderToyCanvas{position:absolute;width:auto;height:100%;top:0;left:0;z-index:1000}