.experience.svelte-16w9aed{container:pictograph-anatomy / inline-size;width:100%;height:100%;overflow-y:auto;color:var(--theme-text);outline:none;scrollbar-gutter:stable}.lesson-shell.svelte-16w9aed{display:grid;place-items:start center;width:min(100%,126rem);min-height:100%;margin-inline:auto;padding:clamp(4.5rem,5cqw,5.5rem) clamp(.75rem,2.2cqw,2.5rem) clamp(.75rem,1.5cqw,1.5rem)}.anatomy-studio.svelte-16w9aed{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-height:min(52rem,calc(100dvh - 8rem));overflow:hidden;border:1px solid var(--theme-stroke);border-radius:var(--radius-lg, .75rem);background:color-mix(in srgb,var(--theme-panel-bg) 86%,transparent);backdrop-filter:blur(1.5rem) saturate(1.08);box-shadow:0 1.5rem 4rem color-mix(in srgb,black 22%,transparent)}.anatomy-step.svelte-16w9aed{display:grid;grid-template-columns:minmax(20rem,28rem) minmax(0,1fr);min-height:0}.instruction-rail.svelte-16w9aed{position:relative;display:grid;align-content:center;gap:clamp(1.25rem,1.7cqw,1.75rem);min-width:0;padding:clamp(1.5rem,2.25cqw,2.5rem);border-right:1px solid var(--theme-stroke);background:color-mix(in srgb,var(--theme-card-bg) 78%,transparent)}.instruction-meta.svelte-16w9aed{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;color:var(--theme-text-dim);font-size:var(--font-size-compact, .75rem);font-variant-numeric:tabular-nums;font-weight:650}.instruction-meta.svelte-16w9aed>:where(.svelte-16w9aed):first-child{color:var(--theme-text)}.instruction-story.svelte-16w9aed{display:grid;min-height:12rem;align-content:center}.instruction-copy.svelte-16w9aed{display:grid;gap:1rem}h1.svelte-16w9aed{margin:0!important;max-width:11ch;font-size:clamp(2rem,2.65cqw,3.25rem);line-height:1;text-wrap:balance}.instruction-copy.svelte-16w9aed p:where(.svelte-16w9aed){max-width:31ch;margin:0;color:var(--theme-text-dim);font-size:clamp(1rem,1.2cqw,1.2rem);line-height:1.6}.rail-pointer.svelte-16w9aed{position:absolute;top:50%;right:-1.15rem;z-index:2;display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--theme-stroke-strong, var(--theme-stroke));border-radius:50%;background:var(--theme-panel-bg);color:var(--theme-text);transform:translateY(-50%)}.artifact-stage.svelte-16w9aed{display:grid;place-items:center;min-width:0;min-height:0;padding:clamp(1rem,2cqw,2.25rem);background:color-mix(in srgb,var(--theme-panel-bg) 88%,transparent)}.pictograph-frame.svelte-16w9aed{position:relative;width:min(100%,50rem,72dvh);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md, .5rem);background:var(--theme-card-bg);box-shadow:0 1.25rem 3.5rem color-mix(in srgb,black 34%,transparent)}.load-state.svelte-16w9aed{display:grid;place-content:center;justify-items:center;gap:.8rem;width:100%;height:100%;color:var(--theme-text-dim);font-size:var(--font-size-sm, .875rem)}.load-state.svelte-16w9aed i:where(.svelte-16w9aed){color:var(--semantic-error);font-size:1.5rem}.lesson-transport.svelte-16w9aed{padding:.75rem 1rem;border-top:1px solid var(--theme-stroke);background:color-mix(in srgb,var(--theme-card-bg) 82%,transparent)}@container pictograph-anatomy (max-width: 760px){.lesson-shell.svelte-16w9aed{padding-top:3.9rem}.anatomy-studio.svelte-16w9aed{min-height:auto}.anatomy-step.svelte-16w9aed{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.instruction-rail.svelte-16w9aed{gap:.75rem;min-height:10rem;padding:1rem;border-right:0;border-bottom:1px solid var(--theme-stroke)}.instruction-story.svelte-16w9aed{min-height:6rem}.instruction-copy.svelte-16w9aed{gap:.55rem}.instruction-copy.svelte-16w9aed p:where(.svelte-16w9aed){max-width:46ch;line-height:1.45}.rail-pointer.svelte-16w9aed{top:auto;right:50%;bottom:-1.15rem;transform:translate(50%)}.rail-pointer.svelte-16w9aed i:where(.svelte-16w9aed){transform:rotate(90deg)}.artifact-stage.svelte-16w9aed{min-height:min(56dvh,28rem);padding:.75rem}.pictograph-frame.svelte-16w9aed{width:min(100%,24rem,50dvh)}}@container pictograph-anatomy (min-width: 1680px){.lesson-shell.svelte-16w9aed{width:min(100%,150rem)}.anatomy-step.svelte-16w9aed{grid-template-columns:minmax(24rem,31rem) minmax(0,1fr)}.pictograph-frame.svelte-16w9aed{width:min(100%,58rem,72dvh)}}@container pictograph-anatomy (min-width: 2600px){.lesson-shell.svelte-16w9aed{width:min(100%,220rem)}.anatomy-step.svelte-16w9aed{grid-template-columns:minmax(27rem,36rem) minmax(0,1fr)}.pictograph-frame.svelte-16w9aed{width:min(100%,78rem,72dvh)}.instruction-meta.svelte-16w9aed{font-size:1rem}h1.svelte-16w9aed{font-size:4rem}.instruction-copy.svelte-16w9aed p:where(.svelte-16w9aed){font-size:1.4rem}.instruction-rail.svelte-16w9aed{padding-inline:3rem}.rail-pointer.svelte-16w9aed{right:-1.5rem;width:3rem;height:3rem}}@media(max-height:620px)and (min-width:761px){.lesson-shell.svelte-16w9aed{padding-top:3.9rem;padding-bottom:.5rem}.anatomy-studio.svelte-16w9aed{min-height:calc(100dvh - 4.4rem)}.anatomy-step.svelte-16w9aed{grid-template-columns:minmax(15rem,22rem) minmax(0,1fr)}.instruction-rail.svelte-16w9aed{gap:.7rem;padding:.9rem 1.1rem}.instruction-story.svelte-16w9aed{min-height:7rem}h1.svelte-16w9aed{font-size:clamp(1.65rem,2.5cqw,2.35rem)}.pictograph-frame.svelte-16w9aed{width:min(100%,31rem,55dvh)}.lesson-transport.svelte-16w9aed{padding-block:.45rem}}
