#svgroot {
  -moz-user-select: none;
  -webkit-user-select: none;
  display: block;
}

#svg_editor {
  background: var(--z1);
}

#svgcanvas {
  background-color: var(--z1);
  width: 800px;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: var(--z2);
}

 #workarea {
  display: block;
  position:absolute;
  top: var(--x8);
  left: var(--x12);
  bottom: var(--x10);
  right: calc(var(--panel-width) + var(--x4));
  background-color: var(--z2);
  overflow: auto;
  align-items: center;
  justify-content: center;
  transition: transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);
  border-radius: var(--x2);
  box-shadow: var(--x1) var(--x1) var(--x8) rgba(0,0,0,0.2);
}