.demo-layout.svelte-x6nsmv{grid-template-columns:208px minmax(0,1fr);gap:42px;width:min(1280px,100% - 64px);margin:0 auto;padding-top:36px;padding-bottom:42px;display:grid}.demo-sidebar.svelte-x6nsmv{padding-top:8px}.back-link.svelte-x6nsmv{color:var(--muted);font-size:11px;text-decoration:none}.back-link.svelte-x6nsmv:hover{color:var(--accent)}.nav-label.svelte-x6nsmv{color:var(--muted);letter-spacing:.12em;margin:36px 12px 14px;font-size:9px;font-weight:680}nav.svelte-x6nsmv{gap:5px;display:grid}nav.svelte-x6nsmv a:where(.svelte-x6nsmv){color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}nav.svelte-x6nsmv a:where(.svelte-x6nsmv):hover{background:var(--surface-2);color:var(--ink)}nav.svelte-x6nsmv a.current:where(.svelte-x6nsmv){background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 10%, transparent);font-weight:620}.nav-index.svelte-x6nsmv{opacity:.6;font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}.craft-link.svelte-x6nsmv{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:10px;margin-top:28px;padding:23px 10px;font-size:11px;font-weight:620;text-decoration:none;display:flex}.craft-link.svelte-x6nsmv small:where(.svelte-x6nsmv){color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.craft-link.svelte-x6nsmv>svg:last-child{margin-left:auto}.sidebar-note.svelte-x6nsmv{color:var(--muted);opacity:.6;padding:20px 12px;font-size:11px;line-height:1.8}.demo-main.svelte-x6nsmv{min-width:0}.eyebrow.svelte-x6nsmv{color:var(--accent);letter-spacing:.13em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.eyebrow-line.svelte-x6nsmv{background:var(--accent);width:18px;height:1px;display:block}.heading-row.svelte-x6nsmv{justify-content:space-between;align-items:center;gap:16px;margin-top:11px;display:flex}h1.svelte-x6nsmv{color:var(--ink);letter-spacing:-1.4px;margin:0;font-size:clamp(28px,3vw,39px);font-weight:680;line-height:1.2}.wiki-link.svelte-x6nsmv{color:var(--muted);flex-shrink:0;align-items:center;gap:7px;font-size:11px;text-decoration:none;display:flex}.wiki-link.svelte-x6nsmv:hover{color:var(--accent)}.demo-heading.svelte-x6nsmv p:where(.svelte-x6nsmv){color:var(--muted);max-width:760px;margin:14px 0 25px;font-size:13px;line-height:1.8}.demo-heading.svelte-x6nsmv p:where(.svelte-x6nsmv)>span:where(.svelte-x6nsmv){color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-right:10px;font-size:10px;font-weight:650}.demo-workspace.svelte-x6nsmv{border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 36px color-mix(in srgb, var(--ink) 3%, transparent);border-radius:14px;overflow:hidden}.demo-toolbar.svelte-x6nsmv{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;min-height:59px;padding:13px 16px;display:flex}.demo-stage.svelte-x6nsmv{background:var(--surface-2);height:560px;position:relative}.demo-stage.svelte-x6nsmv .svelte-flow{--xy-background-color:var(--surface-2);--xy-background-pattern-dots-color:color-mix(in srgb, var(--muted) 28%, transparent);--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--accent-soft);--xy-controls-button-color:var(--muted);--xy-controls-button-border-color:var(--line);--xy-minimap-background-color:var(--surface);--xy-minimap-mask-background-color:color-mix(in srgb, var(--surface-2) 75%, transparent)}.demo-stage.svelte-x6nsmv .svelte-flow__controls{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #00000005}.demo-stage.svelte-x6nsmv .svelte-flow__minimap{border:1px solid var(--line);border-radius:8px;overflow:hidden}.demo-stage.svelte-x6nsmv .svelte-flow__attribution{background:var(--surface);color:var(--muted);border-radius:4px 0 0;font-size:8px}.canvas-footer.svelte-x6nsmv{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:9px;display:flex}.canvas-footer.svelte-x6nsmv>span:where(.svelte-x6nsmv):first-child{letter-spacing:.1em;align-items:center;gap:7px;font-size:8px;font-weight:650;display:flex}.live-dot.svelte-x6nsmv{background:#58a58a;border-radius:50%;width:5px;height:5px}.demo-info.svelte-x6nsmv{min-width:0;color:var(--muted);margin:17px 0;font-size:12px;line-height:1.8}.demo-main.svelte-x6nsmv>.source-panel{margin-top:20px}.demo-footer.svelte-x6nsmv{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:25px 2px 0;font-size:10px;display:flex}.demo-footer.svelte-x6nsmv a:where(.svelte-x6nsmv){color:var(--accent);align-items:center;gap:10px;font-size:11px;text-decoration:none;display:flex}@media (width<=1050px){.demo-layout.svelte-x6nsmv{grid-template-columns:170px minmax(0,1fr);gap:24px}nav.svelte-x6nsmv a:where(.svelte-x6nsmv){gap:8px;padding:11px 8px;font-size:11px}.nav-index.svelte-x6nsmv{display:none}.demo-stage.svelte-x6nsmv{height:520px}}@media (width<=760px){.demo-layout.svelte-x6nsmv{width:calc(100% - 32px);padding-top:20px;display:block}.demo-sidebar.svelte-x6nsmv{margin-bottom:24px;padding-top:0}.back-link.svelte-x6nsmv,.nav-label.svelte-x6nsmv,.craft-link.svelte-x6nsmv,.sidebar-note.svelte-x6nsmv{display:none}nav.svelte-x6nsmv{scrollbar-width:thin;gap:5px;padding-bottom:5px;display:flex;overflow-x:auto}nav.svelte-x6nsmv a:where(.svelte-x6nsmv){background:var(--surface);border-color:var(--line);flex-shrink:0;padding:9px 11px;font-size:11px}.demo-heading.svelte-x6nsmv p:where(.svelte-x6nsmv){font-size:12px}.demo-stage.svelte-x6nsmv{height:460px}.demo-toolbar.svelte-x6nsmv{padding:10px}.wiki-link.svelte-x6nsmv{gap:4px;font-size:10px}}@media (width<=440px){.heading-row.svelte-x6nsmv{align-items:flex-start;gap:10px}h1.svelte-x6nsmv{max-width:240px;font-size:29px}.wiki-link.svelte-x6nsmv{gap:6px;margin-top:8px;font-size:0}.canvas-footer.svelte-x6nsmv{padding:11px;font-size:8px}.demo-stage.svelte-x6nsmv .svelte-flow__minimap{width:100px;height:70px}}