.grid-overlay{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAABPSURBVEhL7dOxDQAgDAPBZBhK9t8jDdtEiCIr2AXPAlZOT4bpnaqdpu1g3CIPO+xSAYKTcs8Y7LBLBQhOys0/JziCkwp8Htw7X+o9Y93rAm/1VJnX3ekmAAAAAElFTkSuQmCC);background-size:32px 32px}.scene{background:#b7b7b7;display:grid;grid-template-areas:"N X X" "Y M H" "Y W O" "T T T";grid-template-columns:var(--ruler-size-px) 1fr auto;grid-template-rows:var(--ruler-size-px) 1fr auto var(--toolbar-size-px)}.artboard{box-shadow:8px 8px #0003;--init-artboard-scale:calc(((var(--init-window-width) - var(--ruler-size) - var(--scrollbar-size) - 64)/var(--artboard-size))*1);--init-artboard-offset-x:32px;--init-artboard-offset-y:32px;transform:translate(var(--init-artboard-offset-x),var(--init-artboard-offset-y)) scale(var(--init-artboard-scale))}@media (min-width:1024px){.artboard{--init-artboard-offset-x:calc(50vw - (var(--artboard-size-px)*var(--init-artboard-scale))/2)}}@media (min-width:1280px){.artboard{--init-artboard-scale:1}}.artboard{outline:1px solid #000}.root{background-image:url(./concrete.BweV_Dyx.gif);background-size:378px 256px}