:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--gap:1rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0;padding:1rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.example header.controls{margin-bottom:var(--gap);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.example header.controls input[type=url],.example header.controls input[type=text]{flex:24rem;min-width:0;padding:.4rem .6rem}.example header.controls button{padding:.4rem .8rem}.example header.controls select{max-width:100%;padding:.4rem .6rem}.example .layout{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:start;display:grid;position:relative}@media (max-width:60rem){.example .layout{grid-template-columns:1fr}}.code-example{margin-top:var(--gap);border:1px solid #8883;border-radius:.4rem}.code-example summary{cursor:pointer;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.code-example pre{margin:0;padding:.8rem;font-size:.8rem;line-height:1.45;overflow:auto}.code-example pre code{background:0 0;padding:0}.code-links{border-top:1px solid #8883;margin:0;padding:.4rem .8rem;font-size:.85rem}.tify-frame{border:1px solid #8883;height:70vh;min-height:24rem}.code-example .hljs-keyword{color:var(--lightningcss-light,#06b)var(--lightningcss-dark,#4c9aff)}.code-example .hljs-string,.code-example .hljs-regexp{color:var(--lightningcss-light,#1a7f37)var(--lightningcss-dark,#4ade80)}.code-example .hljs-number{color:var(--lightningcss-light,#0550ae)var(--lightningcss-dark,#79c0ff)}.code-example .hljs-title,.code-example .hljs-title.class_,.code-example .hljs-title.function_{color:var(--lightningcss-light,#0b5fff)var(--lightningcss-dark,#7aa8ff)}.code-example .hljs-built_in,.code-example .hljs-literal{color:var(--lightningcss-light,#8250df)var(--lightningcss-dark,#d2a8ff)}.code-example .hljs-attr{color:var(--lightningcss-light,#0550ae)var(--lightningcss-dark,#79c0ff)}.code-example .hljs-comment{color:var(--lightningcss-light,#59636e)var(--lightningcss-dark,#9198a1);font-style:italic}.code-example .hljs-tag{color:var(--lightningcss-light,#59636e)var(--lightningcss-dark,#9198a1)}.code-example .hljs-name{color:var(--lightningcss-light,#06b)var(--lightningcss-dark,#4c9aff)}