#nodes .node{background:transparent;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none}#nodes .node .node-head{background:transparent!important;border:0!important;opacity:0;transition:opacity .12s;font-size:10px;height:28px;cursor:move}#nodes .node:hover .node-head,#nodes .node[aria-selected=true] .node-head,#nodes .node:focus-within .node-head{opacity:1}#nodes .node[data-kind=block] .node-body{height:calc(100% - 28px)}#nodes .wireframe{background:transparent;padding:8px;pointer-events:auto}#nodes .node:hover{outline:1px dashed #aaa;outline-offset:4px}#nodes .node[aria-selected=true]{outline:1.5px dashed #222;outline-offset:4px}#nodes .node.component-selected[aria-selected=true]{outline:none}#nodes .node.component-selected .resize-grip{visibility:hidden}#nodes .node .resize-grip{visibility:hidden;width:12px;height:12px;background:white;border:1.5px solid #222;right:-5px;bottom:-5px}#nodes .node[aria-selected=true]:not(.component-selected) .resize-grip{visibility:visible}#nodes .node[data-kind=note] .node-body{background:#fff7bc;padding:12px;clip-path:polygon(0 0,100% 0,100% 90%,92% 100%,0 100%)}#nodes .node-body img{border:0!important}#nodes .wf-copy strong,#nodes .wf-copy p,#nodes .wf-image,#nodes .wf-button,#nodes .wf-form>span,#nodes .wf-metrics b{cursor:pointer}#nodes .wf-copy strong,#nodes .wf-copy p{width:fit-content;max-width:100%}#nodes .component-target:hover{outline:1px dashed #888;outline-offset:3px;background-color:transparent}#nodes .component-target:focus-visible,#nodes .component-target[data-component-selected=true]{outline:2px dashed #222;outline-offset:4px}#nodes .component-target[data-component-selected=true]{position:relative}#nodes .wf-image,#nodes .wf-button,#nodes .wf-form>span{box-shadow:none}#component-tools{position:fixed;z-index:40;display:flex;align-items:center;gap:4px;padding:5px;background:#fff;border:1px dashed #444;max-width:calc(100vw - 20px);box-shadow:0 3px 12px #0001}#component-tools[hidden]{display:none}#component-tools button{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;color:#222;cursor:pointer}#component-tools button:hover{background:#eee}#component-tools button:focus-visible{outline:2px dashed #222}#component-tools svg{width:17px;height:17px}#component-tools span{font:12px Pretendard,sans-serif;padding:0 5px;white-space:nowrap}@media(hover:none){#nodes .node[aria-selected=true] .node-head{opacity:1}}@media(prefers-reduced-motion:reduce){#nodes .node .node-head{transition:none}}