._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:.7}._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{border:1px solid hsl(var(--border) / .6);background:hsl(var(--card));box-shadow:var(--object-highlight), var(--object-shadow);border-radius:1.5rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"portrait portrait""lesson lesson""fingerprint fingerprint""actions link";gap:.75rem;padding:1.25rem;display:grid;container-type:inline-size}._5BuU6G_portrait{grid-area:portrait;margin:-.75rem -.5rem 0;position:relative}._5BuU6G_portrait>div{aspect-ratio:2.6}._5BuU6G_lesson,._5BuU6G_fingerprint{min-width:0}._5BuU6G_lesson{grid-area:lesson}._5BuU6G_description{max-width:32rem;color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.875rem;line-height:1.65}._5BuU6G_messageField{margin-top:1rem}._5BuU6G_actions{flex-wrap:wrap;grid-area:actions;gap:.25rem;display:flex}._5BuU6G_link{grid-area:link;align-self:center;align-items:center;gap:.75rem;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{border-top:1px solid hsl(var(--border) / .55);grid-area:fingerprint;padding-top:.625rem;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:.5rem;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:25rem){._5BuU6G_portrait>div{aspect-ratio:1.65}._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,1.125rem);line-height:1.65}}@media not (min-width:40rem){._5BuU6G_playground{grid-template-columns:minmax(0,1fr);grid-template-areas:"portrait""lesson""fingerprint""actions""link"}._5BuU6G_portrait{margin-top:-.75rem}._5BuU6G_portrait>div{aspect-ratio:1.5}._5BuU6G_link{margin-top:-.5rem}}@media (prefers-reduced-motion:reduce){._5BuU6G_hash{transition:none}}
.-cXk3G_visual{background:hsl(var(--background) / .85);border-radius:.75rem;place-items:center;margin:-.25rem -.25rem 1.25rem;display:grid;overflow:hidden}.-cXk3G_illustration{max-width:30rem;transition:transform .4s var(--ease-out)}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration{transform:scale(1.035)}@media (prefers-reduced-motion:reduce){.-cXk3G_illustration{transition:none}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration{transform:none}}