.frame-timeline[data-astro-cid-2knf2m65]{margin:2rem 0}.lane[data-astro-cid-2knf2m65]{border-bottom:1px solid var(--border);grid-template-rows:3.5rem;grid-template-columns:9.5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.lane[data-astro-cid-2knf2m65].axis{border-bottom:0;grid-template-rows:1.75rem}.label[data-astro-cid-2knf2m65]{color:var(--fg);flex-direction:column;gap:.125rem;font-size:.8125rem;line-height:1.3;display:flex}.outcome[data-astro-cid-2knf2m65]{color:var(--muted);font-size:.75rem}svg[data-astro-cid-2knf2m65]{width:100%;height:100%;display:block;overflow:visible}text[data-astro-cid-2knf2m65]{font-family:var(--font-mono);fill:var(--muted);font-size:10px}.task[data-astro-cid-2knf2m65]{fill:var(--muted)}.render[data-astro-cid-2knf2m65]{fill:var(--accent)}.inside[data-astro-cid-2knf2m65]{fill:var(--bg)}.refresh[data-astro-cid-2knf2m65]{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:2 2}.axis[data-astro-cid-2knf2m65] line[data-astro-cid-2knf2m65]{stroke:var(--border-strong)}.axis[data-astro-cid-2knf2m65] text[data-astro-cid-2knf2m65]{text-anchor:middle}.axis[data-astro-cid-2knf2m65] text[data-astro-cid-2knf2m65].last{text-anchor:end}.legend[data-astro-cid-2knf2m65]{color:var(--muted);flex-wrap:wrap;gap:.25rem 1.25rem;margin:.5rem 0 0;font-size:.8125rem;display:flex}.swatch[data-astro-cid-2knf2m65]{vertical-align:-.1rem;border-radius:2px;width:.75rem;height:.75rem;margin-right:.4rem;display:inline-block}.swatch[data-astro-cid-2knf2m65].task{background:var(--muted)}.swatch[data-astro-cid-2knf2m65].render{background:var(--accent)}.swatch[data-astro-cid-2knf2m65].refresh{border-left:1px dashed var(--border-strong);border-radius:0;width:0}figcaption[data-astro-cid-2knf2m65]{color:var(--muted);margin-top:.75rem;font-size:.875rem;line-height:1.55}@media (width<=480px){.lane[data-astro-cid-2knf2m65]{grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem}.axis[data-astro-cid-2knf2m65] text[data-astro-cid-2knf2m65].minor{display:none}}.pixel-pipeline[data-astro-cid-bw2qtusi]{margin:2rem 0}.rows[data-astro-cid-bw2qtusi]{gap:.5rem;display:grid}.row[data-astro-cid-bw2qtusi]{grid-template-columns:6.5rem repeat(4,minmax(0,1fr));align-items:center;gap:.375rem;display:grid}.change[data-astro-cid-bw2qtusi]{justify-self:start;font-size:.8125rem}.step[data-astro-cid-bw2qtusi]{border:1.5px solid var(--accent);background:var(--accent);color:var(--bg);text-align:center;border-radius:4px;padding:.4rem .25rem;font-size:.8125rem}.step[data-astro-cid-bw2qtusi].skipped{border-style:dashed;border-color:var(--border-strong);color:var(--muted);background:0 0;text-decoration:line-through}figcaption[data-astro-cid-bw2qtusi]{color:var(--muted);margin-top:.75rem;font-size:.875rem;line-height:1.55}@media (width<=480px){.rows[data-astro-cid-bw2qtusi]{gap:.75rem}.row[data-astro-cid-bw2qtusi]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.change[data-astro-cid-bw2qtusi]{grid-column:1/-1}.step[data-astro-cid-bw2qtusi]{padding-inline:0;font-size:.75rem}}compositor-demo[data-astro-cid-iwhuet2y]{display:block}.buttons[data-astro-cid-iwhuet2y]{flex-wrap:wrap;gap:.5rem;display:flex}button[data-astro-cid-iwhuet2y]{border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.8125rem}button[data-astro-cid-iwhuet2y]:disabled{cursor:default;color:var(--muted)}button[data-astro-cid-iwhuet2y]:focus-visible{border-color:var(--accent);outline:none}.tracks[data-astro-cid-iwhuet2y]{gap:.5rem;margin-top:1rem;display:grid}.track[data-astro-cid-iwhuet2y]{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.track[data-astro-cid-iwhuet2y] code[data-astro-cid-iwhuet2y]{font-size:.8125rem}.lane[data-astro-cid-iwhuet2y]{background:var(--code-bg);border-radius:4px;height:1.5rem;display:block;position:relative}.rail[data-astro-cid-iwhuet2y]{position:absolute;inset:0 1.5rem 0 0}.box[data-astro-cid-iwhuet2y]{background:var(--accent);border-radius:4px;width:1.5rem;height:1.5rem;position:absolute;top:0;left:0}.left[data-astro-cid-iwhuet2y]{animation:1.6s ease-in-out infinite alternate paused slide-left}.transform[data-astro-cid-iwhuet2y]{animation:1.6s ease-in-out infinite alternate paused slide-transform}compositor-demo[data-astro-cid-iwhuet2y].playing .mover[data-astro-cid-iwhuet2y]{animation-play-state:running}@keyframes slide-left{to{left:100%}}@keyframes slide-transform{to{transform:translate(100%)}}.status[data-astro-cid-iwhuet2y]{color:var(--muted);margin:1rem 0 0;font-size:.875rem;line-height:1.4}.event-loop-diagram[data-astro-cid-ji5qogro]{margin:2rem 0}.diagram[data-astro-cid-ji5qogro]{grid-template-columns:11rem 1.75rem minmax(0,1fr);align-items:center;display:grid}ul[data-astro-cid-ji5qogro],ol[data-astro-cid-ji5qogro]{margin:0;padding:0;list-style:none}li[data-astro-cid-ji5qogro]{border:1.5px solid var(--border-strong);border-radius:6px;flex-direction:column;gap:.125rem;margin:0;padding:.5rem .625rem;font-size:.8125rem;line-height:1.35;display:flex}li[data-astro-cid-ji5qogro] strong[data-astro-cid-ji5qogro]{font-weight:600}li[data-astro-cid-ji5qogro] span[data-astro-cid-ji5qogro]{color:var(--muted)}li[data-astro-cid-ji5qogro] code[data-astro-cid-ji5qogro]{font-size:.75rem}.heading[data-astro-cid-ji5qogro]{color:var(--muted);margin:0 0 .375rem;font-size:.75rem}.queues[data-astro-cid-ji5qogro] ul[data-astro-cid-ji5qogro]{gap:.375rem;display:grid}.queues[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro].rendering{border-color:var(--accent)}.queues[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro].rendering strong[data-astro-cid-ji5qogro]{color:var(--accent)}.arrow[data-astro-cid-ji5qogro]{background:var(--muted);justify-self:center;width:1.25rem;height:1.5px;position:relative}.arrow[data-astro-cid-ji5qogro]:after{content:"";border-top:1.5px solid var(--muted);border-right:1.5px solid var(--muted);width:7px;height:7px;position:absolute;top:-3.5px;right:0;transform:rotate(45deg)}.cycle[data-astro-cid-ji5qogro] ol[data-astro-cid-ji5qogro]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.cycle[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro]{box-sizing:border-box;height:100%;position:relative}.cycle[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro]+li[data-astro-cid-ji5qogro]:before{content:"";background:var(--muted);width:calc(1.5rem - 8px);height:1.5px;position:absolute;top:50%;left:calc(3px - 1.5rem)}.cycle[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro]+li[data-astro-cid-ji5qogro]:after{content:"";border-top:1.5px solid var(--muted);border-right:1.5px solid var(--muted);width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:-10px;transform:rotate(45deg)}.repeat[data-astro-cid-ji5qogro]{color:var(--muted);text-align:center;margin:0;padding-top:1.75rem;font-size:.75rem;position:relative}.repeat[data-astro-cid-ji5qogro] span[data-astro-cid-ji5qogro]{border:1.5px solid var(--muted);border-top:0;border-radius:0 0 6px 6px;height:1.125rem;position:absolute;top:0;left:calc(16.6667% - .5rem);right:calc(16.6667% - .5rem)}.repeat[data-astro-cid-ji5qogro] span[data-astro-cid-ji5qogro]:after{content:"";border-top:1.5px solid var(--muted);border-left:1.5px solid var(--muted);width:6px;height:6px;position:absolute;top:-1px;left:-4.75px;transform:rotate(45deg)}figcaption[data-astro-cid-ji5qogro]{color:var(--muted);margin-top:.75rem;font-size:.875rem;line-height:1.55}@media (width<=600px){.diagram[data-astro-cid-ji5qogro]{grid-template-columns:minmax(0,1fr)}.arrow[data-astro-cid-ji5qogro]{width:1.5px;height:1.25rem;margin:.25rem 0}.arrow[data-astro-cid-ji5qogro]:after{top:auto;bottom:0;right:-3.25px;transform:rotate(135deg)}.cycle[data-astro-cid-ji5qogro] ol[data-astro-cid-ji5qogro]{grid-template-columns:minmax(0,1fr);gap:1.25rem}.cycle[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro]+li[data-astro-cid-ji5qogro]:before{width:1.5px;height:calc(1.25rem - 8px);top:calc(3px - 1.25rem);left:50%}.cycle[data-astro-cid-ji5qogro] li[data-astro-cid-ji5qogro]+li[data-astro-cid-ji5qogro]:after{top:-10px;left:calc(50% - 2.25px);transform:rotate(135deg)}.repeat[data-astro-cid-ji5qogro]{padding-top:.75rem}.repeat[data-astro-cid-ji5qogro] span[data-astro-cid-ji5qogro]{display:none}}.frame-steps[data-astro-cid-2x7ubsiy]{margin:2rem 0}.steps[data-astro-cid-2x7ubsiy]{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}li[data-astro-cid-2x7ubsiy]{border:1.5px solid var(--border-strong);border-radius:6px;grid-template-rows:auto 1fr auto auto;margin:0;padding:.625rem;display:grid}p[data-astro-cid-2x7ubsiy]{margin:0}.name[data-astro-cid-2x7ubsiy]{font-size:.875rem;font-weight:600}.does[data-astro-cid-2x7ubsiy]{color:var(--muted);margin-top:.25rem;font-size:.75rem;line-height:1.4}.does[data-astro-cid-2x7ubsiy] code[data-astro-cid-2x7ubsiy]{overflow-wrap:anywhere;font-size:.6875rem}.out[data-astro-cid-2x7ubsiy]{flex-direction:column;justify-content:center;min-height:6rem;margin-top:.625rem;display:flex}.chip[data-astro-cid-2x7ubsiy]{overflow-wrap:anywhere;padding:.375rem .5rem;font-size:.6875rem;line-height:1.5;display:block}.note[data-astro-cid-2x7ubsiy]{border-left:1.5px solid var(--border-strong);color:var(--muted);padding:.375rem .5rem;font-size:.75rem;line-height:1.4}svg[data-astro-cid-2x7ubsiy]{width:100%;max-width:10rem;height:auto;display:block}svg[data-astro-cid-2x7ubsiy] text[data-astro-cid-2x7ubsiy]{font-family:var(--font-mono);fill:var(--bg);text-anchor:middle;font-size:8px}svg[data-astro-cid-2x7ubsiy] text[data-astro-cid-2x7ubsiy].small{font-size:6.5px}.page[data-astro-cid-2x7ubsiy]{fill:none;stroke:var(--border-strong)}.box[data-astro-cid-2x7ubsiy]{fill:var(--muted)}.box[data-astro-cid-2x7ubsiy].card{fill:var(--accent)}.layer[data-astro-cid-2x7ubsiy]{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px}.frame[data-astro-cid-2x7ubsiy]{fill:var(--accent)}.flow[data-astro-cid-2x7ubsiy]{fill:none;stroke:var(--muted);stroke-width:1.5px}li[data-astro-cid-2x7ubsiy]:last-child svg[data-astro-cid-2x7ubsiy] text[data-astro-cid-2x7ubsiy]{fill:var(--muted)}.thread[data-astro-cid-2x7ubsiy]{border-top:1.5px solid var(--muted);color:var(--muted);margin-top:.625rem;padding-top:.375rem;font-size:.6875rem}.thread[data-astro-cid-2x7ubsiy].other{border-top-color:var(--accent);color:var(--accent)}figcaption[data-astro-cid-2x7ubsiy]{color:var(--muted);margin-top:.75rem;font-size:.875rem;line-height:1.55}@media (width<=640px){.steps[data-astro-cid-2x7ubsiy]{grid-template-columns:minmax(0,1fr)}li[data-astro-cid-2x7ubsiy]{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 8.5rem;column-gap:.75rem}.name[data-astro-cid-2x7ubsiy],.does[data-astro-cid-2x7ubsiy],.thread[data-astro-cid-2x7ubsiy]{grid-column:1}.out[data-astro-cid-2x7ubsiy]{grid-area:1/2/-1;min-height:0;margin-top:0}.thread[data-astro-cid-2x7ubsiy]{border-top:0;align-self:end;padding-top:.5rem}}.forced-reflow-timeline[data-astro-cid-426yfj4b]{margin:2rem 0}.lane[data-astro-cid-426yfj4b]{border-bottom:1px solid var(--border);grid-template-rows:4rem;grid-template-columns:9.5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.label[data-astro-cid-426yfj4b]{color:var(--fg);flex-direction:column;gap:.125rem;font-size:.8125rem;line-height:1.3;display:flex}.outcome[data-astro-cid-426yfj4b]{color:var(--muted);font-size:.75rem}svg[data-astro-cid-426yfj4b]{width:100%;height:100%;display:block;overflow:visible}text[data-astro-cid-426yfj4b]{font-family:var(--font-mono);fill:var(--muted);font-size:10px}.above[data-astro-cid-426yfj4b],.below[data-astro-cid-426yfj4b]{text-anchor:middle}.above[data-astro-cid-426yfj4b].layout{fill:var(--fg)}.above[data-astro-cid-426yfj4b].paint{fill:var(--accent)}.task[data-astro-cid-426yfj4b]{fill:var(--muted)}.layout[data-astro-cid-426yfj4b]{fill:var(--fg)}.paint[data-astro-cid-426yfj4b]{fill:var(--accent)}.mark[data-astro-cid-426yfj4b]{stroke:var(--fg);stroke-width:1px}.refresh[data-astro-cid-426yfj4b]{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:2 2}.legend[data-astro-cid-426yfj4b]{color:var(--muted);flex-wrap:wrap;gap:.25rem 1.25rem;margin:.5rem 0 0;font-size:.8125rem;display:flex}.swatch[data-astro-cid-426yfj4b]{vertical-align:-.1rem;border-radius:2px;width:.75rem;height:.75rem;margin-right:.4rem;display:inline-block}.swatch[data-astro-cid-426yfj4b].task{background:var(--muted)}.swatch[data-astro-cid-426yfj4b].layout{background:var(--fg)}.swatch[data-astro-cid-426yfj4b].paint{background:var(--accent)}.swatch[data-astro-cid-426yfj4b].refresh{border-left:1px dashed var(--border-strong);border-radius:0;width:0}figcaption[data-astro-cid-426yfj4b]{color:var(--muted);margin-top:.75rem;font-size:.875rem;line-height:1.55}@media (width<=480px){.lane[data-astro-cid-426yfj4b]{grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem}text[data-astro-cid-426yfj4b]{font-size:9px}}style-write-demo[data-astro-cid-75ehxs36]{display:block}button[data-astro-cid-75ehxs36]{border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);font-family:var(--font-mono);text-align:left;cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.8125rem}button[data-astro-cid-75ehxs36]:disabled{cursor:default;color:var(--muted)}button[data-astro-cid-75ehxs36]:focus-visible{border-color:var(--accent);outline:none}.card[data-astro-cid-75ehxs36]{box-sizing:border-box;background:var(--accent);border-radius:6px;align-items:flex-start;width:min(15rem,100%);height:4rem;margin-top:1rem;padding:.5rem .75rem;display:flex}.card[data-astro-cid-75ehxs36] code[data-astro-cid-75ehxs36]{color:var(--bg);background:0 0;font-size:.8125rem}.status[data-astro-cid-75ehxs36]{color:var(--muted);font-variant-numeric:tabular-nums;margin:.75rem 0 0;font-size:.875rem;line-height:1.4}