.ux-options-button{display:flex;align-items:center;gap:5px}.ux-options-button .small-icon{width:13px;height:13px}
#canvas.ux-grid-active{background-image:radial-gradient(var(--tone-5) 1px,transparent 1px);background-size:var(--ux-grid-size) var(--ux-grid-size);background-position:var(--ux-grid-x) var(--ux-grid-y)}
#ux-alignment-guides{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;z-index:9;pointer-events:none}#ux-alignment-guides line{stroke:#4d8bbf;stroke-width:1;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.ux-hovering .node:not(.ux-related):not(.selected):not(.multi-selected){opacity:.3}.ux-hovering .network-group.workspace-card:not(.ux-related){opacity:.4}.ux-hovering .edges>[data-link-edges]:not(.ux-related){opacity:.2}.ux-hovering .workspace-boundary-port:not(.ux-related){opacity:.4}.ux-hovering .node.ux-related{outline:2px solid var(--tone-7);outline-offset:3px}.ux-hovering .network-group.ux-related,.ux-hovering .workspace-boundary-port.ux-related{border-color:var(--ink)}.ux-hovering .edges>.ux-related .edge{stroke-width:2.5;stroke:var(--cable-color,var(--ink))}
#ux-hover-card{position:fixed;z-index:85;pointer-events:none;max-width:350px;min-width:190px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--paper);color:var(--ink);box-shadow:0 6px 24px #0002;font-size:11px;line-height:1.6;overflow-wrap:anywhere}#ux-hover-card strong,#ux-hover-card span,#ux-hover-card small{display:block}#ux-hover-card strong{font-weight:600}#ux-hover-card small{color:var(--tone-7);font-size:10px}.ux-tooltip-link+.ux-tooltip-link{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
@media(prefers-reduced-motion:no-preference){.node,.workspace-boundary-port,.edges>[data-link-edges]{transition:opacity .1s}}