.demo[data-astro-cid-uzlokqpq]{padding-block:2.5rem var(--space-section);border-top:1px solid var(--border)}.head[data-astro-cid-uzlokqpq]{margin-bottom:1.5rem}.head[data-astro-cid-uzlokqpq] h2[data-astro-cid-uzlokqpq]{font-size:clamp(1.9rem,3.5vw,2.8rem)}.head[data-astro-cid-uzlokqpq] .sub[data-astro-cid-uzlokqpq]{color:var(--text-muted);margin:0;font-size:1rem}.meta[data-astro-cid-uzlokqpq]{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.counts[data-astro-cid-uzlokqpq]{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;font-size:.85rem;display:flex}.count-item[data-astro-cid-uzlokqpq]{font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;display:inline-flex}.count-note[data-astro-cid-uzlokqpq]{color:var(--text-dim);flex-basis:100%;min-height:1.5em;font-size:.75rem}.dot[data-astro-cid-uzlokqpq]{background:var(--error);border-radius:50%;width:6px;height:6px}.dot[data-astro-cid-uzlokqpq].warn{background:var(--warn)}.copy-actions[data-astro-cid-uzlokqpq]{justify-items:end;gap:.25rem;display:grid}.copy-buttons[data-astro-cid-uzlokqpq]{gap:.5rem;display:flex}.copy-status[data-astro-cid-uzlokqpq]{color:var(--sage);max-width:30ch;min-height:1.5em;font-size:.75rem}.tool-btn[data-astro-cid-uzlokqpq],.section-toggle[data-astro-cid-uzlokqpq]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:.5rem .75rem;font-size:.8rem}.tool-btn[data-astro-cid-uzlokqpq]:hover:not(:disabled),.section-toggle[data-astro-cid-uzlokqpq]:hover{background:var(--surface-raised);border-color:var(--sage)}.tool-btn[data-astro-cid-uzlokqpq]:disabled{cursor:not-allowed;opacity:.5}.tool-btn-primary[data-astro-cid-uzlokqpq]{color:var(--sage)}.workspace[data-astro-cid-uzlokqpq]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.editor-stage[data-astro-cid-uzlokqpq]{gap:.75rem;min-width:0;display:grid}.input-label[data-astro-cid-uzlokqpq]{font-size:.85rem;font-weight:700}.editor-toolbar[data-astro-cid-uzlokqpq],.editor-actions[data-astro-cid-uzlokqpq]{align-items:center;gap:.5rem;display:flex}.editor-toolbar[data-astro-cid-uzlokqpq]{flex-wrap:wrap;justify-content:space-between}.editor[data-astro-cid-uzlokqpq]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);position:relative;overflow:hidden}.editor[data-astro-cid-uzlokqpq]:focus-within{border-color:var(--sage);outline:2px solid var(--sage);outline-offset:3px}.highlights[data-astro-cid-uzlokqpq],#input[data-astro-cid-uzlokqpq]{font-family:var(--font-body);letter-spacing:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:1.25rem;font-size:1rem;line-height:1.7}.highlights[data-astro-cid-uzlokqpq]{color:#0000;pointer-events:none;scrollbar-width:none;position:absolute;inset:0;overflow:auto}.highlights[data-astro-cid-uzlokqpq]::-webkit-scrollbar{display:none}.editor[data-astro-cid-uzlokqpq].is-plain .highlights[data-astro-cid-uzlokqpq]{display:none}.highlights[data-astro-cid-uzlokqpq] .highlight{color:#0000;background:var(--error-bg);text-decoration:underline;text-decoration-color:var(--error);text-underline-offset:3px}.highlights[data-astro-cid-uzlokqpq] .highlight.is-active{background:color-mix(in srgb, var(--error) 25%, var(--surface))}#input[data-astro-cid-uzlokqpq]{width:100%;height:400px;min-height:240px;color:var(--text);resize:vertical;caret-color:var(--sage);background:0 0;border:0;outline:none;display:block;position:relative}#input[data-astro-cid-uzlokqpq]::placeholder{color:var(--text-dim)}.gesture-hint[data-astro-cid-uzlokqpq]{color:var(--text-dim);margin:0;font-size:.75rem}.inspector[data-astro-cid-uzlokqpq]{gap:1rem;min-width:0;display:grid}.focus-card[data-astro-cid-uzlokqpq]{border-bottom:1px solid var(--border);padding:0 0 1rem}.focus-empty[data-astro-cid-uzlokqpq]{color:var(--text-muted);padding-top:2rem;font-size:.95rem}.focus-body[data-astro-cid-uzlokqpq]{gap:.65rem;display:grid}[data-astro-cid-uzlokqpq][hidden]{display:none!important}.focus-head[data-astro-cid-uzlokqpq]{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.focus-head[data-astro-cid-uzlokqpq]>div[data-astro-cid-uzlokqpq]{min-width:0}.panel-label[data-astro-cid-uzlokqpq]{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:700}.focus-head[data-astro-cid-uzlokqpq] h3[data-astro-cid-uzlokqpq]{font:.85rem var(--font-code);overflow-wrap:anywhere;color:var(--clay);margin:.4rem 0 0}.tool-btn-small[data-astro-cid-uzlokqpq]{flex-shrink:0}.focus-message[data-astro-cid-uzlokqpq],.focus-help[data-astro-cid-uzlokqpq],.focus-quote[data-astro-cid-uzlokqpq]{margin:0}.focus-message[data-astro-cid-uzlokqpq]{font-size:.95rem}.focus-help[data-astro-cid-uzlokqpq]{color:var(--text-muted);font-size:.85rem}.focus-meta[data-astro-cid-uzlokqpq]{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.meta-chip[data-astro-cid-uzlokqpq]{font-family:var(--font-code);color:var(--text-dim);font-size:.7rem}.focus-quote[data-astro-cid-uzlokqpq]{color:var(--clay);overflow-wrap:anywhere;font-size:.9rem}.section-head[data-astro-cid-uzlokqpq]{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.section-note[data-astro-cid-uzlokqpq]{color:var(--text-dim);font-size:.75rem}.section-toggle[data-astro-cid-uzlokqpq]{padding:.35rem .65rem;font-size:.75rem}.is-collapsed[data-astro-cid-uzlokqpq] .section-body[data-astro-cid-uzlokqpq]{display:none}.is-busy[data-astro-cid-uzlokqpq]{opacity:.6}.is-busy[data-astro-cid-uzlokqpq] button{pointer-events:none}.breakdown-list[data-astro-cid-uzlokqpq],.diagnostics[data-astro-cid-uzlokqpq]{overscroll-behavior:contain;scrollbar-gutter:stable;gap:0;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.breakdown-list[data-astro-cid-uzlokqpq]{max-height:180px}.diag-button,.rule-bar{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;gap:.3rem;padding:.75rem .5rem;display:grid}.diag-button:hover,.rule-bar:hover{background:var(--surface)}.diag-button.is-active,.rule-bar.is-active{background:var(--sage-muted)}.diag-top,.rule-bar-top{flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;display:flex}.diag-rule,.rule-label{font-family:var(--font-code);color:var(--clay);overflow-wrap:anywhere;font-size:.72rem}.diag-location,.rule-count{color:var(--text-dim);font-size:.7rem}.diag-message{font-size:.85rem}.diag-snippet{color:var(--text-muted);overflow-wrap:anywhere;font-size:.75rem}.rule-track{background:var(--surface-raised);height:3px}.rule-fill{background:var(--clay);height:100%;display:block}@media (width<=820px){.workspace[data-astro-cid-uzlokqpq]{grid-template-columns:1fr;gap:1.5rem}.focus-empty[data-astro-cid-uzlokqpq]{padding-top:0}#input[data-astro-cid-uzlokqpq]{height:340px}}@media (width<=560px){.meta[data-astro-cid-uzlokqpq]{flex-direction:column;gap:.5rem}.copy-actions[data-astro-cid-uzlokqpq]{justify-items:start;width:100%}.copy-buttons[data-astro-cid-uzlokqpq]{width:100%}.copy-buttons[data-astro-cid-uzlokqpq] .tool-btn[data-astro-cid-uzlokqpq]{flex:1}.highlights[data-astro-cid-uzlokqpq],#input[data-astro-cid-uzlokqpq]{padding:1rem}.focus-head[data-astro-cid-uzlokqpq]{flex-wrap:wrap}}.hero[data-astro-cid-lcdefpme]{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3rem,7vw,6rem);display:grid}h1[data-astro-cid-lcdefpme]{letter-spacing:-.04em;margin-bottom:1.75rem;font-size:clamp(2.9rem,5.8vw,5rem);line-height:1.02}h1[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{color:var(--sage)}.lede[data-astro-cid-lcdefpme]{color:var(--text-heading);margin-bottom:.75rem;font-size:1.5rem}.intro[data-astro-cid-lcdefpme]{color:var(--text-muted);max-width:46ch}.actions[data-astro-cid-lcdefpme]{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.hero-note[data-astro-cid-lcdefpme]{color:var(--text-dim);margin:1.25rem 0 0;font-size:.8rem}.edit-example[data-astro-cid-lcdefpme]{border-block:1px solid var(--border-strong);padding-block:1.5rem}.example-heading[data-astro-cid-lcdefpme]{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.before[data-astro-cid-lcdefpme],.after[data-astro-cid-lcdefpme]{letter-spacing:-.02em;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.45}.before[data-astro-cid-lcdefpme]{color:var(--text-muted);margin:2rem 0 1rem}del[data-astro-cid-lcdefpme]{color:var(--clay);background:var(--error-bg);text-decoration-thickness:1px}.editor-note[data-astro-cid-lcdefpme]{color:var(--clay);gap:.75rem;font-size:.85rem;display:flex}.after[data-astro-cid-lcdefpme]{color:var(--sage);margin:2rem 0}.example-link[data-astro-cid-lcdefpme]{justify-content:space-between;font-size:.85rem;display:flex}.rules[data-astro-cid-lcdefpme],.workflow[data-astro-cid-lcdefpme],.install[data-astro-cid-lcdefpme]{padding-block:var(--space-section);border-top:1px solid var(--border)}.section-intro[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem;display:grid}.section-intro[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme],.workflow[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme],.install[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--text-muted)}h2[data-astro-cid-lcdefpme]{font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.12}.examples[data-astro-cid-lcdefpme]{border-top:1px solid var(--border)}.example-row[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--border);grid-template-columns:.7fr 1.15fr 1.15fr;align-items:baseline;gap:2rem;padding-block:1.5rem;display:grid}.example-row[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme],.example-row[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{margin:0;font-size:.95rem}.example-before[data-astro-cid-lcdefpme]{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--text-dim)}.example-after[data-astro-cid-lcdefpme]{color:var(--sage)}.workflow[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{max-width:20ch;margin-bottom:2.5rem}.workflow-list[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.workflow-list[data-astro-cid-lcdefpme] article[data-astro-cid-lcdefpme]{flex-direction:column;align-items:start;display:flex}.workflow-list[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:1rem}.workflow-list[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]{margin-top:auto;font-size:.9rem}.install[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;display:grid}.install[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{max-width:40ch}.install-terminal[data-astro-cid-lcdefpme]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:0}.terminal-head[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.5rem 1.25rem;font-size:.8rem;display:flex}.terminal-head[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]{min-width:64px;min-height:44px;color:var(--sage);cursor:pointer;font:inherit;background:0 0;border:0}.terminal-head[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]:hover{color:var(--text)}.install[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme]{border:0;margin:0;padding:1.75rem 1.25rem 1rem;font-size:.8rem;line-height:2}#copy-feedback[data-astro-cid-lcdefpme]{min-height:2.5rem;color:var(--sage);padding:0 1.25rem .75rem;font-size:.8rem;display:block}.closing-note[data-astro-cid-lcdefpme]{max-width:70ch;color:var(--text-muted);margin:0 0 3rem;font-size:.9rem}@media (width<=820px){.hero[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:2.5rem}.edit-example[data-astro-cid-lcdefpme]{max-width:36rem}.section-intro[data-astro-cid-lcdefpme],.install[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:1.5rem}.workflow-list[data-astro-cid-lcdefpme]{gap:1.5rem}.example-row[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}.example-row[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{grid-column:1/-1}}@media (width<=560px){.workflow-list[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:2rem}.example-row[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.actions[data-astro-cid-lcdefpme]{gap:1rem}.hero-note[data-astro-cid-lcdefpme]{font-size:.75rem}}