.explainer[data-astro-cid-ras3gqma]{border:1px solid rgb(var(--line-rgb) / .72);background:rgb(var(--surface-rgb) / .62);box-shadow:0 24px 70px rgb(var(--blue-rgb) / .1);border-radius:1.25rem;padding:clamp(1rem,3vw,1.75rem)}.explainer-header[data-astro-cid-ras3gqma]{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.25rem;display:flex}.explainer-header[data-astro-cid-ras3gqma] h3[data-astro-cid-ras3gqma]{color:var(--deep);letter-spacing:-.035em;margin:.35rem 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.explainer-header[data-astro-cid-ras3gqma]>p[data-astro-cid-ras3gqma]{max-width:28rem;color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.kicker[data-astro-cid-ras3gqma],.step-label[data-astro-cid-ras3gqma]{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:600}.flow[data-astro-cid-ras3gqma]{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;display:grid}.step[data-astro-cid-ras3gqma]{background:rgb(var(--bg-rgb) / .55);opacity:.46;border:2px solid #0000;border-radius:.9rem;grid-column:span 2;min-width:0;min-height:11.5rem;padding:1rem;transition:border-color .16s,background .16s,opacity .16s}.step[data-astro-cid-ras3gqma].wide{grid-column:span 3}.step[data-astro-cid-ras3gqma].done{opacity:.82}.step[data-astro-cid-ras3gqma].current{border-color:var(--blue);background:rgb(var(--ice-rgb) / .86);opacity:1}.step[data-astro-cid-ras3gqma] h4[data-astro-cid-ras3gqma]{color:var(--deep);margin:.4rem 0 .75rem;font-size:1rem;font-weight:500}.step[data-astro-cid-ras3gqma]>p[data-astro-cid-ras3gqma]:not(.prompt){color:var(--muted);margin:.75rem 0 0;font-size:.78rem;line-height:1.5}.prompt[data-astro-cid-ras3gqma]{color:var(--text);letter-spacing:-.025em;margin:.8rem 0;font-size:clamp(1rem,2.1vw,1.45rem);font-weight:500}.token-row[data-astro-cid-ras3gqma],.transform[data-astro-cid-ras3gqma]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.token[data-astro-cid-ras3gqma]{border:1px solid rgb(var(--line-rgb) / .92);background:rgb(var(--white-rgb) / .55);min-height:2.35rem;color:var(--text);border-radius:.55rem;justify-content:center;align-items:center;padding:.45rem .65rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;display:inline-flex}.token-id[data-astro-cid-ras3gqma]{flex-direction:column;gap:.1rem;min-height:3.2rem}.token-id[data-astro-cid-ras3gqma] small[data-astro-cid-ras3gqma]{color:var(--muted);font-size:.58rem}.token[data-astro-cid-ras3gqma].selected{border-color:var(--deep);background:var(--deep);color:var(--bg)}.transform[data-astro-cid-ras3gqma] code[data-astro-cid-ras3gqma]{background:rgb(var(--white-rgb) / .55);color:var(--blue);border-radius:.5rem;padding:.5rem .65rem;font-size:.7rem;font-weight:600}.choices[data-astro-cid-ras3gqma]{gap:.45rem;display:grid}.choices[data-astro-cid-ras3gqma] div[data-astro-cid-ras3gqma]{grid-template-columns:3.25rem 1fr 2.5rem;align-items:center;gap:.55rem;display:grid}.choices[data-astro-cid-ras3gqma] strong[data-astro-cid-ras3gqma]{font-size:.75rem;font-weight:500}.choices[data-astro-cid-ras3gqma] div[data-astro-cid-ras3gqma]>span[data-astro-cid-ras3gqma]{background:rgb(var(--line-rgb) / .35);border-radius:999px;height:.7rem;overflow:hidden}.choices[data-astro-cid-ras3gqma] i[data-astro-cid-ras3gqma]{border-radius:inherit;background:var(--blue);height:100%;display:block}.choices[data-astro-cid-ras3gqma] output[data-astro-cid-ras3gqma]{color:var(--muted);text-align:right;font-family:ui-monospace,monospace;font-size:.65rem}.controls[data-astro-cid-ras3gqma]{border-top:1px solid rgb(var(--line-rgb) / .55);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;font-size:.8rem;display:flex}.controls[data-astro-cid-ras3gqma] button[data-astro-cid-ras3gqma]{border:1px solid var(--deep);background:var(--deep);min-height:2.65rem;color:var(--bg);cursor:pointer;font:inherit;border-radius:999px;padding:.65rem 1rem;font-weight:600}.controls[data-astro-cid-ras3gqma] button[data-astro-cid-ras3gqma]:hover{background:var(--blue);border-color:var(--blue)}.controls[data-astro-cid-ras3gqma] button[data-astro-cid-ras3gqma].reset{color:var(--muted);text-underline-offset:.2rem;background:0 0;border:0;text-decoration:underline}@media (width<=760px){.explainer-header[data-astro-cid-ras3gqma]{flex-direction:column;align-items:start;gap:.65rem}.flow[data-astro-cid-ras3gqma]{grid-template-columns:1fr 1fr}.step[data-astro-cid-ras3gqma],.step[data-astro-cid-ras3gqma].wide{grid-column:auto}}@media (width<=520px){.flow[data-astro-cid-ras3gqma]{grid-template-columns:1fr}.step[data-astro-cid-ras3gqma]{min-height:0}}