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