.gen[data-astro-cid-esoowyd3]{display:block}.gen__input[data-astro-cid-esoowyd3]{display:flex;gap:.6rem;align-items:stretch;margin-bottom:1.4rem}.gen__input--sticky[data-astro-cid-esoowyd3]{position:sticky;top:70px;z-index:20;background:var(--bg);padding-block:.5rem}.gen__textarea[data-astro-cid-esoowyd3]{flex:1;font-family:var(--font-sans);font-size:1.15rem;color:var(--ink);background:transparent;border:1.5px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;resize:vertical;min-height:58px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.gen__textarea[data-astro-cid-esoowyd3]::placeholder{color:var(--ink-muted)}.gen__textarea[data-astro-cid-esoowyd3]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.gen__clear[data-astro-cid-esoowyd3]{flex:none;align-self:flex-start}.gen__group-title[data-astro-cid-esoowyd3]{margin:1.6rem 0 .7rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark)}.gen__results[data-astro-cid-esoowyd3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.result[data-astro-cid-esoowyd3]{display:flex;flex-direction:column;padding:.9rem 1rem;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.result[data-astro-cid-esoowyd3]:hover{border-color:var(--brand);box-shadow:var(--shadow)}.result__preview[data-astro-cid-esoowyd3]{font-size:1.35rem;line-height:1.5;color:var(--ink);word-break:break-word;overflow-wrap:anywhere;min-height:2.1em;margin-bottom:.6rem;cursor:pointer}.result__meta[data-astro-cid-esoowyd3]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto}.result__name[data-astro-cid-esoowyd3]{font-size:.85rem;font-weight:600;color:var(--ink-muted)}@media (max-width: 520px){.gen__results[data-astro-cid-esoowyd3]{grid-template-columns:1fr}.gen__input--sticky[data-astro-cid-esoowyd3]{top:62px}}.showcase__subhead[data-astro-cid-yj22a5y7]{margin-top:2.2rem}.showcase__grid[data-astro-cid-yj22a5y7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.5rem;margin-top:1rem}.showcase__tile[data-astro-cid-yj22a5y7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:.4rem .2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);-webkit-tap-highlight-color:transparent}.showcase__tile[data-astro-cid-yj22a5y7]:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.showcase__tile[data-astro-cid-yj22a5y7]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.showcase__tile[data-astro-cid-yj22a5y7].is-copied{background:var(--success-bg);border-color:var(--success);transform:scale(.94)}.showcase__tile-glyph[data-astro-cid-yj22a5y7]{font-size:1.4rem;line-height:1.1;word-break:break-all}.showcase__tile-src[data-astro-cid-yj22a5y7]{font-size:.62rem;color:var(--ink-muted)}.showcase__examples[data-astro-cid-yj22a5y7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;margin-top:1rem}.showcase__ex[data-astro-cid-yj22a5y7]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem .9rem}.showcase__ex-text[data-astro-cid-yj22a5y7]{font-size:1.2rem;word-break:break-word;overflow-wrap:anywhere;cursor:pointer}@media (max-width: 520px){.showcase__grid[data-astro-cid-yj22a5y7]{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.showcase__tile[data-astro-cid-yj22a5y7]{min-height:56px}.showcase__examples[data-astro-cid-yj22a5y7]{grid-template-columns:1fr}}.gp-hero[data-astro-cid-kk5mp2l4]{padding-block:clamp(1.4rem,4vw,2.4rem) .4rem}.crumbs[data-astro-cid-kk5mp2l4]{font-size:.85rem;color:var(--ink-muted);margin-bottom:.6rem}.crumbs[data-astro-cid-kk5mp2l4] a[data-astro-cid-kk5mp2l4]{color:var(--ink-muted);text-decoration:none}.crumbs[data-astro-cid-kk5mp2l4] a[data-astro-cid-kk5mp2l4]:hover{color:var(--brand-dark)}