.wb-canvas{background-color:var(--evr-surfaces-secondary-default);background-image:radial-gradient(var(--evr-borders-decorative-lowemp) var(--evr-border-width-thin-px), transparent 0);border:var(--evr-border-width-thin-px) solid var(--evr-borders-decorative-lowemp);border-radius:var(--evr-radius-sm);background-size:18px 18px}.wb-node{background:var(--evr-surfaces-primary-default);border:var(--evr-border-width-thin-px) solid var(--evr-borders-decorative-lowemp);border-radius:var(--evr-radius-sm);box-shadow:var(--evr-depth-02);transition:border-color .12s,box-shadow .12s}.wb-node:hover{border-color:var(--evr-interactive-primary-default)}.wb-node:focus-visible{outline:var(--evr-border-width-thick-px) solid var(--evr-focus-ring-color);outline-offset:var(--evr-border-width-thin-px)}.wb-node-error{border-color:var(--evr-borders-status-error)}.wb-node-dragging{opacity:.6;box-shadow:var(--evr-depth-04)}.wb-drop{height:var(--evr-border-width-thick-px);background:var(--evr-interactive-primary-default);border-radius:var(--evr-radius-circle)}.wb-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--evr-content-primary-lowemp);align-items:center;display:inline-flex}.wb-handle:active{cursor:grabbing}.wb-rail{width:var(--evr-border-width-thick-px);background:var(--evr-borders-decorative-highemp);border-radius:var(--evr-radius-circle)}.wb-port{border-radius:var(--evr-radius-circle);background:var(--evr-surfaces-primary-default);border:var(--evr-border-width-thick-px) solid var(--evr-borders-decorative-highemp);width:10px;height:10px}.wb-port-filled{background:var(--evr-interactive-primary-default);border-color:var(--evr-interactive-primary-default)}.wb-layout{gap:var(--evr-spacing-md);grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;display:grid}.wb-palette-item{align-items:center;gap:var(--evr-spacing-2xs);padding:var(--evr-spacing-2xs) var(--evr-spacing-xs);border:var(--evr-border-width-thin-px) solid var(--evr-borders-decorative-lowemp);border-radius:var(--evr-radius-2xs);background:var(--evr-surfaces-primary-default);display:flex}.wb-palette-item[data-clickable]{cursor:pointer}.wb-hint{display:inline-flex;position:relative}.wb-hint:after{content:attr(data-hint);top:calc(100% + var(--evr-spacing-4xs));background:var(--evr-surfaces-secondary-inverse-default);color:var(--evr-content-primary-inverse);font-family:var(--evr-font-family-body);font-size:var(--evr-font-size-sm-md);padding:var(--evr-spacing-4xs) var(--evr-spacing-2xs);border-radius:var(--evr-radius-2xs);box-shadow:var(--evr-depth-02);white-space:nowrap;pointer-events:none;opacity:0;z-index:60;font-weight:400;line-height:1.4;transition:opacity .12s;position:absolute;right:0}.wb-hint-start:after{left:0;right:auto}.wb-hint:hover:after,.wb-hint:focus-within:after{opacity:1;transition-delay:.3s}.wb-palette-item:hover{border-color:var(--evr-interactive-primary-default);background:var(--evr-surfaces-primary-hovered)}