.demo{margin-top:64px}.demo-frame{border:1px solid var(--border-strong);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 1px #2322200a,0 24px 60px -28px #23222059}.demo-canvas{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-position:-1px -1px;background-size:22px 22px;position:relative;overflow:hidden}.demo-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-edge{fill:none;stroke:var(--muted);stroke-width:1.5px;opacity:.55;animation:1.5s both demo-edge-in}.demo-edge--idea{stroke:var(--terracotta);stroke-dasharray:5 5;opacity:.7}.demo-node{box-sizing:border-box;background:var(--panel);border:1px solid var(--border-strong);-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 2px 8px -4px #23222040}.demo-node--root{border-top:3px solid var(--terracotta);padding-top:8px}.demo-node--enter{animation:1.26s cubic-bezier(.17,.84,.38,1.18) both demo-pop}.demo-node--idea{background:color-mix(in srgb, var(--terracotta) 6%, var(--panel));border:1.5px dashed var(--terracotta);box-shadow:none;cursor:pointer;flex-direction:row;align-items:center;gap:9px;transition:background .15s,border-color .15s;animation:1.26s cubic-bezier(.17,.84,.38,1.18) both demo-pop,2.4s ease-in-out 1.8s infinite demo-idea-pulse}.demo-node--idea:hover,.demo-node--idea:focus-visible{background:color-mix(in srgb, var(--terracotta) 12%, var(--panel));border-color:var(--clay);outline:none}.demo-node-plus{background:var(--terracotta);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.demo-node-plus svg{display:block}.demo-node--idea .demo-node-name{color:var(--terracotta)}.demo-node-overline{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);font-size:9px}.demo-node-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.demo-link{max-width:100%;font-family:var(--mono);letter-spacing:.01em;color:var(--terracotta);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;font-size:11px;overflow:hidden}.demo-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.demo-caption,.demo-cta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.demo-caption{color:var(--muted)}.demo-cta{color:var(--terracotta);font-weight:600}@keyframes demo-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes demo-edge-in{0%{opacity:0}to{opacity:.55}}@keyframes demo-idea-pulse{0%,to{box-shadow:0 0 #c9543a00}50%{box-shadow:0 0 0 6px #c9543a1f}}@media (prefers-reduced-motion:reduce){.demo-node--enter,.demo-node--idea,.demo-edge{animation:none}}@media (width<=620px){.demo-node{border-radius:7px;gap:4px;padding:8px 11px}.demo-node-name{font-size:14px}.demo-link{font-size:10px}.demo-node-plus{width:21px;height:21px}.demo{margin-top:44px}.demo-foot{gap:8px;margin-top:12px}.demo-caption,.demo-cta{letter-spacing:.08em;font-size:10px}}