*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100dvh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}:target{scroll-margin-block:5ex}textarea,html,body{margin:0}html{user-select:none;font-family:sans-serif}#app{height:100dvh;padding:8px;display:grid;grid-template-rows:auto 1fr auto}footer{margin-top:1rem;font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}#textInput{min-width:140px}g text{user-select:none}g.edge path{pointer-events:visiblepainted}g.edge.selected path{stroke:gold;fill:none}g.edge polygon{pointer-events:bounding-box}g.edge.selected polygon{stroke:gold;fill:gold}g.selected.node{outline-style:solid;outline-color:gold;outline-width:2px;outline-offset:1px}.graph.selected{outline-offset:-4px;outline-color:#8b008b}.isEditingText{background-color:#fffacd}#textInputForm{display:flex;gap:2px;flex-wrap:wrap}#textInputForm button{padding-left:8px;padding-right:8px}#siteTitle{font-size:1.6rem;margin:.8rem 0 .4rem;font-weight:400}#appButtonBar{margin-bottom:6px;display:flex;flex-wrap:wrap;gap:2px}[popover]{filter:drop-shadow(1px 2px 4px rgba(0,0,0,.5));border-width:1px;border-color:#00000040;background-color:#fffbe3e6;padding:8px}#popover>.graphContextMenu{display:grid;gap:4px}#helpPopover{max-width:92vw;max-height:92vh;min-width:320px;padding:12px;background-color:#fffbe3e6}#helpPopover>h2{display:grid;grid-template-columns:1fr auto;gap:8px;margin-block-start:8px;margin-block-end:18px}#helpPopover #helpCloseBtn{padding:0px 1ch;font-size:1rem}ul{margin:0;padding-inline-start:1rem}.addFormBtn:focus-visible{z-index:2}.addFormBtn.keyboardAddShapeSubmitter{box-shadow:0 0 1pt 1pt #008b8b;z-index:1}.helpContent{display:grid;grid-template-columns:auto minmax(26ch,70ch);gap:16px}.helpContent>:nth-child(odd){font-weight:700}.shortcut{background-color:#dcdcdc;font-family:monospace}