.routine-flow-canvas-host--compact .routine-flow-graph-view[data-v-31bd7dd1]{min-height:14rem}.routine-flow-canvas-host--full[data-v-31bd7dd1],.routine-flow-canvas-host--full .routine-flow-graph-view[data-v-31bd7dd1]{flex:1;min-height:0}.routine-flow-canvas-host__toolbar[data-v-31bd7dd1]{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--color-border) 45%,transparent);display:flex;gap:.5rem;padding:.375rem .5rem}.routine-flow-canvas-host__action[data-v-31bd7dd1]{align-items:center;background:color-mix(in srgb,var(--color-surface) 90%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:.25rem;color:var(--color-fg-muted);display:inline-flex;height:1.625rem;justify-content:center;width:1.625rem}.routine-flow-canvas-host__action[data-v-31bd7dd1]:hover{border-color:color-mix(in srgb,var(--color-border) 80%,transparent);color:var(--color-fg)}.routine-flow-graph-node[data-v-31bd7dd1]{align-items:center;background:color-mix(in srgb,var(--color-surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:.375rem;box-shadow:0 4px 14px -12px color-mix(in srgb,var(--color-fg) 18%,transparent);cursor:pointer;display:flex;gap:.375rem;max-width:11rem;padding:.375rem .5rem;transition:border-color .12s ease,box-shadow .12s ease;width:11rem}.routine-flow-graph-node[data-v-31bd7dd1]:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.routine-flow-graph-node--selected[data-v-31bd7dd1]{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 22%,transparent)}.routine-flow-graph-node__handle[data-v-31bd7dd1]{visibility:hidden}.routine-flow-graph-node__icon[data-v-31bd7dd1]{color:var(--color-primary);flex:none}.routine-flow-graph-node--deterministic .routine-flow-graph-node__icon[data-v-31bd7dd1]{color:var(--color-success,#10b981)}.routine-flow-graph-node--gate .routine-flow-graph-node__icon[data-v-31bd7dd1]{color:var(--color-warning,#f59e0b)}.routine-flow-graph-node__title[data-v-31bd7dd1]{color:var(--color-fg);flex:1;font-size:.6875rem;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-flow-graph-view[data-v-31bd7dd1]{--flow-canvas-mid:color-mix(in srgb,var(--color-surface) 96%,transparent)}