.board-canvas{--cu-ink:var(--app-ink);--cu-ink-soft:var(--app-ink-muted);--cu-ink-hover:color-mix(in srgb, var(--app-ink) 5%, transparent);--cu-panel:color-mix(in srgb, var(--app-surface) 92%, transparent);--cu-panel-soft:var(--app-surface-muted);--cu-border:var(--app-border);--cu-shadow:color-mix(in srgb, var(--app-shadow) 80%, transparent);--cu-shadow-soft:var(--app-shadow-soft);--cu-accent:var(--app-accent);--cu-active-border:color-mix(in srgb, var(--app-accent) 32%, var(--app-border));--cu-active-shadow:color-mix(in srgb, var(--app-accent) 18%, transparent);--cu-active-bg:color-mix(in srgb, var(--app-accent) 14%, transparent);--cu-active-color:var(--app-accent);--cu-tooltip-bg:color-mix(in srgb, var(--app-ink) 92%, transparent);--cu-tooltip-color:var(--app-surface);overscroll-behavior:contain;contain:layout paint;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--app-surface-subtle,var(--app-surface,#f6f8fb));background-image:linear-gradient(color-mix(in srgb, var(--app-border) 42%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--app-border) 42%, transparent) 1px, transparent 1px);background-size:28px 28px;width:100%;height:100%;position:relative;overflow:clip}.board-canvas__world{transform-origin:0 0;will-change:transform;width:1px;height:1px;position:absolute;top:0;left:0}.board-canvas__edges{pointer-events:none;width:10000px;height:10000px;position:absolute;inset:-5000px;overflow:visible}.board-canvas__edge-line,.board-canvas__edge-preview{fill:none;stroke:color-mix(in srgb, var(--app-ink-muted) 70%, transparent);stroke-width:2px;vector-effect:non-scaling-stroke}.board-canvas__edge-line{marker-end:url(#board-arrow)}.board-canvas__edge-lane--backward{display:none}.board-canvas__edge--forward .board-canvas__edge-line,.board-canvas__edge--backward .board-canvas__edge-line,.board-canvas__edge--bidirectional .board-canvas__edge-lane--forward{marker-start:none;marker-end:url(#board-arrow)}.board-canvas__edge--bidirectional .board-canvas__edge-lane--backward{display:initial;marker-start:none;marker-end:url(#board-arrow)}.board-canvas__edge--none .board-canvas__edge-line{marker-start:none;marker-end:none}.board-canvas__edge--async .board-canvas__edge-line{stroke-dasharray:6 6}.board-canvas__edge--streaming .board-canvas__edge-line{stroke-width:4px}.board-canvas__edge--navigation .board-canvas__edge-line{stroke:color-mix(in srgb, var(--app-accent) 72%, var(--app-ink-muted));stroke-dasharray:2 5}.board-canvas__edge--dependency .board-canvas__edge-line{stroke:color-mix(in srgb, var(--app-ink-muted) 52%, transparent);stroke-dasharray:9 5 2 5;marker-end:none}.board-canvas__edge-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke;cursor:pointer}.board-canvas__edge--selected .board-canvas__edge-line,.board-canvas__edge--active-step .board-canvas__edge-line{stroke:var(--app-accent);stroke-width:3px}.board-canvas__edge--flowing-forward .board-canvas__edge-lane--forward,.board-canvas__edge--flowing-backward .board-canvas__edge-lane--backward,.board-canvas__edge--backward.board-canvas__edge--flowing-backward .board-canvas__edge-lane--forward{stroke:var(--app-accent);stroke-dasharray:4 10;animation:.7s linear infinite board-edge-data-flow}.board-canvas__edge--degraded .board-canvas__edge-line{stroke:var(--md-sys-color-error);stroke-width:3px}.board-canvas__edges marker path{fill:var(--app-ink-muted);stroke:none}.board-canvas__edge-preview{stroke-dasharray:7 6;marker-end:none;animation:.7s linear infinite board-edge-preview-flow;stroke:var(--app-accent)!important}.board-canvas__edge-label{paint-order:stroke;stroke:var(--app-surface);stroke-width:5px;stroke-linejoin:round;fill:var(--app-accent);font-family:var(--font-family-brisa);letter-spacing:.08em;text-anchor:middle;font-size:10px;font-weight:800}.board-canvas__node{cursor:grab;border-radius:var(--app-radius-surface);outline-offset:4px;outline:2px solid #0000;min-width:188px;min-height:88px;transition:outline-color .12s,filter .12s;position:absolute}.board-canvas__node:active{cursor:grabbing}.board-canvas__node--selected{outline-color:var(--app-accent)}.board-canvas__node--connecting{outline-color:var(--app-warning,#f59e0b);filter:drop-shadow(0 0 10px #f59e0b40)}.board-canvas--connecting .board-canvas__node{cursor:crosshair}.board-canvas__connection-hint{z-index:4;border:1px solid color-mix(in srgb, var(--app-accent) 32%, var(--app-border));border-radius:var(--app-radius-overlay);max-width:min(520px,100% - 180px);color:var(--app-ink);background:color-mix(in srgb, var(--app-surface) 94%, transparent);box-shadow:var(--app-shadow-soft);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:9px 13px;font-size:10px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.board-canvas__delete-edge{z-index:5;border:1px solid color-mix(in srgb, var(--md-sys-color-error) 30%, var(--app-border));border-radius:var(--app-radius-surface);min-height:34px;color:var(--md-sys-color-error);background:color-mix(in srgb, var(--app-surface) 94%, transparent);box-shadow:var(--app-shadow-soft);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:750;display:inline-flex;position:absolute;bottom:68px;left:18px}@keyframes board-edge-preview-flow{to{stroke-dashoffset:-13px}}@keyframes board-edge-data-flow{to{stroke-dashoffset:-28px}}@media (prefers-reduced-motion:reduce){.board-canvas__edge--flowing-forward .board-canvas__edge-lane--forward,.board-canvas__edge--flowing-backward .board-canvas__edge-lane--backward{animation:none}}.board-canvas__empty{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}