.nav-bar[data-v-8171d0fc]{border-bottom:1px solid #ddd;padding:10px 20px;display:grid;color:#444;grid-template-columns:auto auto}.nav-bar .title[data-v-8171d0fc]{justify-self:center start;place-self:center start}.nav-bar .title h1[data-v-8171d0fc]{margin:0;font-size:1.6em}.nav-bar .actions[data-v-8171d0fc]{justify-self:center end;place-self:center end}.nav-bar .actions a[data-v-8171d0fc]{text-decoration:inherit;color:inherit;display:flex;place-items:center;gap:5px}.zoompinch[data-v-55dbc0c0]{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none}.zoompinch .canvas[data-v-55dbc0c0]{position:absolute;left:0px;top:0px;width:var(--canvas-width);height:var(--canvas-height);transform-origin:0% 0%;transform:translate(var(--translate-x),var(--translate-y)) scale(var(--rendering-scale)) rotate(var(--rotate));user-select:none;-webkit-user-select:none;-moz-user-select:none;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none}.zoompinch .canvas[data-v-55dbc0c0] img{pointer-events:none}.zoompinch.transition-enabled .canvas[data-v-55dbc0c0]{transition:transform var(--transition-duration)}.zoompinch .matrix[data-v-55dbc0c0]{left:0px;top:0px;position:absolute;width:100%;pointer-events:none;height:100%}.zoompinch .matrix[data-v-55dbc0c0]>*{width:100%;height:100%}.zoompinch .matrix .offset-rect[data-v-55dbc0c0]{position:absolute;background-color:#ff00001a;left:var(--offset-left);top:var(--offset-top);width:calc(100% - var(--offset-left) - var(--offset-right));height:calc(100% - var(--offset-top) - var(--offset-bottom))}.playground[data-v-4e630cd5]{width:100%;height:100%;box-sizing:border-box;padding:10px;display:flex;overflow:hidden;flex-direction:row;gap:10px}@media screen and (max-width: 700px){.playground[data-v-4e630cd5]{flex-direction:column}}.playground>header[data-v-4e630cd5]{border-radius:10px;padding:20px;display:grid;flex:none;box-sizing:border-box;gap:20px;place-content:start stretch;background-color:#f1f1f1}@media screen and (min-width: 701px){.playground>header[data-v-4e630cd5]{width:400px}}.playground>header .title[data-v-4e630cd5]{display:none}.playground>header>section+section[data-v-4e630cd5]{border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.playground>.projection-wrapper[data-v-4e630cd5]{flex:1}.playground .fields-wrapper[data-v-4e630cd5]{width:100%;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media screen and (max-width: 700px){.playground .fields-wrapper[data-v-4e630cd5]{grid-template-columns:repeat(4,1fr)}}.playground .fields-wrapper.small[data-v-4e630cd5]{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}@media screen and (max-width: 700px){.playground .fields-wrapper.small[data-v-4e630cd5]{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.playground .fields-wrapper .field .description[data-v-4e630cd5]{font-size:.9em;opacity:.7}@media screen and (max-width: 700px){.playground .fields-wrapper .field .description[data-v-4e630cd5]{font-size:.7em}}@media screen and (max-width: 700px){.playground .fields-wrapper .field .n-input-number[data-v-4e630cd5] .n-input__suffix .n-button{display:none}}.playground .zoompinch[data-v-4e630cd5]{border-radius:10px;background-color:#f1f1f1}@media screen and (max-width: 700px){.playground .zoompinch[data-v-4e630cd5]{width:100%;height:100%}}.root[data-v-06454352]{width:100%;height:100%;box-sizing:border-box;padding:0;display:grid;grid-template-rows:auto 1fr}html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%}