.wf-graph-viewport{position:relative;min-inline-size:0}.wf-graph-viewport .wf-graph-pan-hint{inset-inline-start:var(--ui-space-3,.75rem);inset-block-end:var(--ui-space-3,.75rem);display:flex;align-items:center;max-inline-size:calc(100% - 24px);margin:0;padding:4px 7px;border:1px solid var(--ui-line,var(--border-subtle));border-radius:999px;color:var(--foreground-muted);background:var(--ui-glass-surface,var(--surface-elevated));font-size:.6875rem;line-height:1.3;pointer-events:none;user-select:none}.wf-graph-camera>.wf-graph-fit,.wf-graph-viewport .wf-graph-pan-hint{position:absolute;z-index:2;gap:6px;box-shadow:var(--ui-shadow-panel,none);white-space:nowrap}.wf-graph-camera>.wf-graph-fit{inset-inline-end:var(--ui-space-3,.75rem);inset-block-start:var(--ui-space-3,.75rem);min-inline-size:44px;min-block-size:44px;padding:8px 10px;border-radius:var(--ui-radius-sm,.5rem);background:var(--surface-elevated);font-size:.75rem;line-height:1.25}.wf-graph-pan-hint svg{flex:0 0 auto;color:var(--accent)}.wf-graph-pan-hint span{overflow:hidden;text-overflow:ellipsis}@media (forced-colors:active){.wf-graph-viewport .wf-graph-pan-hint{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.wf-graph-pan-hint svg{color:CanvasText}.wf-graph-camera>.wf-graph-fit{background:Canvas;color:ButtonText;border-color:ButtonText;box-shadow:none}}.ui-separator{flex-shrink:0;background:var(--ui-line,var(--border-subtle))}.ui-separator[data-orientation=horizontal]{block-size:1px;inline-size:100%}.ui-separator[data-orientation=vertical]{block-size:100%;inline-size:1px}@media (forced-colors:active){.ui-separator{background:CanvasText}}.wf-graph-controls{position:static;display:inline-flex;align-items:center;gap:0;flex:0 0 auto;min-inline-size:0;block-size:44px;color:var(--foreground-strong);background:transparent}.wf-graph-controls .ui-ordered-tool{flex:0 0 auto}.wf-graph-controls .ui-button,.wf-graph-controls-popover .wf-graph-zoom-adjustments .ui-button{min-block-size:44px;min-inline-size:44px;block-size:44px;padding:6px;font-size:.75rem;line-height:1.2;border-radius:var(--ui-radius-sm,.5rem)}.wf-graph-controls .wf-graph-zoom-level{inline-size:56px;min-inline-size:56px;font:600 .75rem/1.2 var(--kam-mono);font-variant-numeric:tabular-nums}.wf-graph-controls .wf-graph-fit{position:static;display:inline-flex;gap:4px;inline-size:104px;min-inline-size:104px;max-inline-size:104px;white-space:nowrap}.wf-graph-controls .wf-graph-fit[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.wf-graph-controls-popover{inline-size:260px;padding:12px}.wf-graph-controls-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:.8125rem;line-height:1.4}.wf-graph-controls-popover>header output{color:var(--foreground-muted);font:.75rem/1.4 var(--kam-mono);font-variant-numeric:tabular-nums}.wf-graph-controls-popover .wf-graph-zoom-adjustments{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-block:4px}.wf-graph-controls-popover .wf-graph-zoom-adjustments>.ui-slider{grid-area:1/2;min-inline-size:0}.wf-graph-controls-popover .wf-graph-zoom-adjustments>[data-tool-id=zoom-out]{grid-area:1/1}.wf-graph-controls-popover .wf-graph-zoom-adjustments>[data-tool-id=zoom-in]{grid-area:1/3}.wf-graph-controls-popover .ui-slider-thumb{inline-size:20px;block-size:20px}.wf-graph-controls-popover .wf-graph-zoom-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.wf-graph-controls-popover .wf-graph-zoom-presets .ui-button{min-inline-size:0;min-block-size:44px;padding:6px 4px;font-size:.6875rem;white-space:nowrap;font-variant-numeric:tabular-nums}.wf-graph-controls-popover .wf-graph-zoom-presets .ui-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wf-graph-controls-popover>p{margin:8px 0 0;color:var(--foreground-muted);font-size:.6875rem;line-height:1.5}@container workspace-frame (max-width: 720px){.wf-graph-controls .wf-graph-fit,.wf-graph-controls .wf-graph-zoom-level{inline-size:44px;min-inline-size:44px;max-inline-size:44px}.wf-graph-controls .wf-graph-fit>span{display:none}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.wf-graph-controls-popover{background:var(--surface-elevated);backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.wf-graph-controls .ui-button,.wf-graph-controls-popover .ui-button{transition:none}}@media (forced-colors:active){.wf-graph-controls{color:CanvasText}.wf-graph-controls-popover{color:CanvasText;background:Canvas;border-color:ButtonText;box-shadow:none;backdrop-filter:none}.wf-graph-controls .wf-graph-fit[aria-pressed=true],.wf-graph-controls-popover .wf-graph-zoom-presets .ui-button[aria-pressed=true]{color:HighlightText;background:Highlight}}.wf-graph-controls .ui-button{border-color:var(--ui-line-strong,var(--border-strong));background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--foreground) 5%,transparent)}.wf-graph-controls .ui-button:hover:not(:disabled){color:var(--foreground-strong);border-color:var(--accent);background:var(--surface-elevated)}.wf-graph-controls .ui-button:is([aria-expanded=true],[aria-pressed=true]){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.wf-graph-controls-popover .wf-graph-zoom-divider{margin-block:8px}.wf-graph-controls-popover .wf-graph-zoom-presets{padding:4px;border:1px solid var(--ui-line,var(--border-subtle));border-radius:var(--ui-radius-sm,.5rem);background:var(--surface-muted)}@media (forced-colors:active),(prefers-contrast:more){.wf-graph-controls .ui-button{box-shadow:none}}@media (forced-colors:active){.wf-graph-controls .ui-button{color:ButtonText;background:ButtonFace;border-color:ButtonText}.wf-graph-controls .ui-button:is([aria-expanded=true],[aria-pressed=true]){color:HighlightText;background:Highlight;border-color:Highlight}}