:where([data-rdi-root]:not([data-rdi-unstyled])){--rdi-font-family:ui-monospace, SFMono-Regular, Consolas, monospace;--rdi-font-size:13px;--rdi-line-height:1.5;--rdi-background:#fff;--rdi-foreground:#262b33;--rdi-muted:#656c78;--rdi-key-color:#344359;--rdi-string-color:#286547;--rdi-number-color:#92500b;--rdi-boolean-color:#794b91;--rdi-null-color:#76707c;--rdi-special-color:#315e8f;--rdi-row-height:28px;--rdi-indent:18px;--rdi-radius:6px;--rdi-hover-background:#f2f4f6;--rdi-selected-background:#e8edf5;--rdi-focus-ring:#365f94;--rdi-border-color:#dfe2e7;background:var(--rdi-background);color:var(--rdi-foreground);font:var(--rdi-font-size)/var(--rdi-line-height) var(--rdi-font-family);border:1px solid var(--rdi-border-color);border-radius:var(--rdi-radius);text-align:start;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:hidden}:where([data-rdi-root][data-theme=dark]:not([data-rdi-unstyled])){--rdi-background:#20242b;--rdi-foreground:#e2e5ea;--rdi-muted:#a7aeb9;--rdi-key-color:#c9d5e7;--rdi-string-color:#a1cfb1;--rdi-number-color:#e9bb81;--rdi-boolean-color:#d6ade6;--rdi-null-color:#b9afc5;--rdi-special-color:#a3c5eb;--rdi-hover-background:#2b303a;--rdi-selected-background:#34435b;--rdi-focus-ring:#9fc5f8;--rdi-border-color:#3e4551;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:where([data-rdi-root][data-theme=system]:not([data-rdi-unstyled])){--rdi-background:#20242b;--rdi-foreground:#e2e5ea;--rdi-muted:#a7aeb9;--rdi-key-color:#c9d5e7;--rdi-string-color:#a1cfb1;--rdi-number-color:#e9bb81;--rdi-boolean-color:#d6ade6;--rdi-null-color:#b9afc5;--rdi-special-color:#a3c5eb;--rdi-hover-background:#2b303a;--rdi-selected-background:#34435b;--rdi-focus-ring:#9fc5f8;--rdi-border-color:#3e4551;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:where([data-rdi-root][data-density=comfortable]:not([data-rdi-unstyled])){--rdi-row-height:36px}:where([data-rdi-root]:not([data-rdi-unstyled]) button),:where([data-rdi-root]:not([data-rdi-unstyled]) input),:where([data-rdi-root]:not([data-rdi-unstyled]) textarea){font:inherit;color:inherit;box-sizing:border-box}:where([data-rdi-root]:not([data-rdi-unstyled]) button){border:1px solid var(--rdi-border-color);cursor:pointer;background:0 0;border-radius:3px;padding:4px 8px;line-height:1.4}:where([data-rdi-root]:not([data-rdi-unstyled]) button:disabled){opacity:.45;cursor:default}:where([data-rdi-root]:not([data-rdi-unstyled]) :focus-visible){outline:2px solid var(--rdi-focus-ring);outline-offset:-2px}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-tree]){outline:none;max-height:440px;padding-block:8px;position:relative;overflow:auto}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-node]){height:var(--rdi-row-height);box-sizing:border-box;white-space:nowrap;cursor:default;align-items:center;gap:7px;min-width:max-content;padding-inline-start:calc(8px + var(--rdi-depth) * var(--rdi-indent));padding-inline-end:14px;display:flex}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-node]:hover){background:var(--rdi-hover-background)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-selected=true]){background:var(--rdi-selected-background)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-tree]:focus [data-focused=true]){outline:2px solid var(--rdi-focus-ring);outline-offset:-2px}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-toggle]){width:20px;min-width:20px;height:24px;color:var(--rdi-muted);border:0;border-radius:2px;flex-shrink:0;place-content:center;padding:0;font-size:19px;display:inline-grid}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-key]){color:var(--rdi-key-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-separator]){color:var(--rdi-muted)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-value]){color:var(--rdi-special-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-type=string] [data-rdi-value]){color:var(--rdi-string-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) :is([data-type=number],[data-type=bigint]) [data-rdi-value]){color:var(--rdi-number-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-type=boolean] [data-rdi-value]){color:var(--rdi-boolean-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) :is([data-type=null],[data-type=undefined],[data-type=accessor]) [data-rdi-value]){color:var(--rdi-null-color)}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-match]){text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-search]){border-block-end:1px solid var(--rdi-border-color);align-items:center;gap:6px;padding:10px;display:flex}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-search] input){outline-offset:3px;background:0 0;border:0;width:100%;min-width:60px;padding:3px}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-search] [role=status]){white-space:nowrap;color:var(--rdi-muted);font-size:11px}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-footer]){border-block-start:1px solid var(--rdi-border-color);color:var(--rdi-muted);justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:10px;display:flex}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-actions]){border-block-start:1px solid var(--rdi-border-color);flex-wrap:wrap;gap:8px;padding:12px;display:flex}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-actions] textarea){background:var(--rdi-background);border:1px solid var(--rdi-border-color);width:100%;min-height:100px}@media (pointer:coarse){:where([data-rdi-root]:not([data-rdi-unstyled])){--rdi-row-height:40px}:where([data-rdi-root]:not([data-rdi-unstyled]) button){min-height:32px}}:where([data-rdi-root]:not([data-rdi-unstyled]) [data-rdi-reference]){appearance:none;color:inherit;font:inherit;text-align:start;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}:root{color:#1b1916;font-synthesis:none;--rule:#c9c1b3;--muted:#676158;--accent:#b5222b;background:#f4f0e7;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #b5222b}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:12px}header,main,footer{max-width:1320px;margin:auto;padding-inline:48px}header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:94px;display:flex}.brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand b{color:var(--muted);font-weight:400}.brand-mark{flex:none;display:block}header nav{gap:26px;font-size:14px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(36px,4.2vw,60px);font-weight:620;line-height:1.07}h2{letter-spacing:-.035em;font-size:32px;font-weight:600;line-height:1.17}p{color:var(--muted);max-width:65ch}.hero{grid-template-columns:1fr 1.13fr;align-items:start;gap:48px;padding-block:75px 52px;display:grid}.project-name{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.tree-mark{color:var(--accent);font:18px/12px monospace}.version{border:1px solid var(--rule);color:var(--muted);border-radius:3px;padding:2px 5px;font:11px monospace}.hero-copy>p{max-width:43ch;font-size:17px;line-height:1.65}.hero-links{align-items:center;gap:24px;margin:28px 0;font-size:14px;display:flex}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:4px;padding:10px 18px;font-size:14px;font-weight:600}.hero pre{border:0;border-inline-start:2px solid var(--rule);background:0 0;border-radius:0;padding:0 0 0 18px;font-size:12px}.hero-copy .hero-note{color:var(--muted);margin-top:18px;font-size:11px}.hero-demo{padding-top:8px}.demo-caption{border:1px solid var(--rule);color:#565146;background:#e8e3d9;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;padding:12px 16px;font:11px ui-monospace,monospace;display:flex}.hero-demo [data-rdi-root]{--rdi-row-height:30px;--rdi-font-size:12px;border-radius:0 0 6px 6px}.hero-demo [data-rdi-tree]{max-height:520px}.graph-key{color:var(--muted);justify-content:space-between;gap:12px;padding-top:14px;font-size:11px;display:flex}.principles{border-block:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:40px;padding-block:23px;display:grid}.principles p{margin:0;font-size:13px}.principles strong{color:#1b1916;font-weight:600}.section{border-bottom:1px solid var(--rule);padding-block:64px;scroll-margin-top:24px}.section-intro{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;margin-bottom:28px;display:grid}.section-intro h2{margin:0}.section-intro p{max-width:52ch;margin:0;font-size:15px}.playground{max-width:100%}.toolbar{border:1px solid var(--rule);background:#ebe7de;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:15px;padding:12px 16px;font-size:13px;display:flex}.toolbar select{color:inherit;background:#fffaf1;border:1px solid #b8b0a4;border-radius:3px;padding:6px 30px 6px 10px}.toolbar span{color:var(--muted);margin-inline-start:auto;font-size:12px}.playground [data-rdi-root]{border-radius:0 0 6px 6px}.mode-tabs{flex-wrap:wrap;gap:6px;margin:28px 0 20px;display:flex}.mode-tabs button{background:0 0;border:1px solid #0000;border-radius:4px;padding:7px 13px;font-size:13px}.mode-tabs button[aria-pressed=true]{color:#fff;background:#1b1916;border-color:#1b1916}.custom-demo{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;display:grid}.code-panel{background:#eae6dc;border-radius:5px;min-height:270px;padding:20px 24px}.code-panel>span{color:var(--muted);font-size:12px}pre{tab-size:2;background:#fffaf1;border:1px solid #ddd6ca;border-radius:4px;max-width:100%;padding:20px 24px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;padding:12px 0;font-size:11px}.code-panel output{color:#286547;font-size:13px}.brand-colors{--rdi-background:#f7fbf9;--rdi-string-color:#206246;--rdi-focus-ring:#1d664c}.design-system{color:#30234c;background:#f9f7ff;border:2px solid #8676a1;border-radius:12px;padding:12px;font:14px/1.5 ui-monospace,monospace}.design-system [data-rdi-tree]{max-height:400px;overflow:auto}.design-system [data-rdi-node]{white-space:nowrap;align-items:center;gap:8px;height:36px;padding-inline-start:calc(var(--rdi-depth) * 20px);display:flex}.design-system [data-rdi-toggle]{background:0 0;border:0;width:25px}.design-system [data-rdi-key]{font-weight:700}.design-system [data-selected=true]{background:#e9e0fa}.design-system [data-focused=true]{outline:1px dashed #736089}.design-system [data-rdi-footer]{align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.design-system button{background:#e9e0fa;border:0;border-radius:5px;padding:4px 7px}.controlled-example{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.controlled-example>div>button{border:1px solid var(--rule);background:#fffaf1;border-radius:3px;margin-bottom:12px;padding:8px 13px;font-size:13px}.controlled-example aside{border-inline-start:2px solid #b5222b;flex-direction:column;gap:15px;padding:20px;display:flex}.controlled-example aside span{color:var(--muted);font-size:13px}.json-section{grid-template-columns:1fr 1.1fr;gap:48px;display:grid}.json-section label{margin-bottom:6px;font-size:12px;display:block}.json-section textarea{resize:vertical;border:1px solid var(--rule);background:#fffaf1;border-radius:4px;width:100%;height:100px;margin-bottom:14px;padding:12px;font:13px/1.5 monospace;display:block}.json-section [role=alert]{color:#b5222b;margin-top:10px;font-size:13px;display:block}.json-section [data-rdi-root]{align-self:start}.documentation{grid-template-columns:230px minmax(0,1fr);gap:80px;padding-block:68px;display:grid}.documentation>aside{align-self:start;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}.documentation>aside h2{font-size:19px}.documentation>aside input{border:1px solid var(--rule);background:#fffaf1;border-radius:4px;width:100%;margin-bottom:14px;padding:8px;font-size:12px}.documentation nav{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.documentation article{max-width:760px;margin-bottom:44px;scroll-margin-top:30px}.documentation article h2{margin-bottom:13px;font-size:25px}.documentation article p{font-size:15px;line-height:1.85}.documentation article pre{font-size:12px}.documentation article:last-child{margin-bottom:0}footer{border-top:1px solid var(--rule);align-items:center;gap:30px;padding-block:30px;font-size:12px;display:flex}footer p{margin:0}footer>a:last-child{margin-inline-start:auto}@media (width<=1000px){header,main,footer{padding-inline:28px}.hero{gap:26px}.hero-demo [data-rdi-root]{--rdi-font-size:11px;--rdi-indent:13px}.graph-key{flex-wrap:wrap}.documentation{grid-template-columns:190px minmax(0,1fr);gap:40px}h1{font-size:44px}.hero-links{gap:14px}.hero-links a{font-size:12px}}@media (width<=760px){header,main,footer{padding-inline:20px}header{align-items:flex-start;gap:20px;height:auto;padding-block:18px}.brand{font-size:13px}header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:12px}header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:25px;padding-block:38px}h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-demo [data-rdi-root]{--rdi-font-size:12px}.principles{grid-template-columns:1fr;gap:15px}.section{padding-block:38px}.section-intro,.custom-demo,.controlled-example,.json-section{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:29px}.toolbar{flex-wrap:wrap}.toolbar span{display:none}.documentation{grid-template-columns:1fr;gap:34px;padding-block:38px}.documentation>aside{max-height:none;position:static}.documentation nav{flex-flow:wrap;gap:8px 18px}.documentation article p{font-size:14px}footer{flex-wrap:wrap;gap:12px}.graph-key{font-size:10px}.custom-demo,.playground,.hero-demo,.json-section>*{min-width:0}}.documentation>div{min-width:0}