.lesson-pictograph.svelte-1f7kpc3{display:grid;justify-items:center;gap:.75rem;width:100%;min-width:0}.render-frame.svelte-1f7kpc3{width:min(100%,30rem);aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--stage-accent) 46%,var(--theme-stroke));border-radius:1.25rem;background:var(--theme-panel-bg);box-shadow:0 1.5rem 4rem var(--theme-shadow),0 0 3rem color-mix(in srgb,var(--stage-accent) 12%,transparent)}.loading-state.svelte-1f7kpc3,.error-state.svelte-1f7kpc3{display:grid;place-content:center;justify-items:center;gap:.75rem;width:100%;height:100%;color:var(--theme-text-dim);font-size:.9rem}.error-state.svelte-1f7kpc3 i:where(.svelte-1f7kpc3){color:var(--semantic-error);font-size:1.5rem}.replay-button.svelte-1f7kpc3{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:var(--min-touch-target, 44px);padding:.65rem 1rem;border:1px solid color-mix(in srgb,var(--stage-accent) 48%,var(--theme-stroke));border-radius:999px;background:color-mix(in srgb,var(--stage-accent) 12%,var(--theme-card-bg));color:var(--theme-text);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.replay-button.svelte-1f7kpc3:hover{background:color-mix(in srgb,var(--stage-accent) 20%,var(--theme-card-bg))}.replay-button.svelte-1f7kpc3:focus-visible{outline:3px solid color-mix(in srgb,var(--stage-accent) 72%,white);outline-offset:3px}@container (min-width: 1100px){.render-frame.svelte-1f7kpc3{width:min(100%,34rem)}}@media(max-height:560px)and (min-width:700px){.lesson-pictograph.svelte-1f7kpc3{gap:.4rem}.render-frame.svelte-1f7kpc3{width:min(100%,17rem)}.replay-button.svelte-1f7kpc3{min-height:2.75rem;padding-block:.45rem}}@media(prefers-reduced-motion:reduce){.replay-button.svelte-1f7kpc3{transition:none}}