:root{--font-sans: "Mona Sans Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease: cubic-bezier(.2, .7, .1, 1);--shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 6px 20px -8px rgba(20, 20, 19, .14);color-scheme:light}:root[data-weight=bold]{--w-label: 660;--w-ui: 560}:root[data-weight=bold] body{font-weight:480}:root[data-weight=bold] .tp .ns,:root[data-weight=bold] .tp .elabel,:root[data-weight=bold] .tp .zl{font-weight:500}:root[data-theme=dark]{--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -8px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:var(--font-mono)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}button{font:inherit;color:inherit}kbd{font:10px var(--font-mono);color:var(--faint)}h2,h3,h4{margin:0;font-weight:600;line-height:1.12;letter-spacing:-.02em}.label{margin:0;font:500 .6875rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:16px 16px}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none}#stage[data-tool=hand],#stage.panning{cursor:grab}#stage.panning:active{cursor:grabbing}#stage[data-tool=node],#stage[data-tool=store],#stage[data-tool=zone],#stage[data-tool=text],#stage[data-tool=arrow] .node{cursor:crosshair}#stage .node,#stage .zone .zl,#stage .note{cursor:move}#stage .edge{cursor:pointer}#stage .tp .hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke}#stage .tp .zone .hit{stroke-width:10}#stage .tp .zone .zr{pointer-events:none}#stage .tp .zone .zl,#stage .tp .elabel{pointer-events:all}#stage .tp .node:hover .body{stroke:var(--ink)}#stage .tp .node[class*=tone-]:hover .body{stroke:var(--tc);stroke-width:1.6}body.presenting #app{visibility:hidden}@media (max-width: 760px){#app .toolbar{top:auto;bottom:60px}#app .tr .btn:not(.primary) span{display:none}#app .side{top:auto;bottom:108px;height:45vh;width:calc(100vw - 24px)}#app .library{top:60px;bottom:108px;width:calc(100vw - 24px)}#app .tool kbd{display:none}}