:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body,#root{height:100%;margin:0}.react-flow{--background:#e2e8f0;--panel-background:#f8fafc;--panel-shadow:0 0 4px 0 #0003;--text:#0a0a0a}.react-flow svg{display:block}.react-flow__node{box-shadow:none;background:0 0;border:none}.react-flow__node.selectable{box-shadow:none}.panel-shapes{background-color:#f8fafc;border-radius:8px;padding:8px;box-shadow:0 0 4px #0003}.react-flow__node-toolbar{gap:8px;display:flex}.react-flow__handle{opacity:0;z-index:10}.react-flow__node.selected .react-flow__handle{opacity:1}.sidebar-label{-webkit-user-select:none;user-select:none;margin-bottom:4px;font-size:12px}.sidebar-items{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.sidebar-item{opacity:.5;cursor:pointer;border-radius:3px;padding:5px;position:relative;overflow:hidden}.sidebar-item>svg{stroke:#222}.sidebar-item:hover{opacity:1;background-color:var(--background)}.sidebar-item-drag-image{position:absolute;top:-100000px;left:-1000000px;transform:translate(0)}.color-swatch{width:28px;height:28px;box-shadow:none;border:1px solid var(--panel-background);cursor:pointer;border-radius:50%;outline:none}.color-swatch.active{outline:2px solid var(--text)}.node-label{text-align:center;box-shadow:none;color:var(--text);background:0 0;border:none;outline:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-label::placeholder{color:var(--text);opacity:.5}@media (prefers-color-scheme:dark){html,body{background-color:#101012}}