*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.static{position:static}.mt-1{margin-top:.25rem}.block{display:block}.h1{height:.25rem}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px{padding-left:1rem;padding-right:1rem}.text-xs{font-size:.75rem;line-height:1rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-70{opacity:.7}.outline{outline-style:solid}:root{--bg: #faf9f6;--surface: #fff;--border: #e6e3da;--text: #1f1d1a;--muted: #6b665c;--accent: #b4530a;--accent-soft: #fdf0dc;--primary: oklch(.852 .199 91.936);--primary-text: oklch(.421 .095 57.708);--code-bg: #f1efe8;--nav-h: 52px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}.dark{--bg: #141416;--surface: #1e1e1e;--border: #33333a;--text: #ececea;--muted: #a3a29c;--accent: #f4b45f;--accent-soft: #3a2b16;--primary: oklch(.795 .184 86.047);--code-bg: #26262b;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{line-height:1.2;letter-spacing:-.015em;font-weight:650}code{font-family:var(--mono);font-size:.875em}:not(pre)>code{padding:.1em .35em;border-radius:4px;background:var(--code-bg)}pre{overflow:auto;padding:12px 14px;border-radius:8px;background:var(--code-bg);font-size:14px;line-height:1.5}img,svg{display:inline}.hidden{display:none}.spacer{flex:1}.warn{color:#c2410c}.dark .warn{color:#fb923c}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:14px;white-space:nowrap;text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.btn.primary:hover{opacity:.88}.icon-btn{display:inline-flex;padding:6px;border-radius:6px;color:var(--muted);cursor:pointer}.icon-btn:hover{color:var(--text)}.segmented{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.segmented button{height:26px;padding:0 10px;border-radius:6px;color:var(--muted);font-size:13px;white-space:nowrap;cursor:pointer}.segmented button:hover{color:var(--text)}.segmented [aria-checked=true]{background:var(--primary);color:var(--primary-text);font-weight:550}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:"";width:6px;height:6px;margin:-2px 0 0 2px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:.6}.menu-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:180px;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 8px 28px #00000024;font-size:14px}.menu-panel.right{right:0;left:auto}.menu-item{display:block;width:100%;padding:6px 10px;border-radius:6px;text-align:left;white-space:nowrap;cursor:pointer}.menu-item:hover{background:var(--accent-soft)}.menu-form{display:flex;flex-direction:column;gap:10px;width:300px;max-width:calc(100vw - 32px);padding:10px}.menu-form p{color:var(--muted);font-size:13px}.menu-form label{display:flex;align-items:center;gap:8px;min-width:0}.menu-form label.disabled{color:var(--muted)}.menu-form .field{justify-content:space-between}.menu-form input[type=number],.menu-form select,.url-row input{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.menu-form input[type=number]{width:96px}.menu-form select{max-width:170px}.menu-actions{display:flex;flex-wrap:wrap;gap:8px}.truncate{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.site-nav{position:sticky;z-index:30;top:0;display:flex;align-items:center;gap:18px;height:var(--nav-h);padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg);font-size:14px}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav [aria-current]{color:var(--text)}.site-nav .brand{display:inline-flex;align-items:center;gap:8px;margin-right:6px;color:var(--text);font-size:16px;font-weight:650;letter-spacing:-.01em}.icon-btn path,.icon-btn circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.site-nav .star{display:none;line-height:0}footer{padding:32px 16px;color:var(--muted);font-size:14px;text-align:center}.home{max-width:1120px;margin:0 auto;padding:0 20px}.home section{padding-top:64px}.home .hero{padding-top:72px;text-align:center}.hero h1{font-size:clamp(40px,7vw,68px);line-height:1.05;letter-spacing:-.03em;font-weight:700}.hero em{color:var(--accent);font-style:normal}.lead{max-width:560px;margin:20px auto 0;color:var(--muted);font-size:18px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.actions .btn{height:40px;padding:0 18px;font-size:15px}.home .hero-demo{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;margin-top:44px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 12px 40px #00000012}.hero-source{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.pane-label{padding:10px 14px 0;color:var(--muted);font-size:12px;font-weight:550;letter-spacing:.02em;text-transform:uppercase}.hero-source textarea{flex:1;min-height:220px;padding:10px 14px 14px;background:transparent;font-family:var(--mono);font-size:14px;line-height:1.55;resize:none;outline:none}.hero-demo markmap-view{height:420px}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}.home h2{font-size:30px}.section-head p{margin-top:6px;color:var(--muted)}.gallery{display:grid;gap:16px;margin-top:24px}.gallery figure{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.gallery markmap-view{height:280px}.gallery figcaption{padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.gallery figcaption strong{color:var(--text)}.features{display:grid;gap:24px 32px;margin-top:24px}.features h3,.uses h3{font-size:17px}.features p,.uses p{margin-top:4px;color:var(--muted)}.uses{display:grid;gap:24px;margin-top:24px}.uses>div{display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0}.uses pre{width:100%;flex:1;font-size:13px}.repl{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-h));min-height:420px}.repl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.repl-tabs{display:flex;border-bottom:1px solid var(--border)}.repl-tabs button{flex:1;padding:8px;color:var(--muted);font-size:14px}.repl-tabs [aria-selected=true]{box-shadow:inset 0 -2px var(--accent);color:var(--text)}.repl-panes{display:flex;flex:1;min-height:0}.repl-editor,.repl-stage{flex:1;min-width:0}.repl-panes[data-pane=editor] .repl-stage,.repl-panes[data-pane=map] .repl-editor,.repl-handle{display:none}.repl-editor{overflow:hidden;background:var(--surface)}.repl-editor .cm-editor{height:100%;font-size:14px}.repl-editor .cm-scroller{font-family:var(--mono)}.repl-editor .cm-focused{outline:none}.repl-stage{position:relative;overflow:hidden}.repl-stage markmap-view{height:100%}.node-flash{position:absolute;border-radius:4px;box-shadow:0 0 0 2px var(--accent);animation:flash 1s ease-out forwards;pointer-events:none}@keyframes flash{to{opacity:0}}.repl-status{display:flex;align-items:center;gap:14px;padding:4px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.repl-status .hint{display:none}.warnings{position:relative}.warnings summary{cursor:pointer}.warnings ul{position:absolute;z-index:20;bottom:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 8px 28px #00000024;color:var(--text)}.dialog{width:560px;max-width:calc(100vw - 32px);margin:auto;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px}.dialog::backdrop{background:#0006}.dialog form{display:flex;flex-direction:column;gap:12px}.dialog h2{font-size:18px}.dialog ul{padding-left:18px;list-style:disc;word-break:break-word}.dialog summary{cursor:pointer}.url-row{display:flex;align-items:center;gap:8px}.url-row input{flex:1;min-width:0;padding:6px 10px}.tag{padding:2px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;white-space:nowrap}.full markmap-view{height:100dvh}.docs{display:flex;max-width:1240px;margin:0 auto}.docs aside{position:fixed;z-index:25;top:0;bottom:0;left:100%;width:260px;padding:16px;background:var(--bg);transition:transform .15s}.docs aside:target{transform:translate(-100%);box-shadow:-8px 0 28px #0000002e}.docs aside .backdrop{display:none;font-size:0}.docs aside:target .backdrop{position:absolute;top:0;right:100%;bottom:0;display:block;width:100vw;background:#0006}.docs aside .toggle{position:absolute;top:64px;right:100%;width:34px;height:34px;border:1px solid var(--border);border-right:0;border-radius:7px 0 0 7px;background:var(--surface);line-height:32px;text-align:center;text-decoration:none}.toc{height:100%;overflow:auto;font-size:14px}.toc a{display:block;padding:3px 8px;border-radius:6px;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--text)}.toc a.active{background:var(--accent-soft);color:var(--accent)}.toc-sep{margin-top:20px;padding:3px 8px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.toc-heading{font-size:13px}.markdown{flex:1;min-width:0;max-width:820px;padding:24px 20px}.markdown h1{font-size:36px}.markdown h2{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);font-size:24px}.markdown h3{margin-top:26px;font-size:18px}.markdown p,.markdown pre,.markdown ul,.markdown ol,.markdown table,.markdown blockquote{margin-top:14px}.markdown ul{padding-left:22px;list-style:disc}.markdown ol{padding-left:22px;list-style:decimal}.markdown li+li{margin-top:4px}.markdown table{display:block;overflow:auto;border-collapse:collapse;font-size:14px}.markdown th,.markdown td{padding:6px 10px;border:1px solid var(--border);text-align:left}.markdown blockquote{padding-left:14px;border-left:3px solid var(--border);color:var(--muted)}.markdown :target{scroll-margin-top:calc(var(--nav-h) + 12px);color:var(--accent)}.demo{overflow:hidden;margin-top:14px;border:1px solid var(--border);border-radius:10px}.markdown .demo pre{margin:0;border-radius:0}.demo markmap-view{height:260px}.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-type{color:#b4231f}.hljs-string,.hljs-regexp{color:#0a5a33}.hljs-comment,.hljs-quote{color:#77736a;font-style:italic}.hljs-number,.hljs-literal,.hljs-built_in,.hljs-symbol{color:#0b57a4}.hljs-title,.hljs-section{color:#7c3aad;font-weight:600}.hljs-attr,.hljs-attribute,.hljs-name,.hljs-property{color:#8a4b08}.dark .hljs-keyword,.dark .hljs-selector-tag,.dark .hljs-doctag,.dark .hljs-type{color:#ff8f85}.dark .hljs-string,.dark .hljs-regexp{color:#8bd5a4}.dark .hljs-comment,.dark .hljs-quote{color:#94918a}.dark .hljs-number,.dark .hljs-literal,.dark .hljs-built_in,.dark .hljs-symbol{color:#8cc2ff}.dark .hljs-title,.dark .hljs-section{color:#cda5f3}.dark .hljs-attr,.dark .hljs-attribute,.dark .hljs-name,.dark .hljs-property{color:#f4c27a}.toast-wrapper{position:fixed;z-index:40;top:calc(var(--nav-h) + 8px);right:8px}.toast{margin-bottom:8px;padding:10px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 8px 28px #00000024}.toast-title{font-weight:600}.toast-body{font-size:14px}@media (min-width: 720px){.site-nav .star{display:block}.home .hero-demo{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.hero-source{border-right:1px solid var(--border);border-bottom:0}.gallery,.uses{grid-template-columns:repeat(3,minmax(0,1fr))}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.repl-tabs{display:none}.repl-panes[data-pane] .repl-editor{display:block;flex:0 0 var(--split)}.repl-panes[data-pane] .repl-stage{display:block}.repl-handle{display:block;flex:0 0 5px;margin:0 -2px;z-index:1;cursor:col-resize;background:linear-gradient(var(--border),var(--border)) center / 1px 100% no-repeat}.repl-handle:hover,.repl-handle:active{background:var(--accent)}.repl-status .hint{display:inline}}@media (min-width: 980px){.features{grid-template-columns:repeat(3,minmax(0,1fr))}.docs aside{position:sticky;top:var(--nav-h);left:auto;flex:0 0 248px;height:calc(100vh - var(--nav-h));border-right:1px solid var(--border);transform:none!important;box-shadow:none!important}.docs aside .toggle,.docs aside:target .backdrop{display:none}.markdown{padding:28px 40px}}
