.sl-markdown-content .scene{color:var(--diagram-ink);background:var(--diagram-surface);border:1px solid var(--diagram-frame);border-radius:5px;margin:1.25rem 0;padding:.6rem}.scene__top{gap:.15rem;margin-bottom:.45rem;display:grid}.scene__eyebrow{color:var(--reading-process);font-family:var(--mono);font-size:.72rem;font-weight:700}.scene__title{color:var(--diagram-ink-strong);font-size:.95rem;line-height:1.4}.scene__stage{background:var(--diagram-paper);border-radius:3px;padding:.25rem}.scene__svg{width:100%;max-width:calc(var(--scene-w) * 1px);height:auto;font-family:var(--body);--r:var(--diagram-edge);margin-inline:auto;display:block;overflow:visible}.scene__mono{font-family:var(--mono)}.scene [data-role=plain]{--r:var(--diagram-edge)}.scene [data-role=input],.scene [data-role=state]{--r:var(--reading-information)}.scene [data-role=process]{--r:var(--reading-process)}.scene [data-role=output]{--r:var(--reading-result)}.scene [data-role=caution]{--r:var(--reading-caution)}.scene [data-role=muted]{--r:var(--diagram-ink-soft)}.scene__rect{fill:color-mix(in srgb, var(--r) 11%, var(--diagram-paper));stroke:var(--r);stroke-width:1.5px}.scene__rect--ghost{fill:none;stroke-dasharray:4 3}.scene__rect--plain{fill:var(--diagram-paper)}.scene__label{fill:var(--diagram-ink-strong)}g[data-role]>.scene__free{fill:var(--r)}.scene__line{fill:none;stroke:var(--r);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.scene__line.scene__rect{fill:color-mix(in srgb, var(--r) 11%, var(--diagram-paper))}.scene__tip{fill:var(--r)}:root[data-academy-diagram-fill=plain] .scene__rect{fill:var(--diagram-paper)}.scene__alt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.sl-markdown-content .scene__cue{border-left:3px solid var(--reading-process);background:color-mix(in srgb, var(--reading-process) 5%, var(--diagram-surface));min-height:3.1em;color:var(--diagram-ink);border-radius:0 3px 3px 0;margin:.45rem 0 0;padding:.35rem .55rem;font-size:.85rem;line-height:1.55}.scene__cue[hidden]{display:none}.scene__controls{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.65rem;display:flex}.scene__controls[hidden]{display:none}.scene__controls button{min-height:2rem;color:var(--diagram-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.25rem .55rem;font-size:.78rem}.scene__controls button[data-scene-action=play]{min-width:4.2rem;color:var(--reading-process);border-color:var(--line);font-weight:600}.scene__controls button:disabled{color:var(--diagram-ink-soft);cursor:default}.scene__controls button:hover:not(:disabled),.scene__scrub:hover{border-color:var(--chapter-ink)}.scene__controls button:focus-visible,.scene__scrub:focus-visible{outline:2px solid var(--chapter-ink);outline-offset:3px}.scene__scrub{min-width:6rem;height:2rem;accent-color:var(--reading-process);cursor:pointer;flex:8rem;margin:0}.scene__live{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.sl-markdown-content .scene__steps{margin:.45rem 0 0;font-size:.8rem}.scene__steps summary{width:fit-content;color:var(--diagram-ink-soft);cursor:pointer}.sl-markdown-content .scene__steps ol{margin:.6rem 0 0;padding-left:1.4rem}.sl-markdown-content .scene__steps li{margin:.35rem 0;padding-left:.2rem}.scene__steps li[aria-current=step]{color:var(--diagram-ink-strong);font-weight:600}.sl-markdown-content .scene__caption{color:var(--diagram-ink-soft);margin:.45rem 0 0;font-size:.8rem}@media (width<=36rem){.scene__controls button{min-height:2.5rem}.scene__scrub{flex-basis:100%;order:9}}@media print{.sl-markdown-content .scene{break-inside:avoid;background:0 0;border:1px solid;padding:.75rem}.scene__controls,.scene__cue,.scene__live{display:none!important}.scene__stage{background:0 0;border-color:currentColor}.scene__alt{clip-path:none;white-space:normal;width:auto;height:auto;margin:.6rem 0;position:static;overflow:visible}}.scene__svg image{image-rendering:pixelated}.scene__explore:where(.astro-iwpgssty){margin-block:.6rem;font-size:.85rem}.scene__invite:where(.astro-iwpgssty){margin:.35rem 0 .6rem;line-height:1.5}.scene__fields:where(.astro-iwpgssty){grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.6rem .8rem;display:grid}.scene__field:where(.astro-iwpgssty){gap:.3rem;min-width:0;display:grid}.scene__field--check:where(.astro-iwpgssty){align-items:center;gap:.4em;display:flex}.scene__field:where(.astro-iwpgssty) input:where(.astro-iwpgssty)[type=range]{width:100%;accent-color:var(--reading-process);margin:0}.scene__field:where(.astro-iwpgssty) input:where(.astro-iwpgssty)[type=checkbox]{accent-color:var(--reading-process);margin:0}.scene__field:where(.astro-iwpgssty) output:where(.astro-iwpgssty){font-family:var(--mono);color:var(--diagram-ink-strong);margin-inline-start:.35em}.scene__result:where(.astro-iwpgssty){border-inline-start:.15em solid var(--reading-result);margin:.35rem 0 0;padding-inline-start:.6em;line-height:1.5}@media print{.scene__explore:where(.astro-iwpgssty){display:none!important}}