<!DOCTYPE html>
<html lang="en">
 <head>
  <style>
   .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.caption {
  width: 640px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #efefef;
  font-family: "Source Code Pro", Menlo, Consolas, Monaco, monospace;
}

.grid {
  pointer-events: none;
}

.handle {
  cursor: pointer;
  fill: white;
}

.handle--movable {
  cursor: move;
}

.handle--kinect {
  cursor: no-drop;
  fill: #999999;
}

.gizmo-line {
  opacity: 0.5;
}
  </style>
 </head>
 <body translate="no">
  <div id="app">
   <div ref="canvas">
   </div>
   <div class="caption">
    {{pathString}}
   </div>
  </div>
 </body>
</html>
