[data-markdown=root]{overflow-wrap:anywhere;line-height:1.75}[data-markdown=root]>:first-child{margin-top:0}[data-markdown=root]>:last-child{margin-bottom:0}[data-markdown=root] :is(p,ul,ol,blockquote,table,[data-markdown=code-block]){margin-block:1.25em}[data-markdown=root] :is(h1,h2,h3,h4,h5,h6){margin-block:1.5em .6em;font-weight:600;line-height:1.3}[data-markdown=h1]{letter-spacing:-.035em;font-size:2em}[data-markdown=h2]{letter-spacing:-.025em;font-size:1.5em}[data-markdown=h3]{font-size:1.2em}[data-markdown=ul]{padding-inline-start:1.5em;list-style:outside}[data-markdown=ol]{padding-inline-start:1.5em;list-style:decimal}[data-markdown=li]>:is(ul,ol,p){margin-block:.35em}[data-markdown=a]{color:inherit;text-underline-offset:3px;text-decoration:underline}[data-markdown=blockquote]{border-inline-start:3px solid color-mix(in srgb, currentColor 20%, transparent);opacity:.8;padding-inline-start:1em}[data-markdown=table]{border-collapse:collapse;font-size:.9em;display:block;overflow:auto}[data-markdown=root] :is(th,td){border:1px solid color-mix(in srgb, currentColor 15%, transparent);padding:.5em 1em}[data-markdown=th]{font-weight:600}[data-markdown=code]{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:.25em;padding:.15em .35em;font-family:monospace;font-size:.88em}[data-markdown=code-block]{border:1px solid color-mix(in srgb, currentColor 15%, transparent);border-radius:.65rem;overflow:hidden}[data-markdown=code-header]{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);justify-content:space-between;padding:.6rem 1rem;font:12px monospace;display:flex}[data-markdown=code-header] button{cursor:pointer;padding-inline-start:1rem}[data-markdown=code-header] button:disabled{opacity:.4;cursor:default}[data-markdown=code-block] pre{tab-size:2;gap:1.25rem;max-height:28rem;margin:0;padding:1rem;font:13px/1.7 monospace;display:flex;overflow:auto}[data-markdown=code-block] pre code{font:inherit;white-space:pre;background:0 0;border-radius:0;padding:0;display:block}[data-markdown=code-block] [data-markdown=code-lines]{display:block}[data-markdown=line-numbers]{white-space:pre;text-align:right;opacity:.35;-webkit-user-select:none;user-select:none}[data-markdown=caret]{-webkit-user-select:none;user-select:none;width:0;animation:1s steps(2,start) infinite markdown-caret;display:inline-block}[data-markdown=caret]:after{content:"▍"}[data-markdown=caret][data-shape=circle]:after{content:"●"}[data-markdown=img]{max-width:100%;height:auto}[data-markdown=token][data-animated=true]{animation:.18s ease-out backwards markdown-fade-in}@keyframes markdown-fade-in{0%{opacity:0}to{opacity:1}}@keyframes markdown-caret{to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-markdown=caret],[data-markdown=token][data-animated=true]{animation:none}}
.WordsDemo-module__xs4-pq__demo{--color-primary:var(--primary);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);overflow:hidden}.WordsDemo-module__xs4-pq__range{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.WordsDemo-module__xs4-pq__range input{width:100px;accent-color:var(--foreground)}.WordsDemo-module__xs4-pq__panes{grid-template-columns:minmax(0,1fr);display:grid}.WordsDemo-module__xs4-pq__panes[data-source-visible=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.WordsDemo-module__xs4-pq__paneTitle{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 20px;font-size:12px;line-height:20px;display:flex}.WordsDemo-module__xs4-pq__paneTitle>:last-child{color:var(--muted-foreground)}.WordsDemo-module__xs4-pq__editorPane{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--muted) 35%, var(--background));min-width:0}.WordsDemo-module__xs4-pq__editorPane textarea{resize:none;width:100%;height:420px;min-height:240px;color:var(--foreground);font-family:var(--font-berkeley-mono), monospace;tab-size:2;background:0 0;border:0;outline:none;padding:20px;font-size:12px;line-height:1.85;display:block}.WordsDemo-module__xs4-pq__editorPane textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.WordsDemo-module__xs4-pq__previewPane{min-width:0}.WordsDemo-module__xs4-pq__preview{min-height:320px;padding:24px;font-size:14px}[data-words-example=code] .WordsDemo-module__xs4-pq__preview{min-height:500px}[data-words-example=hooks] .WordsDemo-module__xs4-pq__preview{min-height:280px}.WordsDemo-module__xs4-pq__demo[data-scrollable=true] .WordsDemo-module__xs4-pq__preview{overscroll-behavior:contain;height:420px;min-height:0;overflow:auto}.WordsDemo-module__xs4-pq__progress{background:var(--border);height:2px}.WordsDemo-module__xs4-pq__progress[data-state=complete]{opacity:0;transition:opacity .4s ease-out 80ms}.WordsDemo-module__xs4-pq__progress[data-state=empty]{opacity:0}.WordsDemo-module__xs4-pq__progressFill{height:100%;transition:width 80ms linear}.WordsDemo-module__xs4-pq__progress .WordsDemo-module__xs4-pq__progressFill{animation-play-state:paused}.WordsDemo-module__xs4-pq__progress[data-state=streaming] .WordsDemo-module__xs4-pq__progressFill{animation-play-state:running}.WordsDemo-module__xs4-pq__progress[data-state=empty] .WordsDemo-module__xs4-pq__progressFill{transition:none}.WordsDemo-module__xs4-pq__status{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px 16px;font-size:11px;line-height:1.5;display:flex}.WordsDemo-module__xs4-pq__usage{font-size:13px}.WordsDemo-module__xs4-pq__usage summary{width:fit-content;color:var(--muted-foreground);cursor:pointer}.WordsDemo-module__xs4-pq__usage pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);font-family:var(--font-berkeley-mono), monospace;margin-top:16px;padding:20px;font-size:12px;line-height:1.8;overflow:auto}.WordsDemo-module__xs4-pq__customHeading{letter-spacing:-.04em;align-items:baseline;gap:10px;margin-block:1em .6em;font-size:1.5em;font-weight:500;display:flex}.WordsDemo-module__xs4-pq__customHeading>span[aria-hidden=true]{color:#218b67}.WordsDemo-module__xs4-pq__customLink{color:light-dark(#157a55,#75d5b0);border-bottom:1px solid color-mix(in srgb, currentColor 30%, transparent);text-decoration:none}.WordsDemo-module__xs4-pq__customInline{background:#218b6714;border:1px solid #218b6740;border-radius:4px;padding:2px 5px;font-size:.88em}@media (max-width:767px){.WordsDemo-module__xs4-pq__panes[data-source-visible=true]{grid-template-columns:minmax(0,1fr)}.WordsDemo-module__xs4-pq__editorPane{border-inline-end:none;border-bottom:1px solid var(--border)}.WordsDemo-module__xs4-pq__editorPane textarea{height:240px}.WordsDemo-module__xs4-pq__preview{min-height:420px;padding:20px}[data-words-example=code] .WordsDemo-module__xs4-pq__preview{min-height:540px}[data-words-example=hooks] .WordsDemo-module__xs4-pq__preview{min-height:340px}.WordsDemo-module__xs4-pq__demo[data-scrollable=true] .WordsDemo-module__xs4-pq__preview{height:360px}}@media (max-width:767px),(any-pointer:coarse){.WordsDemo-module__xs4-pq__editorPane textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.WordsDemo-module__xs4-pq__progress[data-state],.WordsDemo-module__xs4-pq__progressFill{transition:none}}