.showcase.svelte-i0e6cd{padding-block:var(--space-20);max-width:1200px}.eyebrow.svelte-i0e6cd{color:var(--color-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.09em;font-weight:700}h1.svelte-i0e6cd{margin:var(--space-3) 0 var(--space-5);font-size:clamp(2rem,5vw,3.5rem)}.intro.svelte-i0e6cd{color:var(--color-text-muted);max-width:75ch;line-height:1.7}.disclaimer.svelte-i0e6cd{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-5) 0 var(--space-8);padding:var(--space-4);border-left:3px solid var(--color-primary);background:var(--color-surface)}.filters.svelte-i0e6cd{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filters.svelte-i0e6cd button:where(.svelte-i0e6cd){border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:var(--text-sm);cursor:pointer}.filters.svelte-i0e6cd button.active:where(.svelte-i0e6cd){background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.explorer.svelte-i0e6cd{gap:var(--space-5);grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:stretch;display:grid}.diagram.svelte-i0e6cd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-image:radial-gradient(var(--color-divider) 1px,transparent 1px);background-size:18px 18px;min-height:570px;position:relative;overflow:hidden}.diagram.svelte-i0e6cd svg:where(.svelte-i0e6cd){pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.diagram.svelte-i0e6cd line:where(.svelte-i0e6cd){stroke:var(--color-primary);stroke-width:.35px;opacity:.6;vector-effect:non-scaling-stroke;stroke-width:2px}.diagram.svelte-i0e6cd line.dimmed:where(.svelte-i0e6cd){opacity:.12}.node.svelte-i0e6cd{width:clamp(95px,25%,155px);padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node.svelte-i0e6cd:hover,.node.selected.svelte-i0e6cd{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-highlight)}.node.svelte-i0e6cd:focus-visible,.filters.svelte-i0e6cd button:where(.svelte-i0e6cd):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.node.dimmed.svelte-i0e6cd{opacity:.32}.node-title.svelte-i0e6cd{font-size:clamp(.7rem,1.4vw,.95rem);font-weight:700}.node-subtitle.svelte-i0e6cd{color:var(--color-text-muted);font-size:.67rem;line-height:1.3}.details.svelte-i0e6cd{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-7)}.details.svelte-i0e6cd h2:where(.svelte-i0e6cd){font-size:var(--text-xl);margin:var(--space-3) 0}.details.svelte-i0e6cd .subtitle:where(.svelte-i0e6cd){color:var(--color-text-muted);margin-bottom:var(--space-8)}.details.svelte-i0e6cd h3:where(.svelte-i0e6cd){font-size:var(--text-sm);margin:var(--space-6) 0 var(--space-2)}.details.svelte-i0e6cd p:where(.svelte-i0e6cd){color:var(--color-text-muted);line-height:1.7}.project-link.svelte-i0e6cd{margin-top:var(--space-7);color:var(--color-primary);font-weight:700;display:inline-block}.notes.svelte-i0e6cd{margin-top:var(--space-16)}.notes.svelte-i0e6cd h2:where(.svelte-i0e6cd){font-size:var(--text-xl);margin-bottom:var(--space-6)}.note-grid.svelte-i0e6cd{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.note-grid.svelte-i0e6cd article:where(.svelte-i0e6cd){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.note-grid.svelte-i0e6cd h3:where(.svelte-i0e6cd){font-size:var(--text-lg);margin-bottom:var(--space-3)}.note-grid.svelte-i0e6cd p:where(.svelte-i0e6cd){color:var(--color-text-muted);line-height:1.6}@media (width<=800px){.explorer.svelte-i0e6cd{grid-template-columns:1fr}.diagram.svelte-i0e6cd{min-height:510px}.note-grid.svelte-i0e6cd{grid-template-columns:1fr}.node.svelte-i0e6cd{width:29%;padding:8px 3px}.node-subtitle.svelte-i0e6cd{font-size:.59rem}}