@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--oz-bg: #ffffff;--oz-fg: #16181d;--oz-surface: #f4f5f7;--oz-muted: #626973;--oz-border: #d9dce1;--oz-accent: #2f6df6;--oz-accent-fg: #ffffff;--oz-font-display: system-ui, sans-serif;--oz-font-body: system-ui, sans-serif;--oz-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--oz-space-1: .25rem;--oz-space-2: .5rem;--oz-space-3: .75rem;--oz-space-4: 1rem;--oz-space-6: 1.5rem;--oz-space-8: 2rem;--oz-space-12: 3rem;--oz-space-16: 4rem;--oz-radius-s: .25rem;--oz-radius-m: .5rem;--oz-radius-l: .75rem;--oz-radius-full: 999px;--oz-dur-fast: .12s;--oz-dur-base: .2s;--oz-dur-slow: .36s;--oz-ease-out: cubic-bezier(.16, 1, .3, 1);--oz-ease-in-out: cubic-bezier(.65, 0, .35, 1)}@media(prefers-color-scheme:dark){:root{--oz-bg: #101216;--oz-fg: #e8eaed;--oz-surface: #191c21;--oz-muted: #99a0ab;--oz-border: #2a2e35;--oz-accent: #5a8bff;--oz-accent-fg: #101216}}.oz-skip-link{position:absolute;left:var(--oz-space-2, .5rem);top:calc(-1 * var(--oz-header-h, 3.5rem));z-index:var(--oz-z-overlay, 1000);padding:var(--oz-space-2, .5rem) var(--oz-space-3, .75rem);background:var(--oz-accent);color:var(--oz-accent-fg);border-radius:var(--oz-radius-m, .5rem);text-decoration:none;transition:top var(--oz-dur-fast, .12s) var(--oz-ease-out, ease)}.oz-skip-link:focus-visible{top:var(--oz-space-2, .5rem)}.oz-header{display:flex;align-items:center;gap:var(--oz-space-4, 1rem);min-height:var(--oz-header-h, 3.5rem);padding-inline:var(--oz-space-4, 1rem);border-bottom:1px solid var(--oz-rule);background:var(--oz-paper);color:var(--oz-ink);font-family:var(--oz-font-body)}.oz-wordmark{display:inline-flex;align-items:baseline;gap:.05em;font-family:var(--oz-font-display);font-size:var(--oz-text-lg, 1.25rem);font-weight:700;letter-spacing:-.02em;color:var(--oz-ink);text-decoration:none}.oz-wordmark__dot{color:var(--oz-accent)}.oz-wordmark__site{color:var(--oz-ink-mute);font-weight:500}.oz-wordmark:hover .oz-wordmark__dot{color:var(--oz-ink)}.oz-header__title{font-size:var(--oz-text-md, 1rem);color:var(--oz-ink-mute)}.oz-header__nav{display:flex;align-items:center;gap:var(--oz-space-3, .75rem);margin-inline-start:auto}.oz-main{display:block;max-width:var(--oz-container, 72rem);margin-inline:auto;padding:var(--oz-space-6, 2rem) var(--oz-space-4, 1rem);color:var(--oz-ink);font-family:var(--oz-font-body)}.oz-main:focus{outline:none}.oz-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--oz-space-3, .75rem);padding:var(--oz-space-5, 1.5rem) var(--oz-space-4, 1rem);border-top:1px solid var(--oz-rule);background:var(--oz-paper-2, var(--oz-paper));color:var(--oz-ink-mute);font-family:var(--oz-font-body);font-size:var(--oz-text-sm, .875rem)}.oz-footer a{color:inherit;text-decoration:none}.oz-footer a:hover{color:var(--oz-accent)}.oz-footer__links{display:flex;gap:var(--oz-space-3, .75rem)}:root{--oz-bg: #f4f7f0;--oz-fg: #16241a;--oz-surface: #ffffff;--oz-muted: #5a6f5c;--oz-border: #d3e0cb;--oz-accent: #1f7a4d;--oz-accent-fg: #ffffff;--oz-paper: #f4f7f0;--oz-paper-2: #ffffff;--oz-ink: #16241a;--oz-ink-mute: #5a6f5c;--oz-rule: #d3e0cb;--oz-header-h: 3.75rem;--oz-container: 80rem;--oz-text-lg: 1.35rem;--oz-text-md: 1rem;--oz-text-sm: .875rem;--oz-space-5: 1.25rem;--oz-z-overlay: 1000;--tree-canopy: #1f7a4d;--tree-canopy-deep: #14532d;--tree-leaf: #4ba36a;--tree-sap: #e59b1f;--tree-sap-soft: #f6c15b;--tree-bark: #6b4f34;--tree-glow: rgba(31, 122, 77, .14);--tree-sap-glow: rgba(229, 155, 31, .16);--tree-panel: #ffffff;--tree-well: #eef3e8;--tree-hair: #dce7d3;--tok-key: #14532d;--tok-string: #1f7a4d;--tok-number: #b0611a;--tok-bool: #7c3aed;--tok-null: #94748f;--tok-punct: #7c8f7e;--diff-add: #1f7a4d;--diff-add-bg: rgba(75, 163, 106, .16);--diff-rem: #b4341f;--diff-rem-bg: rgba(180, 52, 31, .12);--diff-chg: #b0611a;--diff-chg-bg: rgba(229, 155, 31, .16);--oz-font-display: "Fraunces Variable", "Fraunces", Georgia, serif;--oz-font-body: "Inter Variable", "Inter", system-ui, sans-serif;--oz-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--oz-bg: #0c150f;--oz-fg: #e4f0e2;--oz-surface: #12211a;--oz-muted: #8faa93;--oz-border: #1f3527;--oz-accent: #57c98a;--oz-accent-fg: #08130c;--oz-paper: #0c150f;--oz-paper-2: #12211a;--oz-ink: #e4f0e2;--oz-ink-mute: #8faa93;--oz-rule: #1f3527;--tree-canopy: #57c98a;--tree-canopy-deep: #a7e5bf;--tree-leaf: #6fd89c;--tree-sap: #f6c15b;--tree-glow: rgba(87, 201, 138, .16);--tree-sap-glow: rgba(246, 193, 91, .14);--tree-panel: #12211a;--tree-well: #0f1c15;--tree-hair: #1c3122;--tok-key: #a7e5bf;--tok-string: #6fd89c;--tok-number: #f0a55a;--tok-bool: #c4a5ff;--tok-null: #b39fb0;--tok-punct: #7f9a83;--diff-add-bg: rgba(87, 201, 138, .18);--diff-rem: #ff8a76;--diff-rem-bg: rgba(255, 138, 118, .14);--diff-chg-bg: rgba(246, 193, 91, .16)}}*{box-sizing:border-box}html{color-scheme:light dark;background:var(--oz-bg);scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:radial-gradient(130% 80% at 88% -10%,var(--tree-sap-glow),transparent 55%),radial-gradient(90% 70% at 6% 100%,var(--tree-glow),transparent 55%),var(--oz-bg);color:var(--oz-fg);font-family:var(--oz-font-body);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--oz-font-display);font-optical-sizing:auto;letter-spacing:-.015em;line-height:1.08;margin:0}a{color:var(--oz-accent)}::selection{background:var(--tree-sap-soft);color:#2a1a06}:focus-visible{outline:2px solid var(--oz-accent);outline-offset:2px;border-radius:var(--oz-radius-s)}.wrap{max-width:var(--oz-container);margin-inline:auto;padding-inline:1.25rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hero{padding:var(--oz-space-12) 0 var(--oz-space-8);position:relative}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--oz-font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tree-canopy);background:var(--tree-well);border:1px solid var(--tree-hair);padding:.3rem .7rem;border-radius:var(--oz-radius-full)}.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;margin:var(--oz-space-4) 0 var(--oz-space-3);max-width:20ch}.hero h1 .accent{color:var(--tree-canopy);font-style:italic}.hero__sub{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--oz-muted);max-width:56ch;margin-bottom:var(--oz-space-6)}.hero__features{display:flex;flex-wrap:wrap;gap:.5rem}.hero__features span{font-family:var(--oz-font-mono);font-size:.8rem;padding:.35rem .7rem;border:1px solid var(--tree-hair);border-radius:var(--oz-radius-full);background:var(--tree-panel);color:var(--oz-muted)}.hero__privacy{margin-top:var(--oz-space-6);font-size:.9rem;color:var(--tree-canopy);display:inline-flex;gap:.4rem;align-items:center}.tree-mark{position:absolute;right:0;top:2rem;width:min(38%,320px);opacity:.9;pointer-events:none}.tree-mark path,.tree-mark circle{animation:grow 1.6s var(--oz-ease-out) both}.tree-mark circle{animation-delay:.9s}@keyframes grow{0%{stroke-dashoffset:400;opacity:0}to{stroke-dashoffset:0;opacity:1}}@media(max-width:820px){.tree-mark{display:none}}.studio{margin-block:var(--oz-space-8) var(--oz-space-16)}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:2px solid var(--tree-hair);margin-bottom:var(--oz-space-6)}.tab{appearance:none;border:0;background:transparent;font:inherit;font-weight:500;color:var(--oz-muted);padding:.6rem .9rem;cursor:pointer;border-radius:var(--oz-radius-m) var(--oz-radius-m) 0 0;position:relative;transition:color var(--oz-dur-fast)}.tab:hover{color:var(--oz-fg)}.tab.is-active{color:var(--tree-canopy)}.tab.is-active:after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:-2px;height:2px;background:var(--tree-canopy);border-radius:2px}.editor-shell{display:grid;grid-template-columns:1fr 1fr;gap:var(--oz-space-6);align-items:start}@media(max-width:900px){.editor-shell{grid-template-columns:1fr}}.editor-col,.panel-col{min-width:0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.editor-label{font-family:var(--oz-font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--oz-muted)}.editor-actions{display:flex;gap:.4rem}.editor{width:100%;min-height:22rem;resize:vertical;font-family:var(--oz-font-mono);font-size:.88rem;line-height:1.6;padding:var(--oz-space-4);border:1px solid var(--tree-hair);border-radius:var(--oz-radius-l);background:var(--tree-panel);color:var(--oz-fg);tab-size:2;transition:border-color var(--oz-dur-fast),box-shadow var(--oz-dur-fast)}.editor:focus-visible{border-color:var(--tree-canopy);box-shadow:0 0 0 3px var(--tree-glow);outline:none}.editor--diff{min-height:12rem}.editor.oz-dragover{border-color:var(--tree-sap);box-shadow:0 0 0 3px var(--tree-sap-glow)}.status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;font-size:.85rem;font-family:var(--oz-font-mono)}.status .dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.status--idle .dot{background:var(--oz-muted)}.status--ok{color:var(--tree-canopy)}.status--ok .dot{background:var(--tree-canopy);box-shadow:0 0 0 4px var(--tree-glow)}.status--err{color:var(--diff-rem)}.status--err .dot{background:var(--diff-rem)}.status-meta{color:var(--oz-muted)}.pane{border:1px solid var(--tree-hair);border-radius:var(--oz-radius-l);background:var(--tree-panel);padding:var(--oz-space-5);min-height:24rem}.pane-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--oz-space-4)}.pane-head h2{font-size:1.15rem;font-weight:600}.hint{font-size:.82rem;color:var(--oz-muted)}.controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:var(--oz-space-4)}.field{display:inline-flex;flex-direction:column;gap:.2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--oz-muted)}.field select,.query-input{font:inherit;font-family:var(--oz-font-mono);padding:.45rem .6rem;border:1px solid var(--tree-hair);border-radius:var(--oz-radius-m);background:var(--oz-bg);color:var(--oz-fg)}.query-input{flex:1;min-width:12rem;font-size:.9rem}.btn,.chip{appearance:none;font:inherit;cursor:pointer;border-radius:var(--oz-radius-m);border:1px solid var(--tree-hair);background:var(--oz-bg);color:var(--oz-fg);transition:background var(--oz-dur-fast),border-color var(--oz-dur-fast),transform var(--oz-dur-fast)}.btn{padding:.5rem .9rem;font-weight:500}.btn:hover:not(:disabled){border-color:var(--tree-canopy)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--tree-canopy);border-color:var(--tree-canopy);color:var(--oz-accent-fg)}.btn--primary:hover:not(:disabled){background:var(--tree-canopy-deep)}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{padding:.35rem .7rem;font-size:.82rem}.chip:hover{border-color:var(--tree-canopy)}.chip--sm{padding:.25rem .55rem;font-family:var(--oz-font-mono);font-size:.76rem}.chip--on{background:var(--tree-canopy);color:var(--oz-accent-fg);border-color:var(--tree-canopy)}label.chip{display:inline-flex;align-items:center}.output-actions{display:flex;gap:.4rem;margin-bottom:.5rem}.output-pre{margin:0;padding:var(--oz-space-4);background:var(--tree-well);border:1px solid var(--tree-hair);border-radius:var(--oz-radius-m);font-family:var(--oz-font-mono);font-size:.85rem;line-height:1.55;overflow:auto;max-height:30rem;white-space:pre-wrap;word-break:break-word}.output-pre--ai{white-space:pre-wrap}.empty{padding:var(--oz-space-8) var(--oz-space-4);text-align:center;color:var(--oz-muted);font-size:.9rem;border:1px dashed var(--tree-hair);border-radius:var(--oz-radius-m)}.query-examples{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:var(--oz-space-4)}.diff-summary{display:flex;gap:.5rem;flex-wrap:wrap;margin:var(--oz-space-4) 0}.pill{font-family:var(--oz-font-mono);font-size:.8rem;padding:.3rem .65rem;border-radius:var(--oz-radius-full)}.pill--add{background:var(--diff-add-bg);color:var(--diff-add)}.pill--rem{background:var(--diff-rem-bg);color:var(--diff-rem)}.pill--chg{background:var(--diff-chg-bg);color:var(--diff-chg)}.diff-list{display:flex;flex-direction:column;gap:.25rem;max-height:28rem;overflow:auto}.diff-row{display:flex;gap:.6rem;padding:.4rem .6rem;border-radius:var(--oz-radius-s);font-family:var(--oz-font-mono);font-size:.82rem;border-left:3px solid transparent}.diff-row--add{background:var(--diff-add-bg);border-left-color:var(--diff-add)}.diff-row--remove{background:var(--diff-rem-bg);border-left-color:var(--diff-rem)}.diff-row--change{background:var(--diff-chg-bg);border-left-color:var(--diff-chg)}.diff-path{color:var(--oz-fg);font-weight:600;flex:none}.diff-detail{color:var(--oz-muted);word-break:break-word}.diff-detail ins{color:var(--diff-add);text-decoration:none}.diff-detail del{color:var(--diff-rem)}.tree{font-family:var(--oz-font-mono);font-size:.85rem}.tree-controls{display:flex;gap:.4rem;margin-bottom:var(--oz-space-4)}.tree-body{max-height:30rem;overflow:auto;padding-right:.5rem}.tree-node{position:relative}.tree-children{margin-left:1.1rem;padding-left:.7rem;border-left:2px solid var(--tree-hair);border-image:linear-gradient(var(--tree-leaf),var(--tree-hair)) 1}.tree-row{display:flex;align-items:center;gap:.25rem;padding:.1rem 0;position:relative}.tree-children>.tree-node>.tree-row>.tree-connector{position:absolute;left:-.7rem;top:50%;width:.7rem;height:.7rem;transform:translateY(-50%);pointer-events:none}.tree-children>.tree-node>.tree-row>.tree-connector:before{content:"";position:absolute;left:0;top:-.35rem;width:.7rem;height:.7rem;border-left:2px solid transparent;border-bottom:2px solid var(--tree-leaf);border-bottom-left-radius:.6rem}.tree-toggle{appearance:none;border:0;background:transparent;width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}.tree-toggle--leaf{cursor:default}.tree-caret{width:0;height:0;border-left:5px solid var(--tree-canopy);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--oz-dur-fast) var(--oz-ease-out)}.tree-caret.is-open{transform:rotate(90deg)}.tree-key{color:var(--tok-key);font-weight:600}.tree-collapsed{appearance:none;border:0;background:var(--tree-well);color:var(--oz-muted);font:inherit;font-size:.75rem;padding:0 .4rem;margin:0 .2rem;border-radius:var(--oz-radius-full);cursor:pointer}.tree-collapsed:hover{color:var(--tree-canopy)}.tk-string{color:var(--tok-string)}.tk-number{color:var(--tok-number)}.tk-bool{color:var(--tok-bool)}.tk-null{color:var(--tok-null);font-style:italic}.tk-punct{color:var(--tok-punct)}.tree-row--close .tree-connector--close{display:none}.how{margin-block:var(--oz-space-16)}.how h2{font-size:1.6rem;margin-bottom:var(--oz-space-6)}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--oz-space-4)}.how-card{border:1px solid var(--tree-hair);border-radius:var(--oz-radius-l);padding:var(--oz-space-5);background:var(--tree-panel)}.how-card h3{font-size:1.05rem;margin-bottom:.4rem;color:var(--tree-canopy)}.how-card p{margin:0;color:var(--oz-muted);font-size:.9rem}
