.knowledge-graph-container.svelte-sgkjet{position:relative;background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-lg);overflow:hidden}canvas.svelte-sgkjet{display:block;cursor:grab}canvas.dragging.svelte-sgkjet{cursor:grabbing}canvas.panning.svelte-sgkjet{cursor:move}.controls.svelte-sgkjet{position:absolute;top:var(--space-performance-sm);right:var(--space-performance-sm);display:flex;gap:var(--space-performance-xs);align-items:center}.controls.svelte-sgkjet button:where(.svelte-sgkjet){padding:var(--space-performance-xs);background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-secondary);cursor:pointer;transition:all var(--duration-performance-micro) var(--ease-performance-standard)}.controls.svelte-sgkjet button:where(.svelte-sgkjet):hover{background:var(--color-performance-hover);color:var(--color-performance-fg-primary)}.node-count.svelte-sgkjet{font-size:var(--text-performance-caption);color:var(--color-performance-fg-muted);padding:0 var(--space-performance-xs)}.tooltip.svelte-sgkjet{position:absolute;padding:var(--space-performance-xs) var(--space-performance-sm);border-radius:var(--radius-performance-scale-sm);font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-primary);pointer-events:none;z-index:10;display:flex;align-items:center;gap:var(--space-performance-xs)}.type-badge.svelte-sgkjet{font-size:var(--text-performance-caption);padding:2px 6px;background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-muted)}.canvas-diagram.svelte-13k1uxy{position:relative;background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-lg);overflow:hidden;outline:none}.canvas-diagram.svelte-13k1uxy:focus{border-color:var(--color-performance-focus)}canvas.svelte-13k1uxy{display:block;cursor:default}canvas.hovering.svelte-13k1uxy{cursor:pointer}canvas.dragging.svelte-13k1uxy{cursor:grabbing}.toolbar.svelte-13k1uxy{position:absolute;bottom:var(--space-performance-sm);right:var(--space-performance-sm);display:flex;gap:var(--space-performance-xs)}.toolbar.svelte-13k1uxy button:where(.svelte-13k1uxy){display:flex;align-items:center;gap:var(--space-performance-xs);padding:var(--space-performance-xs) var(--space-performance-sm);background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-secondary);font-size:var(--text-performance-caption);cursor:pointer;transition:all var(--duration-performance-micro) var(--ease-performance-standard)}.toolbar.svelte-13k1uxy button:where(.svelte-13k1uxy):hover{background:var(--color-performance-hover);color:var(--color-performance-fg-primary)}.timeline-editor.svelte-1qzsyjv{background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-lg);overflow:hidden;outline:none}.timeline-editor.svelte-1qzsyjv:focus{border-color:var(--color-performance-focus)}.toolbar.svelte-1qzsyjv{display:flex;justify-content:space-between;align-items:center;padding:var(--space-performance-xs) var(--space-performance-sm);background:var(--color-performance-bg-surface)}.time-display.svelte-1qzsyjv{font-family:SF Mono,Menlo,monospace;font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary)}.current-time.svelte-1qzsyjv{color:var(--color-performance-fg-primary);font-weight:600}.separator.svelte-1qzsyjv{color:var(--color-performance-fg-muted);margin:0 var(--space-performance-xs)}.zoom-controls.svelte-1qzsyjv{display:flex;align-items:center;gap:var(--space-performance-xs)}.zoom-controls.svelte-1qzsyjv button:where(.svelte-1qzsyjv){width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-secondary);cursor:pointer;font-size:14px;font-weight:600}.zoom-controls.svelte-1qzsyjv button:where(.svelte-1qzsyjv):hover{background:var(--color-performance-hover);color:var(--color-performance-fg-primary)}.zoom-level.svelte-1qzsyjv{font-size:var(--text-performance-caption);color:var(--color-performance-fg-muted);min-width:40px;text-align:center}canvas.svelte-1qzsyjv{display:block;cursor:default}canvas.scrubbing.svelte-1qzsyjv{cursor:ew-resize}canvas.dragging-keyframe.svelte-1qzsyjv{cursor:grabbing}.experiment-page.svelte-ldh6vs{max-width:900px;margin:0 auto;padding:var(--space-performance-xl)}.page-header.svelte-ldh6vs{margin-bottom:var(--space-performance-2xl)}h1.svelte-ldh6vs{font-size:var(--text-performance-display-sm);font-weight:700;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-sm)}.subtitle.svelte-ldh6vs{font-size:var(--text-performance-body-lg);color:var(--color-performance-fg-secondary);max-width:600px}.demo-section.svelte-ldh6vs{margin-bottom:var(--space-performance-3xl)}h2.svelte-ldh6vs{font-size:var(--text-heading-md);font-weight:600;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-sm)}.description.svelte-ldh6vs{font-size:var(--text-performance-body-md);color:var(--color-performance-fg-secondary);margin-bottom:var(--space-performance-md)}.demo-container.svelte-ldh6vs{margin-bottom:var(--space-performance-md)}.selection-info.svelte-ldh6vs{padding:var(--space-performance-sm) var(--space-performance-md);background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-md);font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary);margin-bottom:var(--space-performance-md)}.code-example.svelte-ldh6vs{background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-md);overflow:hidden}.code-example.svelte-ldh6vs pre:where(.svelte-ldh6vs){margin:0;padding:var(--space-performance-md);overflow-x:auto}.code-example.svelte-ldh6vs code:where(.svelte-ldh6vs){font-family:SF Mono,Menlo,monospace;font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary)}.timeline-preview.svelte-ldh6vs{display:flex;align-items:center;gap:var(--space-performance-md);padding:var(--space-performance-md);background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-md);margin-bottom:var(--space-performance-md);min-height:80px}.preview-label.svelte-ldh6vs{font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-muted);min-width:120px}.preview-box.svelte-ldh6vs{width:40px;height:40px;background:var(--color-performance-data-1);border-radius:var(--radius-performance-scale-sm);transition:none}.benefits-section.svelte-ldh6vs{margin-top:var(--space-performance-xl);padding-top:var(--space-performance-xl)}.benefits-grid.svelte-ldh6vs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-performance-md);margin-top:var(--space-performance-lg)}.benefit-card.svelte-ldh6vs{padding:var(--space-performance-md);background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-md)}.benefit-card.svelte-ldh6vs h3:where(.svelte-ldh6vs){font-size:var(--text-performance-body-md);font-weight:600;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-xs)}.benefit-card.svelte-ldh6vs p:where(.svelte-ldh6vs){font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary);margin:0}@media(max-width:640px){.benefits-grid.svelte-ldh6vs{grid-template-columns:1fr}}