body{margin:0;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.header[data-v-4e50bcc3]{position:relative;background-color:#add8e6}.heading-1[data-v-4e50bcc3]{font-size:2em;font-weight:700}.left[data-v-4e50bcc3]{position:absolute;left:12px;top:6px}.left h1[data-v-4e50bcc3]{font-size:2em;line-height:0}@media only screen and (max-width:760px){.left[data-v-4e50bcc3]{visibility:hidden}}.right[data-v-4e50bcc3]{position:absolute;right:12px;top:11px}.center[data-v-4e50bcc3]{position:absolute;top:11px;width:100%;display:flex;justify-content:center}button[data-v-4e50bcc3]{background-color:#000;margin-left:5px;border:none;cursor:pointer;color:#fff;padding:8px 18px;text-align:center;text-decoration:none;display:inline-block;font-size:12px}label[data-v-4e50bcc3]{margin-left:16px;margin-top:6px}input[data-v-4e50bcc3]{width:140px;margin-left:2px;margin-right:20px;padding:6px 10px}.footer-container[data-v-5c1ce72c]{color:#999;background-color:#222;font-size:.9em}.footer-container span[data-v-5c1ce72c]{margin-right:18px}.footer-container a[data-v-5c1ce72c]{color:#999;text-decoration:none;margin-right:12px}.footer-container a[data-v-5c1ce72c]:hover{color:#fff}.footer-container .left[data-v-5c1ce72c]{float:left;margin-top:10px;margin-left:16px}.footer-container .right[data-v-5c1ce72c]{margin-top:10px;margin-right:10px;float:right}.footer-container abbr[data-v-5c1ce72c]{text-decoration:none}.canvas-div[data-v-098bec71]{position:relative}canvas[data-v-098bec71]{z-index:1000}.editor-component{position:absolute;left:0;height:0;width:100%;height:100%;overflow:hidden;margin:0;background-color:teal}.editor-component p button,.editor-component p select{margin-left:5px}.editor-component .visuals{margin:10px;position:absolute;display:grid;gap:10px}.editor-component .visuals div{position:relative}.editor-component .visuals .error{padding-left:20px;position:absolute;top:80px;width:100%;background-color:rgba(255,255,0,.94);padding-bottom:30px}.editor-component .visuals .error h1{font-size:1.4em;line-height:2px}.editor-component .visuals .error p{font-size:.9em}.editor-component .visuals .active{outline:3px solid orange}.editor-component .editor{position:absolute}.editor-component .editor .lineHighlightDecoration{background:#add8e6;background:orange;width:3px!important;margin-left:8px}.editor-component .footer{position:absolute;left:0;bottom:0;height:40px;width:100%;overflow:hidden}.editor-component .header{height:54px}.editor-component .display{position:fixed;width:400px;background-color:pink}