.matte-page.svelte-hhf4y6{position:relative}.yggdrasil-bg.svelte-hhf4y6{opacity:.2;pointer-events:none;z-index:0;background-image:url(../../../yggdrasil/yggdrasil_canopy.svg),url(../../../yggdrasil/yggdrasil_trunk_tile.svg);background-position:top,top;background-repeat:no-repeat,repeat-y;background-size:1200px,1200px;position:absolute;inset:0}[data-theme=dark] .yggdrasil-bg.svelte-hhf4y6{opacity:.12}.back.svelte-hhf4y6,h1.svelte-hhf4y6,.lede.svelte-hhf4y6,.demo-controls.svelte-hhf4y6,.skip-ahead.svelte-hhf4y6,.matte-tree-wrap{z-index:1;position:relative}.back.svelte-hhf4y6{color:var(--text-subtle);margin-top:.25rem;font-size:.9rem;text-decoration:none;display:inline-block}.back.svelte-hhf4y6:hover{color:var(--accent)}h1.svelte-hhf4y6{margin:.5rem 0 .25rem}.lede.svelte-hhf4y6{color:var(--text-muted);max-width:720px;margin-bottom:1.5rem;line-height:1.55}.demo-controls.svelte-hhf4y6{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.reset.svelte-hhf4y6{border:1px solid var(--border);color:var(--text-subtle);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .9rem;font-size:.85rem}.reset.svelte-hhf4y6:hover{color:var(--error);border-color:var(--error-border)}.reset.active.svelte-hhf4y6,.reset.active.svelte-hhf4y6:hover{color:var(--accent);border-color:var(--accent)}.skip-ahead.svelte-hhf4y6{max-width:720px;margin:0 0 1.5rem}.skip-ahead.svelte-hhf4y6>summary:where(.svelte-hhf4y6){cursor:pointer;color:var(--text-subtle);padding:.4rem 0;font-size:.9rem;list-style:none}.skip-ahead.svelte-hhf4y6>summary:where(.svelte-hhf4y6)::-webkit-details-marker{display:none}.skip-ahead.svelte-hhf4y6>summary:where(.svelte-hhf4y6):before{content:"▸ ";font-size:.8rem}.skip-ahead[open].svelte-hhf4y6>summary:where(.svelte-hhf4y6):before{content:"▾ "}.skip-ahead.svelte-hhf4y6>summary:where(.svelte-hhf4y6):hover{color:var(--accent)}.skip-lede.svelte-hhf4y6{color:var(--text-muted);margin:.4rem 0 .75rem;font-size:.9rem;line-height:1.5}.skip-buttons.svelte-hhf4y6{flex-wrap:wrap;gap:.5rem;display:flex}.skip-btn.svelte-hhf4y6{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:6px;flex-direction:column;gap:.15rem;min-width:200px;padding:.55rem .9rem;font-size:.9rem;text-decoration:none;display:flex}.skip-btn.svelte-hhf4y6:hover{border-color:var(--accent);color:var(--accent)}.skip-hint.svelte-hhf4y6{color:var(--text-muted);font-size:.78rem}.skip-btn.svelte-hhf4y6:hover .skip-hint:where(.svelte-hhf4y6){color:var(--accent)}