[data-color-scheme=dark] .stage-layer svg,[data-color-scheme=dark] .guide-sequence-stage svg{filter:invert(1)}.lab[data-astro-cid-mqel7s6v]{max-width:1000px;margin:0 auto;padding:2rem var(--cm-content-gutter, 28px)}.lab-header[data-astro-cid-mqel7s6v]{margin-bottom:2rem}.lab-header[data-astro-cid-mqel7s6v] h1[data-astro-cid-mqel7s6v]{font-family:var(--font-display, system-ui);font-size:var(--text-title, 2rem);margin:0 0 .25rem}.lab-header[data-astro-cid-mqel7s6v] p[data-astro-cid-mqel7s6v]{color:var(--color-text-secondary, #666);margin:0}h2[data-astro-cid-mqel7s6v]{font-family:var(--font-display, system-ui);font-size:var(--text-section, 1.4rem);margin:0 0 .25rem}.section-note[data-astro-cid-mqel7s6v]{color:var(--color-text-secondary, #888);font-size:var(--text-supporting, .85rem);margin:0 0 1rem}.stage[data-astro-cid-mqel7s6v]{margin-bottom:4rem}.stage-controls[data-astro-cid-mqel7s6v]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.step-buttons[data-astro-cid-mqel7s6v]{display:flex;gap:0;border:1px solid var(--color-border, #ccc);border-radius:4px;overflow:hidden}.step-btn[data-astro-cid-mqel7s6v]{flex:1;font-family:var(--font-meta, monospace);font-size:.7rem;padding:8px 4px;border:none;border-right:1px solid var(--color-border, #ccc);background:var(--color-surface, #fff);color:var(--color-text-secondary, #888);cursor:pointer;transition:background .15s,color .15s}.step-btn[data-astro-cid-mqel7s6v]:last-child{border-right:none}.step-btn[data-astro-cid-mqel7s6v]:hover{background:var(--color-border, #eee)}.step-btn[data-astro-cid-mqel7s6v].active{background:var(--color-text, #111);color:var(--color-surface, #fff)}.anim-options[data-astro-cid-mqel7s6v]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.option[data-astro-cid-mqel7s6v]{display:flex;align-items:center;gap:.35rem;font-family:var(--font-meta, monospace);font-size:.8rem;cursor:pointer;color:var(--color-text-secondary, #888)}.speed[data-astro-cid-mqel7s6v]{display:flex;align-items:center;gap:.4rem;font-family:var(--font-meta, monospace);font-size:.8rem;margin-left:auto;color:var(--color-text-secondary, #888)}.speed[data-astro-cid-mqel7s6v] input[data-astro-cid-mqel7s6v][type=range]{width:70px}.playback[data-astro-cid-mqel7s6v]{display:flex;gap:.5rem}.playback[data-astro-cid-mqel7s6v] button[data-astro-cid-mqel7s6v]{font-family:var(--font-meta, monospace);font-size:.8rem;padding:6px 14px;border:1px solid var(--color-border, #ccc);border-radius:4px;background:var(--color-surface, #fff);cursor:pointer;color:var(--color-text, #111)}.playback[data-astro-cid-mqel7s6v] button[data-astro-cid-mqel7s6v]:hover{background:var(--color-border, #eee)}.playback[data-astro-cid-mqel7s6v] button[data-astro-cid-mqel7s6v].playing{background:var(--color-text, #111);color:var(--color-surface, #fff);border-color:var(--color-text, #111)}.stage-main[data-astro-cid-mqel7s6v]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:768px){.stage-main[data-astro-cid-mqel7s6v]{grid-template-columns:1fr}}.stage-viewport[data-astro-cid-mqel7s6v]{position:relative;border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-surface, #fff);overflow:hidden;aspect-ratio:16 / 9}.stage-layer[data-astro-cid-mqel7s6v]{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.stage-layer[data-astro-cid-mqel7s6v].visible{opacity:1}.svg-host[data-astro-cid-mqel7s6v]{position:absolute;inset:0}.svg-host[data-astro-cid-mqel7s6v] svg[data-astro-cid-mqel7s6v]{display:block;width:100%;height:100%}.stage-meta[data-astro-cid-mqel7s6v]{display:flex;justify-content:space-between;margin-top:.5rem;font-family:var(--font-meta, monospace);font-size:.75rem;color:var(--color-text-secondary, #888)}.stage-notes[data-astro-cid-mqel7s6v]{display:flex;flex-direction:column}.note-panel[data-astro-cid-mqel7s6v]{display:none}.note-panel[data-astro-cid-mqel7s6v].active{display:block}.note-panel[data-astro-cid-mqel7s6v] h3[data-astro-cid-mqel7s6v]{font-family:var(--font-display, system-ui);font-size:1.1rem;margin:0 0 .75rem}.note-fields[data-astro-cid-mqel7s6v]{display:grid;gap:0;margin:0}.note-field-label[data-astro-cid-mqel7s6v]{font-family:var(--font-meta, monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #888);margin-top:.75rem}.note-field-value[data-astro-cid-mqel7s6v]{font-family:var(--font-body, system-ui);font-size:.85rem;line-height:1.4;color:var(--color-text, #111);margin:.15rem 0 0;white-space:pre-line}.guide-sequence[data-astro-cid-mqel7s6v]{margin-bottom:4rem}.guide-sequence-list[data-astro-cid-mqel7s6v]{display:flex;flex-direction:column;gap:3rem}.guide-sequence-row[data-astro-cid-mqel7s6v]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem;align-items:center}@media(max-width:900px){.guide-sequence-row[data-astro-cid-mqel7s6v]{grid-template-columns:1fr;gap:1rem}}.guide-sequence-copy[data-astro-cid-mqel7s6v]{display:flex;flex-direction:column;gap:.75rem}.guide-sequence-kicker[data-astro-cid-mqel7s6v]{font-family:var(--font-meta, monospace);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, #888)}.guide-sequence-concept[data-astro-cid-mqel7s6v]{margin:0;font-size:1rem;line-height:1.55;color:var(--color-text, #111)}.guide-sequence-notes[data-astro-cid-mqel7s6v]{margin:0}.guide-sequence-figure[data-astro-cid-mqel7s6v]{border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-surface, #fff);overflow:hidden}.guide-sequence-stage[data-astro-cid-mqel7s6v]{position:relative;width:100%;aspect-ratio:16 / 9}.sequence-group[data-astro-cid-mqel7s6v]{position:absolute;inset:0;opacity:0;transition:opacity .35s ease-in-out;pointer-events:none}.sequence-group[data-astro-cid-mqel7s6v].visible{opacity:1}.guide-sequence-stage[data-astro-cid-mqel7s6v] svg[data-astro-cid-mqel7s6v]{position:absolute;inset:0;width:100%;height:100%}.compare[data-astro-cid-mqel7s6v]{margin-bottom:4rem}.compare-grid[data-astro-cid-mqel7s6v]{display:flex;flex-direction:column;gap:2rem}.compare-pair[data-astro-cid-mqel7s6v]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare-label[data-astro-cid-mqel7s6v]{grid-column:1 / -1;font-family:var(--font-meta, monospace);font-size:.75rem;color:var(--color-text-secondary, #888)}.compare-cell[data-astro-cid-mqel7s6v]{position:relative;border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-surface, #fff);overflow:hidden}.compare-cell[data-astro-cid-mqel7s6v] img[data-astro-cid-mqel7s6v]{display:block;width:100%;height:auto}.compare-tag[data-astro-cid-mqel7s6v]{position:absolute;top:6px;left:6px;font-family:var(--font-meta, monospace);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:3px;color:var(--color-text-secondary, #888);z-index:1}