.wyrd-graph-viewer{position:relative;inline-size:100%;block-size:100%;overflow:hidden;background:var(--component-graph-viewer-field-background);color:var(--component-graph-viewer-node-foreground);cursor:grab;font:inherit;touch-action:none;user-select:none}.wyrd-graph-viewer:active{cursor:grabbing}.wyrd-graph-viewer *,.wyrd-graph-viewer *:before,.wyrd-graph-viewer *:after{box-sizing:border-box}.wyrd-graph-viewer__world{position:absolute;inset-inline-start:0;inset-block-start:0;transform-origin:0 0;will-change:transform}.wyrd-graph-viewer__svg{position:absolute;inset:0;display:block;overflow:visible}.wyrd-graph-viewer__grid line{stroke:var(--component-graph-viewer-grid-color);stroke-width:var(--component-graph-viewer-grid-stroke-width)}.wyrd-graph-viewer__edge path{fill:none;stroke:var(--component-graph-viewer-edge-color);stroke-linecap:round;stroke-width:var(--component-graph-viewer-edge-stroke-width)}.wyrd-graph-viewer__edge circle{fill:var(--component-graph-viewer-edge-color)}.wyrd-graph-viewer__edge-label-pill{fill:var(--component-graph-viewer-edge-label-background);rx:var(--component-graph-viewer-edge-label-radius);ry:var(--component-graph-viewer-edge-label-radius)}.wyrd-graph-viewer__edge-label{fill:var(--component-graph-viewer-edge-label-foreground);font-size:var(--component-graph-viewer-edge-label-text-font-size);font-weight:var(--component-graph-viewer-edge-label-text-font-weight);line-height:var(--component-graph-viewer-edge-label-text-line-height);stroke:none;white-space:nowrap}.wyrd-graph-viewer__node-shell{position:absolute;overflow:visible;border:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-border-color);border-radius:var(--component-graph-viewer-node-radius);background:var(--component-graph-viewer-node-background);color:var(--component-graph-viewer-node-foreground);box-shadow:var(--component-graph-viewer-node-shadow);cursor:pointer}.wyrd-graph-viewer__node-shell[data-selected]{border-color:var(--component-graph-viewer-node-selected-border-color);border-width:var(--component-graph-viewer-node-selected-border-width);background:var(--component-graph-viewer-node-selected-background)}.wyrd-graph-viewer__node-shell:focus-visible{outline:var(--component-graph-viewer-node-selected-border-width) solid var(--component-graph-viewer-node-selected-border-color);outline-offset:calc(2 * var(--component-graph-viewer-node-selected-border-width))}.wyrd-graph-viewer__node-shell[role=group]{cursor:default}.wyrd-graph-viewer__compound-affordance{position:absolute;inset-inline-end:.5rem;inset-block-start:.5rem;inline-size:.65rem;block-size:.65rem;border-inline-end:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-muted-foreground);border-block-end:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-muted-foreground);pointer-events:none}.wyrd-graph-viewer__frontier{position:absolute;inset-inline-end:-4px;inset-block-start:-4px;inline-size:12px;block-size:12px;border:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-selected-border-color);border-radius:999px;background:var(--component-graph-viewer-node-selected-background);pointer-events:none}.wyrd-graph-viewer__unknown-node{display:grid;gap:var(--component-graph-viewer-node-vertical-gap);padding:var(--component-graph-viewer-node-padding)}.wyrd-graph-viewer__unknown-node strong{overflow:hidden;color:var(--component-graph-viewer-node-foreground);font-family:var(--component-graph-viewer-state-title-text-font-family);font-size:var(--component-graph-viewer-state-title-text-font-size);font-weight:var(--component-graph-viewer-state-title-text-font-weight);line-height:var(--component-graph-viewer-state-title-text-line-height);text-overflow:ellipsis;white-space:nowrap}.wyrd-graph-viewer__unknown-node span,.wyrd-graph-viewer__unknown-node p{margin:0;overflow:hidden;color:var(--component-graph-viewer-node-muted-foreground);font-family:var(--component-graph-viewer-state-body-text-font-family);font-size:var(--component-graph-viewer-state-body-text-font-size);font-weight:var(--component-graph-viewer-state-body-text-font-weight);line-height:var(--component-graph-viewer-state-body-text-line-height)}.wyrd-graph-viewer .wyrd-flow-graph-node{display:grid;gap:var(--component-graph-viewer-node-vertical-gap);padding:var(--component-graph-viewer-node-padding)}.wyrd-graph-viewer .wyrd-flow-graph-node__kind{justify-self:start;border-radius:999px;padding:.1rem .45rem;background:color-mix(in srgb,var(--component-graph-viewer-node-selected-border-color) 12%,transparent);color:var(--component-graph-viewer-node-foreground);font-size:.625rem;font-weight:700;line-height:1.2}.wyrd-graph-viewer .wyrd-flow-graph-node__title{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-family:var(--component-graph-viewer-state-title-text-font-family);font-size:var(--component-graph-viewer-state-title-text-font-size);font-weight:var(--component-graph-viewer-state-title-text-font-weight);line-height:var(--component-graph-viewer-state-title-text-line-height)}.wyrd-graph-viewer .wyrd-flow-graph-node--compound-state .wyrd-flow-graph-node__title{font-family:var(--component-graph-viewer-compound-state-title-text-font-family);font-size:var(--component-graph-viewer-compound-state-title-text-font-size);font-weight:var(--component-graph-viewer-compound-state-title-text-font-weight);line-height:var(--component-graph-viewer-compound-state-title-text-line-height)}.wyrd-graph-viewer .wyrd-flow-graph-node--event .wyrd-flow-graph-node__title{font-family:var(--component-graph-viewer-event-title-text-font-family);font-size:var(--component-graph-viewer-event-title-text-font-size);font-weight:var(--component-graph-viewer-event-title-text-font-weight);line-height:var(--component-graph-viewer-event-title-text-line-height)}.wyrd-graph-viewer .wyrd-flow-graph-node__title small{color:var(--component-graph-viewer-node-muted-foreground);font-size:.75rem;font-weight:600;text-transform:uppercase}.wyrd-graph-viewer .wyrd-flow-graph-node__description{display:-webkit-box;margin:0;overflow:hidden;color:var(--component-graph-viewer-node-muted-foreground);font-family:var(--component-graph-viewer-state-body-text-font-family);font-size:var(--component-graph-viewer-state-body-text-font-size);font-weight:var(--component-graph-viewer-state-body-text-font-weight);line-height:var(--component-graph-viewer-state-body-text-line-height);-webkit-box-orient:vertical;-webkit-line-clamp:3}.wyrd-graph-viewer .wyrd-flow-graph-node--event .wyrd-flow-graph-node__description{font-family:var(--component-graph-viewer-event-body-text-font-family);font-size:var(--component-graph-viewer-event-body-text-font-size);font-weight:var(--component-graph-viewer-event-body-text-font-weight);line-height:var(--component-graph-viewer-event-body-text-line-height)}.wyrd-graph-viewer .wyrd-flow-graph-node__badges{display:flex;flex-wrap:wrap;gap:.375rem}.wyrd-graph-viewer .wyrd-flow-graph-node__badges span{border:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-border-color);border-radius:999px;padding:.1rem .35rem;background:color-mix(in srgb,var(--component-graph-viewer-node-background) 80%,var(--component-graph-viewer-node-selected-border-color));font-size:.625rem;font-weight:650;line-height:1.25}.wyrd-graph-viewer-story{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:100vh;gap:.75rem;padding:1rem;background:var(--component-graph-viewer-field-background);color:var(--component-graph-viewer-node-foreground)}.wyrd-graph-viewer-story__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.wyrd-graph-viewer-story__status{color:var(--component-graph-viewer-node-muted-foreground);font-size:.875rem}.wyrd-graph-viewer-story__field{min-block-size:0;border:var(--component-graph-viewer-node-border-width) solid var(--component-graph-viewer-node-border-color);border-radius:var(--component-graph-viewer-node-radius);overflow:hidden}.wyrd-graph-viewer-story__events{display:grid;gap:.35rem;margin:0;padding:0;color:var(--component-graph-viewer-node-muted-foreground);font-size:.875rem;list-style:none}.wyrd-graph-viewer-parity-story{display:block;inline-size:100vw;block-size:100vh;min-block-size:100vh;padding:0;overflow:hidden}.wyrd-graph-viewer-parity-story *,.wyrd-graph-viewer-parity-story *:before,.wyrd-graph-viewer-parity-story *:after{animation:none!important;transition-duration:0s!important}