._8-TnWq_field{aspect-ratio:2;contain:layout paint;width:100%;color:hsl(var(--primary-label));position:relative}._8-TnWq_canvas,._8-TnWq_fallback{pointer-events:none;width:100%;height:100%;transition:opacity .18s var(--ease-out);position:absolute;inset:0}._8-TnWq_canvas{opacity:0}._8-TnWq_fallback{opacity:.9}._8-TnWq_canvas[data-ready]{opacity:1}._8-TnWq_canvas[data-ready]+._8-TnWq_fallback{opacity:0}._8-TnWq_field[data-reduced-motion] ._8-TnWq_canvas,._8-TnWq_field[data-reduced-motion] ._8-TnWq_fallback{transition:none}@media (prefers-reduced-motion:reduce){._8-TnWq_canvas,._8-TnWq_fallback{transition:none}}
._5BuU6G_playground{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"portrait portrait""lesson lesson""fingerprint fingerprint""actions link";gap:.875rem;min-width:0;display:grid;container-type:inline-size}._5BuU6G_portrait{grid-area:portrait;margin-bottom:.5rem;position:relative}._5BuU6G_portrait>div{aspect-ratio:1.8}._5BuU6G_lesson,._5BuU6G_fingerprint{min-width:0}._5BuU6G_lesson{border-top:1px solid hsl(var(--border) / .65);grid-area:lesson;padding-top:1.25rem}._5BuU6G_description{color:hsl(var(--muted-foreground));margin-top:.4rem;font-size:.875rem;line-height:1.6}._5BuU6G_messageField{margin-top:1.25rem}._5BuU6G_actions{flex-wrap:wrap;grid-area:actions;gap:.25rem;display:flex}._5BuU6G_link{grid-area:link;align-self:center;align-items:center;gap:.65rem;width:fit-content;min-height:2.75rem;font-size:.8125rem;font-weight:500;display:inline-flex}._5BuU6G_link svg{width:.85rem}._5BuU6G_link:hover{color:hsl(var(--primary-label))}._5BuU6G_link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}._5BuU6G_fingerprint{grid-area:fingerprint;padding-block:.25rem;container-type:inline-size}._5BuU6G_outputHeading{font-family:var(--font-code), monospace;color:hsl(var(--muted-foreground));font-size:.6875rem}._5BuU6G_hash{font-family:var(--font-code), monospace;color:hsl(var(--primary-label));transition:opacity var(--duration-fast);grid-template-columns:repeat(32,minmax(0,1fr));margin-block:.35rem;font-size:clamp(.625rem,2.6cqi,.9375rem);font-weight:500;line-height:1.8;display:grid}._5BuU6G_hash[data-pending=true]{opacity:.35}._5BuU6G_character{text-align:center;display:block;position:relative;overflow:clip}._5BuU6G_character>span{display:block}._5BuU6G_status{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.65;overflow:hidden}@container not (min-width:27rem){._5BuU6G_actions{grid-column:1/-1}._5BuU6G_link{grid-area:auto/1/auto/-1;margin-top:-.5rem}._5BuU6G_hash{grid-template-columns:repeat(16,minmax(0,1fr));font-size:clamp(.875rem,5.1cqi,1rem);line-height:1.65}}@media (prefers-reduced-motion:reduce){._5BuU6G_hash{transition:none}}
.-cXk3G_card{min-width:0;height:100%;color:hsl(var(--foreground));border-radius:.75rem;outline:none;display:grid;position:relative}.-cXk3G_card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:6px}.-cXk3G_visual{place-items:center;min-width:0;display:grid}.-cXk3G_illustration{width:100%;max-width:32rem;transition:transform .4s var(--ease-out)}.-cXk3G_copy{min-width:0}.-cXk3G_title{transition:color .18s}.-cXk3G_description{max-width:34rem;color:hsl(var(--muted-foreground));margin-top:.65rem;font-size:.9375rem;line-height:1.7}.-cXk3G_arrow{border:1px solid hsl(var(--border));width:2.75rem;height:2.75rem;transition:color .18s, border-color .18s, transform .3s var(--ease-out);border-radius:50%;align-self:start;place-items:center;display:grid}.-cXk3G_arrow svg{width:1.1rem;height:1.1rem}.-cXk3G_card:hover .-cXk3G_title,.-cXk3G_card:focus-visible .-cXk3G_title{color:hsl(var(--primary-label))}.-cXk3G_card:hover .-cXk3G_arrow,.-cXk3G_card:focus-visible .-cXk3G_arrow{color:hsl(var(--primary-label));border-color:hsl(var(--primary-label) / .55);transform:rotate(45deg)}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration{transform:translateY(-4px) rotate(-1deg) scale(var(--tool-art-scale,1))}.-cXk3G_illustrated{grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:1rem;padding-block:0 1.5rem}.-cXk3G_illustrated .-cXk3G_visual{aspect-ratio:1.6;grid-column:1/-1}.-cXk3G_illustrated .-cXk3G_illustration{object-fit:contain;height:100%}.-cXk3G_illustrated .-cXk3G_arrow{margin-top:.15rem}.-cXk3G_index{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.4fr) auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-block:1rem}.-cXk3G_index .-cXk3G_visual,.-cXk3G_index .-cXk3G_illustration{max-height:15rem}.-cXk3G_index .-cXk3G_arrow{align-self:center;margin-right:.5rem}.-cXk3G_index .-cXk3G_description{font-size:1rem}.-cXk3G_compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.25rem;padding-block:1.5rem}.-cXk3G_compact .-cXk3G_symbol{width:2rem;height:2rem;color:hsl(var(--tool-card-accent))}.-cXk3G_compact .-cXk3G_arrow{align-self:center}.-cXk3G_compact .-cXk3G_description{margin-top:.35rem;font-size:.875rem}@media not (min-width:48rem){.-cXk3G_index{grid-template-columns:7rem minmax(0,1fr) auto;gap:1rem;padding-block:1.5rem}.-cXk3G_index .-cXk3G_description{font-size:.875rem}.-cXk3G_index .-cXk3G_visual{margin-inline:-1rem}.-cXk3G_index .-cXk3G_illustration{--tool-art-scale:1.2;transform:scale(var(--tool-art-scale))}.-cXk3G_index .-cXk3G_arrow{width:2.25rem;height:2.25rem;margin-right:0}}@media not (min-width:30rem){.-cXk3G_index{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.-cXk3G_index .-cXk3G_visual{grid-column:1/-1;max-height:12rem;margin-inline:0}.-cXk3G_index .-cXk3G_illustration{--tool-art-scale:1;max-height:12rem;transform:none}.-cXk3G_index .-cXk3G_arrow{align-self:start}.-cXk3G_compact{gap:.85rem}.-cXk3G_compact .-cXk3G_symbol{width:1.5rem;height:1.5rem}}@media (prefers-reduced-motion:reduce){.-cXk3G_illustration,.-cXk3G_title,.-cXk3G_arrow{transition:none}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration,.-cXk3G_card:hover .-cXk3G_arrow,.-cXk3G_card:focus-visible .-cXk3G_arrow{transform:none}}