.klyp-route-CanvasTemplate{width:100%;min-height:calc(100svh - var(--header-h,56px));background:var(--color-bg-canvas);flex-direction:column;display:flex;position:relative}.klyp-route-CanvasTemplate[data-empty=true]{padding:var(--gutter-page-x);justify-content:center;align-items:center}.klyp-route-CanvasTemplate__topbar{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--gutter-page-x);display:flex}.klyp-route-CanvasTemplate__back{width:var(--control-size-lg);height:var(--control-size-lg);border-radius:var(--r-chip);color:var(--color-fg-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);justify-content:center;align-items:center;display:inline-flex}.klyp-route-CanvasTemplate__back:hover{background:var(--color-bg-surface-hover)}.klyp-route-CanvasTemplate__back:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.klyp-route-CanvasTemplate__title{font-family:var(--font-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.klyp-route-CanvasTemplate__pill{padding:var(--padding-chip-y) var(--padding-chip-x);border-radius:var(--r-chip);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);font-size:var(--font-size-13);color:var(--color-fg-muted);align-items:center;display:inline-flex}.klyp-route-CanvasTemplate__surface{min-height:0;padding:var(--gutter-page-y) var(--gutter-page-x);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.klyp-route-CanvasTemplate__graph{block-size:auto;inline-size:100%;max-inline-size:64rem}.klyp-route-CanvasTemplate__dot{fill:var(--color-border-subtle)}.klyp-route-CanvasTemplate__edge{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px}.klyp-route-CanvasTemplate__port{fill:var(--color-bg-canvas);stroke:var(--color-border-strong);stroke-width:1.5px}.klyp-route-CanvasTemplate__nodeRect{fill:var(--color-bg-surface);stroke:var(--color-border-subtle);stroke-width:1px}.klyp-route-CanvasTemplate__nodeRect[data-result=true]{stroke:var(--color-accent)}.klyp-route-CanvasTemplate__nodeLabel{fill:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-medium)}.klyp-route-CanvasTemplate__nodeText{fill:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-14)}.klyp-route-CanvasTemplate__addbar{width:max-content;max-width:calc(100% - var(--space-32));align-items:center;gap:var(--space-20);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-24);border-radius:var(--r-panel);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);animation:klyp-canvastemplate-addbar-in var(--duration-slow,.32s) var(--easing-standard) .2s both;margin-inline:auto;display:flex;position:absolute;inset-block-end:var(--space-24);inset-inline:0}.klyp-route-CanvasTemplate__addbarHint{align-items:center;gap:var(--space-8);min-width:0;font-size:var(--font-size-14);color:var(--color-fg-primary);display:inline-flex}@keyframes klyp-canvastemplate-addbar-in{0%{opacity:0;transform:translateY(var(--space-16))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.klyp-route-CanvasTemplate__addbar{animation:none}}