.examples-layout[data-astro-cid-hbbm5icc]{position:relative;z-index:2;width:100%;max-width:1060px;margin:0 auto;padding:calc(58px + 3rem) clamp(1.25rem,4vw,2rem) 5rem;display:grid;grid-template-columns:196px minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.examples-shell[data-astro-cid-hbbm5icc]{min-width:0}.examples-side[data-astro-cid-hbbm5icc]{position:sticky;top:calc(58px + 1.5rem);align-self:start}.examples-side[data-astro-cid-hbbm5icc] nav[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;gap:1.2rem}.ex-side-group[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;gap:.35rem}.ex-side-title[data-astro-cid-hbbm5icc]{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);padding-left:.6rem}.ex-side-group[data-astro-cid-hbbm5icc] ul[data-astro-cid-hbbm5icc]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.ex-side-group[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc]{display:block;font-size:.82rem;line-height:1.5;color:var(--text-3);text-decoration:none;padding:.2rem .5rem;border-left:2px solid transparent;border-radius:0 6px 6px 0;transition:color .18s,border-color .18s,background .18s}.ex-side-group[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc]:hover{color:var(--text)}.ex-side-group[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc].active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.ex-group-head[data-astro-cid-hbbm5icc]{scroll-margin-top:calc(58px + 1rem);margin:2.6rem 0 .5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 60%,var(--text-3));display:flex;align-items:center;gap:.8rem}.ex-group-head[data-astro-cid-hbbm5icc]:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,var(--line)),transparent)}.docs-sec[data-astro-cid-hbbm5icc]{scroll-margin-top:calc(58px + 1rem)}@media(max-width:860px){.examples-layout[data-astro-cid-hbbm5icc]{grid-template-columns:1fr}.examples-side[data-astro-cid-hbbm5icc]{display:none}}.sc-stage[data-astro-cid-hbbm5icc]{display:grid;place-items:center;min-height:200px;margin:1.1rem 0 0;padding:2rem;border:1px solid var(--line);border-radius:14px;background:#ffffff04}.sc-hero[data-astro-cid-hbbm5icc]{--d: 0;font-family:var(--display);font-size:clamp(2.5rem,9vw,5rem);font-weight:700;letter-spacing:-.03em;font-variation-settings:"wght" calc(380 + var(--d) * 420);color:color-mix(in srgb,var(--accent) calc(40% + var(--d) * 55%),#fff);text-shadow:0 0 calc(var(--d) * 44px) rgba(77,163,255,var(--d))}.sc-cards[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.1rem 0 0}.sc-card[data-astro-cid-hbbm5icc]{--d: 0;padding:1.2rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-card, #0b0e16);transform:scale(calc(1 + var(--d) * .03));border-color:color-mix(in srgb,var(--accent) calc(var(--d) * 75%),var(--line));box-shadow:0 0 calc(var(--d) * 30px) rgba(77,163,255,calc(var(--d) * .5));transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.sc-card[data-astro-cid-hbbm5icc] b[data-astro-cid-hbbm5icc]{display:block;font-family:var(--display);font-size:1.05rem;color:var(--text);margin-bottom:.3rem}.sc-card[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{font-size:.85rem;line-height:1.5;color:var(--text-3)}.sc-burst[data-astro-cid-hbbm5icc]{cursor:crosshair;user-select:none}.sc-burst-hint[data-astro-cid-hbbm5icc]{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4)}.sc-emph[data-astro-cid-hbbm5icc]{margin-top:1.1rem}.emph-list[data-astro-cid-hbbm5icc]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.emph-item[data-astro-cid-hbbm5icc]{--d: 0;position:relative;padding:.7rem .9rem .7rem 1.1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) calc(var(--d) * 55%),var(--line));background:color-mix(in srgb,var(--accent) calc(var(--d) * 9%),transparent);opacity:calc(.4 + var(--d) * .6);transform:translate(calc(var(--d) * 6px));transition:opacity .25s,transform .25s,border-color .25s,background .25s;outline:none}.emph-item[data-astro-cid-hbbm5icc]:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:2px;border-radius:2px;background:var(--accent);opacity:var(--d);transition:opacity .25s}.emph-item[data-astro-cid-hbbm5icc] b[data-astro-cid-hbbm5icc]{display:block;font-family:var(--display);font-size:1rem;color:color-mix(in srgb,var(--text) calc(55% + var(--d) * 45%),var(--text-3));font-weight:calc(500 + var(--d) * 300);transition:color .25s,font-weight .25s}.emph-item[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{font-size:.82rem;color:var(--text-3)}.emph-item[data-astro-cid-hbbm5icc]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.emph-toggle[data-astro-cid-hbbm5icc]{margin-top:.7rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .7rem;border-radius:8px;border:1px solid var(--line);background:#ffffff08;color:var(--text-3);cursor:pointer;transition:color .2s,border-color .2s}.emph-toggle[data-astro-cid-hbbm5icc][aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.sc-selflay[data-astro-cid-hbbm5icc]{position:relative;min-height:260px;margin-top:1.1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff04;cursor:crosshair;overflow:hidden}.sc-cluster[data-astro-cid-hbbm5icc]{position:absolute;inset:0;pointer-events:none}.sc-chip[data-astro-cid-hbbm5icc]{position:absolute;left:50%;top:50%;margin:-1.05em 0 0 -3em;min-width:5em;text-align:center;padding:.4em .85em;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-card, #0b0e16));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 16%,transparent);font-family:var(--mono);font-size:.8rem;color:color-mix(in srgb,var(--accent) 70%,#fff);white-space:nowrap;user-select:none;will-change:transform}.sc-selflay-hint[data-astro-cid-hbbm5icc]{position:absolute;bottom:.7rem;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);pointer-events:none}.sc-snap[data-astro-cid-hbbm5icc]{position:relative;min-height:280px;margin-top:1.1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 56px 56px,#ffffff04;overflow:hidden}.sc-snap-tile[data-astro-cid-hbbm5icc]{position:absolute;left:50%;top:50%;width:84px;height:56px;margin:-28px 0 0 -42px;display:grid;place-items:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--bg-card, #0b0e16));box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 24%,transparent);color:color-mix(in srgb,var(--accent) 75%,#fff);font-family:var(--mono);font-size:.74rem;cursor:grab;touch-action:none;user-select:none;will-change:transform}.sc-snap-tile[data-astro-cid-hbbm5icc].snap-dragging{cursor:grabbing;box-shadow:0 10px 34px color-mix(in srgb,var(--accent) 38%,transparent)}.sc-snap-hint[data-astro-cid-hbbm5icc]{position:absolute;bottom:.7rem;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);pointer-events:none}.sc-reflow-wrap[data-astro-cid-hbbm5icc]{margin-top:1.1rem}.sc-reflow-btn[data-astro-cid-hbbm5icc]{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;padding:.4rem .8rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);cursor:pointer;margin-bottom:.8rem}.sc-reflow[data-astro-cid-hbbm5icc]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:#ffffff04}.sc-reflow-item[data-astro-cid-hbbm5icc]{padding:.45rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-card, #0b0e16));font-family:var(--mono);font-size:.8rem;color:var(--text);white-space:nowrap;will-change:transform}@media(max-width:620px){.sc-cards[data-astro-cid-hbbm5icc]{grid-template-columns:1fr}}