@font-face{font-family:Outfit;src:url(/projects/assets/outfit-variable-B6lQlNBM.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.home-page{width:min(100% - 64px, var(--projects-width));margin-inline:auto;padding-block:48px 28px}.home-page h1{letter-spacing:-.04em;margin:0 0 28px;font-size:1.75rem;font-weight:500;line-height:1.2}.home-page__entries{gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-entry__header{flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}.project-entry h2{margin:0;font-size:1.125rem;font-weight:500;line-height:1.4}.home-page a{color:var(--projects-link);text-underline-offset:4px;text-decoration-thickness:1px}.home-page a:hover{text-decoration-thickness:2px}.home-page a:focus-visible{outline-offset:4px;outline:2px solid}.home-page a.project-entry__link{border:1px solid color-mix(in srgb, var(--projects-ink) 12%, transparent);color:var(--projects-ink);border-radius:4px;padding:24px;text-decoration:none;display:block}.home-page a.project-entry__link:hover{border-color:color-mix(in srgb, var(--projects-ink) 24%, transparent);background:color-mix(in srgb, var(--projects-ink) 3%, transparent)}.home-page a.project-entry__link:focus-visible{outline-color:var(--projects-link)}.project-entry--edge{margin-block-end:40px}.home-page .project-entry--illustrated .project-entry__link{align-content:start;padding-inline-end:248px;display:grid;position:relative}.project-entry__content{min-width:0}.project-entry__illustration{pointer-events:none;width:240px;height:auto;display:block;position:absolute;top:0;right:-16px}.project-entry--contained .project-entry__illustration{object-fit:contain;width:216px;height:calc(100% - 32px);top:16px;right:16px}.home-page .project-entry--corner .project-entry__link{padding-inline:24px}.project-entry--corner .project-entry__illustration{object-fit:cover;object-position:left;width:80px;height:84px;top:-12px;left:-52px;right:auto;-webkit-mask-image:linear-gradient(90deg,#000 60px,#0000 70px);mask-image:linear-gradient(90deg,#000 60px,#0000 70px)}.project-entry__tags{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:.75rem;line-height:1.5;list-style:none;display:flex}.project-entry__tags li+li:before{content:"/";margin-right:16px}.project-entry p{margin:10px 0 0;font-size:1rem;line-height:1.6}.home-page__footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:40px;font-size:.8125rem;display:flex}.home-page__footer small{font:inherit}.home-page__footer nav{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.home-page{width:min(100% - 32px, var(--projects-width));padding-top:32px}.home-page h1{font-size:1.5rem}.project-entry__header{flex-direction:column;align-items:start}.home-page a.project-entry__link{padding:20px}.home-page .project-entry--illustrated .project-entry__link{row-gap:12px;padding-inline-end:20px}.project-entry--edge{margin-block-end:0}.project-entry__illustration,.project-entry--contained .project-entry__illustration{width:min(100%,240px);height:auto;margin-inline-start:auto;position:static}.project-entry__tags{gap:8px 12px}.project-entry__tags li+li:before{margin-right:12px}}@media (width<=1000px) and (orientation:portrait){.home-page .project-entry--corner .project-entry__link{row-gap:8px}.project-entry--corner .project-entry__illustration{width:min(100%,160px);height:100px;margin-inline-start:0;position:static;-webkit-mask-image:none;mask-image:none}}@media (width<=760px) and (orientation:portrait){.home-page .project-entry--corner .project-entry__link{padding-inline:20px}}@media (width<=1000px) and (orientation:landscape){.project-entry--corner .project-entry__illustration{margin-inline-start:0;position:absolute}}@media (width<=832px) and (orientation:landscape){.project-entry--corner{margin-block-start:16px}.project-entry--corner .project-entry__illustration{width:54px;height:56px;top:-30px;left:-8px;-webkit-mask-image:linear-gradient(90deg,#000 40px,#0000 47px);mask-image:linear-gradient(90deg,#000 40px,#0000 47px)}}@media (width<=760px) and (orientation:landscape){.home-page .project-entry--corner .project-entry__link{padding-inline:20px}}@media (pointer:coarse){.home-page__footer a{align-items:center;min-height:44px;display:inline-flex}}.lesson-prose{border-left:2px solid var(--diffusion-accent);max-width:64ch;color:var(--diffusion-text);gap:1rem;padding-left:1.25rem;font-size:1rem;line-height:1.75;display:grid}.lesson-prose p{margin:0}.lesson-prose__source{color:var(--diffusion-muted);font-size:.75rem;line-height:1.6}.lesson-prose a{color:var(--diffusion-accent)}.guidance{--prompt-accent:#be185d;--baseline-accent:#64748b;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:guidance-lesson/inline-size}.guidance h2{margin:0;font-size:.9375rem;line-height:1.4}.guidance h3{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.guidance p,.guidance figure{margin:0}.guidance [data-kind=prompt],.guidance [data-kind=difference]{--term-color:var(--prompt-accent)}.guidance [data-kind=baseline]{--term-color:var(--baseline-accent)}.guidance [data-kind=guided]{--term-color:var(--diffusion-accent)}.guidance__formula{border-block:1px solid var(--diffusion-border);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.375rem .625rem;padding:.75rem 1rem;font-size:clamp(1.125rem,2.5vw,1.5rem);display:flex}.guidance__formula>span{white-space:nowrap}.guidance__formula [data-kind]{color:var(--term-color)}.guidance__step{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;display:grid}.guidance__rows{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.625rem .5rem;display:grid}.guidance__rows>h2{grid-column:1/-1}.guidance__rows>h2:not(:first-child){margin-top:.5rem}.guidance__card{border:1px solid var(--diffusion-border);border-top:2px solid var(--term-color);background:var(--diffusion-surface);text-align:center;border-radius:.875rem;grid-template-rows:auto 1fr auto;justify-items:center;gap:.5rem;min-width:0;padding:.75rem;display:grid}.guidance__card h3{color:var(--term-color)}.guidance__card figcaption{color:var(--diffusion-muted);font-size:.75rem;line-height:1.4}.guidance__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.125rem;width:5.5rem;display:grid}.guidance__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.125rem;display:block}.guidance__operator{color:var(--diffusion-muted);white-space:nowrap;align-self:center;font-size:1.25rem;font-weight:600}.guidance__estimates{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:.625rem;width:17rem;padding:.875rem;display:grid}.guidance__estimates>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.guidance__estimates img{border-radius:.5rem;width:100%;height:auto;display:block}.guidance__estimates figcaption{color:var(--diffusion-muted);font-size:.75rem;line-height:1.4}.guidance__estimates figure figcaption{color:var(--diffusion-text);text-align:center;margin-top:.25rem}.guidance__strengths{gap:.625rem;display:grid}.guidance__strengths ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.guidance__strengths li{text-align:center;align-content:start;gap:.25rem;font-size:.8125rem;line-height:1.4;display:grid}.guidance__strengths img{border:2px solid #0000;border-radius:.5rem;width:100%;height:auto;margin-bottom:.25rem;display:block}.guidance__strengths li[data-current] img{border-color:var(--diffusion-accent)}.guidance__strengths li>span{color:var(--diffusion-muted);font-size:.75rem}.guidance__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.guidance__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.guidance__takeaway strong{color:var(--diffusion-text);display:block}.guidance__source{color:var(--diffusion-muted);font-size:.75rem}.guidance__source a{color:var(--diffusion-accent)}@container guidance-lesson (width<=62rem){.guidance__step{grid-template-columns:minmax(0,1fr)}.guidance__estimates{justify-self:center}.guidance__strengths ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@container guidance-lesson (width<=36rem){.guidance__rows{grid-template-columns:minmax(0,1fr)}.guidance__operator{justify-self:center}.guidance__estimates{width:100%}.guidance__strengths ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guidance__text{grid-template-columns:minmax(0,1fr)}}.guidance__purpose{gap:.375rem;max-width:72ch;display:grid}.guidance__terms{gap:.75rem;display:grid}.guidance__terms dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.guidance__terms dl>div{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem;display:grid}.guidance__terms dt{align-items:center;gap:.625rem;font-weight:600;display:flex}.guidance__terms dd{color:var(--diffusion-muted);margin:0}.guidance__symbol{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);height:2.25rem;color:var(--term-color,var(--diffusion-text));border-radius:.5rem;flex:0 0 2.25rem;place-items:center;font-size:1.125rem;font-weight:400;display:grid}.guidance__strengths>figcaption{color:var(--diffusion-muted);font-size:.75rem}@container guidance-lesson (width<=48rem){.guidance__terms dl{grid-template-columns:minmax(0,1fr)}}.denoising-loop{min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:denoising-loop-lesson/inline-size}.denoising-loop h2{margin:0;font-size:.9375rem;line-height:1.4}.denoising-loop h3{color:var(--diffusion-muted);margin:0;font-size:.75rem;font-weight:600;line-height:1.4}.denoising-loop p,.denoising-loop figure{margin:0}.denoising-loop__cycle{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:1rem;padding:1.25rem 1rem;display:grid}.denoising-loop__steps{counter-reset:step;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.denoising-loop__steps li{text-align:center;counter-increment:step;grid-template-rows:5.5rem auto auto;align-content:start;justify-items:center;gap:.375rem;display:grid;position:relative}.denoising-loop__steps li+li:before{content:"→";color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;top:2.25rem;left:-1.25rem}.denoising-loop__steps strong:before{content:counter(step) ". ";color:var(--diffusion-muted);font-weight:400}.denoising-loop__steps li>span:last-child{color:var(--diffusion-muted);font-size:.75rem;line-height:1.5}.denoising-loop__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.125rem;width:5rem;display:grid}.denoising-loop__pair{align-self:center;gap:.375rem;display:flex}.denoising-loop__pair .denoising-loop__tiles{width:4rem}.denoising-loop__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.125rem;display:block}.denoising-loop__cycle>figcaption{border-top:1px dashed var(--diffusion-border);color:var(--diffusion-muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.75rem;display:flex}.denoising-loop__repeat{color:var(--diffusion-accent);font-size:1.25rem;line-height:1}.denoising-loop__explorer{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;justify-items:center;gap:.875rem;padding:1rem;display:grid}.denoising-loop__explorer>h2{justify-self:start}.denoising-loop__slider{width:min(100%,30rem);color:var(--diffusion-muted);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.denoising-loop__slider input{min-width:0;accent-color:var(--diffusion-accent);flex:1}.denoising-loop__slider output{min-width:4.5rem;color:var(--diffusion-text);font-variant-numeric:tabular-nums;font-weight:600}.denoising-loop__views{grid-template-columns:repeat(2,minmax(0,15rem));gap:1.25rem;display:grid}.denoising-loop__views figure{gap:.375rem;display:grid}.denoising-loop__views img{border-radius:.5rem;width:100%;height:auto;display:block}.denoising-loop__views .denoising-loop__heatmaps{image-rendering:pixelated;border-radius:.25rem}.denoising-loop__views figcaption{color:var(--diffusion-muted);text-align:center;font-size:.75rem}.denoising-loop__readout{color:var(--diffusion-muted);text-align:center;font-size:.8125rem}.denoising-loop__readout strong{color:var(--diffusion-text)}.denoising-loop__error{gap:.25rem;width:min(100%,32rem);display:grid}.denoising-loop__chart{width:100%;height:auto;display:block;overflow:visible}.denoising-loop__chart text{fill:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:12px}.denoising-loop__chart-grid{stroke:#e6eaf0;vector-effect:non-scaling-stroke}.denoising-loop__bar{fill:#b9c3cf;cursor:pointer}.denoising-loop__bar[data-current]{fill:var(--diffusion-accent)}.denoising-loop__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.denoising-loop__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.denoising-loop__takeaway strong{color:var(--diffusion-text);display:block}.denoising-loop__source{color:var(--diffusion-muted);font-size:.75rem}.denoising-loop__source a{color:var(--diffusion-accent)}@container denoising-loop-lesson (width<=52rem){.denoising-loop__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.denoising-loop__steps li:nth-child(4):before{content:none}}@container denoising-loop-lesson (width<=36rem){.denoising-loop__steps{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.denoising-loop__steps li+li:before,.denoising-loop__steps li:nth-child(4):before{content:"↓";top:-1.25rem;left:calc(50% - .375rem)}.denoising-loop__views{grid-template-columns:minmax(0,1fr);width:min(100%,18rem)}.denoising-loop__text{grid-template-columns:minmax(0,1fr)}}.denoising-step{--noise-accent:#b45309;--signal-accent:#be185d;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:step-lesson/inline-size}.denoising-step h2{margin:0;font-size:1rem;line-height:1.4}.denoising-step h3{margin:0;font-size:.875rem;line-height:1.4}.denoising-step p,.denoising-step figure{margin:0}.denoising-step [data-kind=signal]{--term-color:var(--signal-accent)}.denoising-step [data-kind=noise]{--term-color:var(--noise-accent)}.denoising-step__flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.5fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.denoising-step__stage{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);text-align:center;border-radius:1rem;grid-template-rows:auto 1fr auto;justify-items:center;gap:.625rem;min-width:0;padding:.875rem .75rem;display:grid}.denoising-step__stage[data-kind=noise]{border-top:2px solid var(--noise-accent)}.denoising-step__stage[data-kind=clean]{border-top:2px solid var(--signal-accent)}.denoising-step__stage h2{font-size:.9375rem}.denoising-step__stage figcaption{color:var(--diffusion-muted);font-size:.75rem;line-height:1.4}.denoising-step__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.125rem;width:6rem;display:grid}.denoising-step__tiles>span{display:block;position:relative}.denoising-step__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.125rem;display:block}.denoising-step__marker{border:2px solid var(--diffusion-text);border-radius:50%;width:.625rem;height:.625rem;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #fff}.denoising-step__estimate{justify-content:center;align-items:center;gap:.5rem;display:flex}.denoising-step__estimate>img{border-radius:.375rem;width:6rem;height:6rem}.denoising-step__operation{max-width:6.5rem;color:var(--diffusion-text);text-align:center;align-content:center;justify-items:center;gap:.25rem;font-size:.75rem;line-height:1.35;display:grid}.denoising-step__frozen{color:var(--diffusion-muted);align-items:center;gap:.25rem;display:inline-flex}.denoising-step__arrow{color:var(--diffusion-accent);font-size:1.125rem;line-height:1}.denoising-step__math{border-block:1px solid var(--diffusion-border);gap:.75rem;padding:1rem;display:grid}.denoising-step__rows{grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:.75rem 2.5rem;display:grid}.denoising-step__equation{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;font-size:1.125rem;display:flex}.denoising-step__equation span{white-space:nowrap}.denoising-step__equation [data-kind]{color:var(--term-color)}.denoising-step__arithmetic{color:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.denoising-step__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.denoising-step__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.denoising-step__takeaway strong{color:var(--diffusion-text);display:block}.denoising-step__source{color:var(--diffusion-muted);font-size:.75rem}.denoising-step__source a{color:var(--diffusion-accent)}@container step-lesson (width<=60rem){.denoising-step__flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.denoising-step__flow>:nth-child(4){grid-column:1/-1;justify-self:center;max-width:none}.denoising-step__flow>:nth-child(4) .denoising-step__arrow{rotate:90deg}.denoising-step__rows{grid-template-columns:minmax(0,1fr)}.denoising-step__rows h3:not(:first-child){margin-top:.5rem}}@container step-lesson (width<=36rem){.denoising-step__flow{grid-template-columns:minmax(0,1fr)}.denoising-step__operation{justify-self:center;max-width:none}.denoising-step__operation .denoising-step__arrow{rotate:90deg}.denoising-step__text{grid-template-columns:minmax(0,1fr)}}.diffusion-landscape{--landscape-gap:2.5rem;--landscape-font-heading:1.125rem;--landscape-font-body:1rem;--landscape-font-meta:.875rem;gap:1.5rem;min-width:0;display:grid;container:diffusion-landscape/inline-size}.landscape-timeline{gap:var(--landscape-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landscape-card{border:1px solid var(--diffusion-border);border-left:3px solid var(--landscape-accent);background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--landscape-accent) 9%, transparent), transparent 70%), var(--diffusion-surface);border-radius:1rem;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}.landscape-card[data-accent=amber]{--landscape-accent:#b45309}.landscape-card[data-accent=violet]{--landscape-accent:#6d28d9}.landscape-card[data-accent=cyan]{--landscape-accent:#0e7490}.landscape-card:not(:last-child):before,.landscape-card:not(:last-child):after{content:"";pointer-events:none;position:absolute}.landscape-card:not(:last-child):before{width:calc(var(--landscape-gap) - .75rem);background:var(--landscape-accent);height:2px;top:50%;left:calc(100% + .375rem)}.landscape-card:not(:last-child):after{top:calc(50% - .25rem);left:calc(100% + var(--landscape-gap) - .875rem);border-top:2px solid var(--landscape-accent);border-right:2px solid var(--landscape-accent);width:.5rem;height:.5rem;transform:rotate(45deg)}.landscape-card__period,.landscape-card h2,.landscape-card__description,.landscape-notes p{margin:0}.landscape-card__period{color:var(--landscape-accent);font-size:var(--landscape-font-meta);font-weight:600;line-height:1.5}.landscape-card h2{color:var(--diffusion-text);font-size:var(--landscape-font-heading);text-wrap:balance;font-weight:600;line-height:1.4}.landscape-card__description{color:var(--diffusion-muted);font-size:var(--landscape-font-body);line-height:1.65}.landscape-card__reference{min-height:2.75rem;color:var(--landscape-accent);font-size:var(--landscape-font-meta);text-underline-offset:.25em;align-self:flex-start;align-items:center;margin-top:auto;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.landscape-card__reference:focus-visible{outline:2px solid var(--landscape-accent);outline-offset:4px;border-radius:.125rem}.landscape-notes{color:var(--diffusion-muted);font-size:var(--landscape-font-meta);border-top:1px solid #e3e8ee;gap:.5rem;padding-top:1rem;line-height:1.6;display:grid}@container diffusion-landscape (width<=52rem){.landscape-timeline{grid-template-columns:minmax(0,1fr)}.landscape-card:not(:last-child):before{width:2px;height:calc(var(--landscape-gap) - .75rem);top:calc(100% + .375rem);left:50%}.landscape-card:not(:last-child):after{top:calc(100% + var(--landscape-gap) - .875rem);left:calc(50% - .25rem);transform:rotate(135deg)}}.diffusion-overview{--overview-training:#b45309;--overview-generation:#0e7490;--overview-text:#be185d;--overview-model:#6d28d9;--overview-weights:#64748b;--overview-surface:var(--diffusion-surface);--overview-font-heading:.9375rem;--overview-font-body:.875rem;--overview-font-meta:.75rem;--overview-font-symbol:1rem;--overview-font-emphasis:1.375rem;--overview-column-gap:2rem;min-width:0}.overview-board{--overview-stacked:0;background:radial-gradient(ellipse at 45% 0%, color-mix(in srgb, var(--overview-model) 6%, transparent), transparent 55%), var(--diffusion-background);border:1px solid #e3e8ee;border-radius:1rem;gap:.625rem;padding:.625rem;display:grid;position:relative}.overview-lane{min-width:0}.overview-lane--training{--overview-lane-accent:var(--overview-training)}.overview-lane--generation{--overview-lane-accent:var(--overview-generation)}.overview-phase{z-index:1;color:var(--overview-lane-accent);font-size:var(--overview-font-heading);align-items:baseline;gap:.75rem;margin:0 0 .75rem;line-height:1.35;display:flex;position:relative}.overview-phase small{color:var(--diffusion-muted);font-size:var(--overview-font-body);font-weight:400}.overview-lane-body,.overview-transfer{column-gap:var(--overview-column-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.overview-inputs{grid-column:1/3;grid-template-columns:subgrid;gap:.625rem var(--overview-column-gap);align-content:start;display:grid}.overview-random,.overview-conditioning{grid-column:1/-1}.overview-loop{grid-template-columns:subgrid;border:1px solid color-mix(in srgb, var(--overview-lane-accent) 30%, transparent);background:color-mix(in srgb, var(--overview-lane-accent) 3%, transparent);border-radius:.875rem;grid-template-rows:auto 1fr auto;row-gap:.375rem;min-width:0;padding:.4375rem;display:grid}.overview-loop--training{grid-column:3/-1}.overview-loop--generation{grid-column:3/5;grid-template-rows:auto 1fr auto;row-gap:1rem}.overview-lane--generation .overview-lane-body{row-gap:.75rem}.overview-loop-title,.overview-loop-footer{z-index:1;grid-column:1/-1;margin:0;position:relative}.overview-loop-title{width:fit-content;color:var(--overview-lane-accent);font-size:var(--overview-font-heading);font-weight:600;line-height:1.4}.overview-decode{grid-column:5;align-self:center;gap:.5rem}.overview-node{z-index:1;border:1px solid var(--diffusion-border);background:var(--overview-surface);border-radius:.625rem;flex-direction:column;gap:.25rem;min-width:0;padding:.4375rem;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}.overview-model{border-color:color-mix(in srgb, var(--overview-model) 65%, transparent);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--overview-model) 12%, transparent), transparent 80%), var(--overview-surface)}.overview-card-title,.overview-label{color:var(--diffusion-text);font-size:var(--overview-font-heading);margin:0;font-weight:600;line-height:1.35}.overview-copy,.overview-caption,.overview-quote{font-size:var(--overview-font-body);margin:0;line-height:1.4}.overview-copy,.overview-caption{color:var(--diffusion-muted)}.overview-caption{font-size:var(--overview-font-meta)}.overview-quote{color:var(--overview-text)}.overview-math{white-space:nowrap}.overview-math var{font-style:italic}.overview-math sub{font-size:.7em}.overview-conditioning{border:1px solid color-mix(in srgb, var(--overview-text) 25%, transparent);background:color-mix(in srgb, var(--overview-text) 3%, transparent);border-radius:.625rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(5rem,.85fr);align-items:center;gap:1rem;min-width:0;padding:.4375rem;display:grid}.overview-condition-source,.overview-embedding-port{z-index:1;min-width:0;position:relative}.overview-condition-source{gap:.25rem;display:grid}.overview-conditioning[data-mode=generation]{row-gap:.625rem}.overview-conditioning[data-mode=generation] .overview-condition-source{grid-area:1/1}.overview-conditioning[data-mode=generation] .overview-baseline{border-top:1px solid color-mix(in srgb, var(--overview-text) 20%, transparent);grid-row:2;padding-top:.5rem}.overview-conditioning[data-mode=generation] .overview-text-encoder{grid-area:1/2/3}.overview-prompt-embeddings{grid-area:1/3}.overview-baseline-embeddings{grid-area:2/3}.overview-dropout{z-index:1;border-top:1px solid color-mix(in srgb, var(--overview-text) 20%, transparent);color:var(--diffusion-muted);font-size:var(--overview-font-meta);grid-column:1/-1;margin:0;padding-top:.375rem;line-height:1.4;position:relative}.overview-dropout strong{color:var(--overview-text);font-weight:600}.overview-text-encoder{border-color:color-mix(in srgb, var(--overview-text) 40%, transparent)}.overview-embedding-port{border:1px solid color-mix(in srgb, var(--overview-text) 55%, transparent);background:var(--overview-surface);color:var(--overview-text);text-align:center;border-radius:.5rem;justify-items:center;gap:.25rem;padding:.375rem;display:grid}.overview-embedding-port strong{font-size:var(--overview-font-symbol)}.overview-embedding-port span{font-size:var(--overview-font-meta);line-height:1.35}.overview-visual{justify-content:center;align-items:center;gap:.375rem;min-height:3rem;margin-block:.125rem;display:flex}.overview-image,.overview-tiles,.overview-batch{flex:none;width:3rem;height:3rem}.overview-image{z-index:1;object-fit:cover;border-radius:.375rem;display:block;position:relative}.overview-batch{position:relative}.overview-batch:before,.overview-batch:after{content:"";border:1px solid var(--overview-training);background:#e2e8f0;border-radius:.375rem;position:absolute;inset:0}.overview-batch:before{transform:translate(-4px,-3px)rotate(-5deg)}.overview-batch:after{transform:translate(3px,-2px)rotate(4deg)}.overview-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.overview-tiles img{border:1px solid var(--diffusion-border);width:100%;height:100%;image-rendering:pixelated;border-radius:3px;display:block}.overview-network{width:5rem;height:2.5rem;color:var(--overview-model);display:block}.overview-pair,.overview-loss-math{color:var(--overview-training)}.overview-loss-math{font-size:var(--overview-font-emphasis)}.overview-loss-math sup{font-size:.7em}.overview-loss-trend{width:7rem;max-width:100%;height:auto;color:var(--overview-training);align-self:center;margin-block:.125rem}.overview-loss-trend text{fill:currentColor;font-size:var(--overview-font-meta)}.overview-loss-axes,.overview-loss-curve{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.overview-loss-axes{opacity:.35}.overview-loss-curve{stroke-width:2px}.overview-random-visual{justify-content:flex-start;gap:.75rem}.overview-generated-image{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--overview-generation) 35%, transparent);width:min(100%,10rem);height:auto;box-shadow:0 0 1.5rem color-mix(in srgb, var(--overview-generation) 10%, transparent);border-radius:.5rem;align-self:center;margin-block:.125rem;display:block}.overview-output-empty{min-height:3rem;color:var(--overview-generation);justify-content:center;align-items:center;gap:.375rem;display:flex}.overview-denoiser-stack{gap:1rem;min-width:0;display:grid}.overview-predictions{color:var(--overview-text);font-size:var(--overview-font-body);grid-template-columns:max-content max-content max-content;justify-content:center;gap:.25rem .75rem;display:grid}.overview-predictions p{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;margin:0;display:grid}.overview-predictions .overview-math{color:var(--overview-generation)}.overview-guidance{border-color:color-mix(in srgb, var(--overview-generation) 45%, transparent)}.overview-guidance-formula{color:var(--overview-generation);font-size:var(--overview-font-body);gap:.125rem;line-height:1.4;display:grid}.overview-guidance-formula>span:last-child{padding-left:.5rem}.overview-sampler{gap:.5rem}.overview-sampler-flow,.overview-sampler-inputs{gap:.25rem;display:grid}.overview-sampler-inputs p,.overview-sampler-output{border:1px solid color-mix(in srgb, var(--overview-generation) 20%, transparent);color:var(--overview-generation);font-size:var(--overview-font-body);border-radius:.375rem;justify-content:space-between;align-items:baseline;gap:.375rem;margin:0;padding:.375rem;display:flex}.overview-sampler-inputs p>span:last-child,.overview-sampler-output>span:last-child{color:var(--diffusion-muted);font-size:var(--overview-font-meta)}.overview-sampler-inputs strong{font-weight:500}.overview-sampler-arrow{color:var(--overview-generation);font-size:var(--overview-font-symbol);justify-self:center}.overview-sampler-output{background:color-mix(in srgb, var(--overview-generation) 6%, transparent)}.overview-sampler-exit{border-left:2px solid var(--overview-generation);color:var(--overview-generation);font-size:var(--overview-font-meta);margin:0;padding:.25rem .375rem;line-height:1.4}.overview-loop-footer{color:var(--diffusion-muted);font-size:var(--overview-font-meta);margin-top:.75rem;line-height:1.4}.overview-loop-return{text-align:center;grid-column:2;margin-top:.25rem}.overview-training-footer{grid-column:1;width:fit-content}.overview-state{border-top:1px solid var(--diffusion-border);font-size:var(--overview-font-meta);flex-wrap:wrap;align-items:center;gap:.125rem .375rem;margin-top:auto;padding-top:.375rem;line-height:1.35;display:flex}.overview-state strong{color:var(--overview-weights);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.overview-state>span{color:var(--diffusion-muted)}.overview-state svg{flex:none;display:block}.overview-state[data-state=updated] strong{color:var(--overview-training)}.overview-state[data-state=reused] strong{color:var(--overview-generation)}.overview-transfer{min-height:1.5rem}.overview-notes{z-index:1;color:var(--diffusion-muted);font-size:var(--overview-font-meta);margin:.25rem 0 0;line-height:1.45;position:relative}.overview-notes p{margin:0}.overview-notes p+p{margin-top:.25rem}.overview-notes strong{color:var(--overview-weights);font-weight:600}.overview-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.overview-tone--training{color:var(--overview-training)}.overview-tone--generation{color:var(--overview-generation)}.overview-tone--text{color:var(--overview-text)}.overview-tone--weights{color:var(--overview-weights)}.overview-wire{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.overview-wire-halo{fill:none;stroke:var(--diffusion-background);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.overview-wire-label{fill:currentColor;stroke:var(--diffusion-background);stroke-width:5px;stroke-linejoin:round;paint-order:stroke;font-size:var(--overview-font-meta)}.overview-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container diffusion-lesson (width<=48rem){.overview-board{--overview-stacked:1}.overview-phase{flex-wrap:wrap;gap:.25rem .75rem}.overview-lane-body{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-inline:1.5rem}.overview-inputs,.overview-loop,.overview-decode{grid-column:auto}.overview-inputs,.overview-loop,.overview-denoiser-stack,.overview-conditioning{grid-template-columns:minmax(0,1fr);row-gap:1.25rem}.overview-loop,.overview-loop--generation{grid-template-rows:none;padding:.875rem}.overview-embedding-port{justify-self:center;min-width:5rem}.overview-conditioning[data-mode=generation] .overview-condition-source,.overview-conditioning[data-mode=generation] .overview-text-encoder,.overview-prompt-embeddings,.overview-baseline-embeddings{grid-area:auto}.overview-conditioning[data-mode=generation] .overview-baseline{grid-row:auto}.overview-denoiser-stack{gap:1.25rem}.overview-generated-image{width:min(100%,12rem)}.overview-transfer{grid-template-columns:minmax(0,1fr)}.overview-loop-footer{margin-top:0}.overview-loop--generation{padding-inline-end:1.75rem}.overview-loop-return{grid-column:1}.overview-random-visual{flex-wrap:wrap}}.diffusion-transformer{--image-token:#6d28d9;--text-token:#be185d;min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:transformer-lesson/inline-size}.diffusion-transformer h2{margin:0;font-size:.9375rem;line-height:1.4}.diffusion-transformer h3{margin:0;font-size:.875rem;line-height:1.4}.diffusion-transformer p,.diffusion-transformer figure{margin:0}.diffusion-transformer__purpose{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.diffusion-transformer__purpose>div{align-content:start;gap:.375rem;display:grid}.diffusion-transformer__terms{gap:.75rem;display:grid}.diffusion-transformer__terms dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.diffusion-transformer__terms dl>div{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.375rem;padding:.875rem;display:grid}.diffusion-transformer__terms dt{font-weight:600}.diffusion-transformer__terms dd{color:var(--diffusion-muted);margin:0}.diffusion-transformer__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:1rem;padding:1rem;display:grid}.diffusion-transformer__figure ol{counter-reset:stage;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.diffusion-transformer__figure li{text-align:center;counter-increment:stage;grid-template-rows:10rem auto auto;align-content:start;justify-items:center;gap:.375rem;display:grid;position:relative}.diffusion-transformer__figure li+li:before{content:"→";color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;top:4.5rem;left:-1.25rem}.diffusion-transformer__figure li>strong:before{content:counter(stage) ". ";color:var(--diffusion-muted);font-weight:400}.diffusion-transformer__figure li>span{color:var(--diffusion-muted);font-size:.75rem;line-height:1.5}.diffusion-transformer__latent{align-self:center;width:9rem;position:relative}.diffusion-transformer__latent img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.25rem;display:block}.diffusion-transformer__region{border:2px solid var(--diffusion-text);position:absolute;box-shadow:0 0 0 1px #fff}.diffusion-transformer__zoom{aspect-ratio:1;border:1px solid var(--diffusion-border-strong);width:9rem;image-rendering:pixelated;background-repeat:no-repeat;align-self:center;position:relative}.diffusion-transformer__zoom:before,.diffusion-transformer__zoom:after{content:"";position:absolute;inset:0}.diffusion-transformer__zoom:before{background-image:linear-gradient(90deg,#17202b1f 1px,#0000 1px),linear-gradient(#17202b1f 1px,#0000 1px);background-size:12.5% 12.5%}.diffusion-transformer__zoom:after{background-image:linear-gradient(90deg,#17202b8c 1.5px,#0000 1.5px),linear-gradient(#17202b8c 1.5px,#0000 1.5px);background-size:25% 25%}.diffusion-transformer__patch{z-index:1;outline:3px solid var(--image-token);outline-offset:-1px;position:absolute}.diffusion-transformer__values{border-collapse:collapse;font-variant-numeric:tabular-nums;align-self:center;font-size:.6875rem;line-height:1.5}.diffusion-transformer__values caption{color:var(--image-token);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.diffusion-transformer__values th,.diffusion-transformer__values td{border:1px solid var(--diffusion-border);text-align:right;padding:.125rem .375rem}.diffusion-transformer__values th{color:var(--diffusion-muted);font-weight:400}.diffusion-transformer__sequence{flex-wrap:wrap;place-content:center;align-self:center;gap:.25rem;width:9rem;display:flex}.diffusion-transformer__sequence span{background:var(--image-token);opacity:.75;border-radius:.1875rem;width:1.125rem;height:1.125rem}.diffusion-transformer__sequence span[data-kind=text]{background:var(--text-token)}.diffusion-transformer__figure>figcaption{border-top:1px dashed var(--diffusion-border);color:var(--diffusion-muted);padding-top:.75rem;font-size:.75rem}.diffusion-transformer__compare{gap:.5rem;display:grid}.diffusion-transformer__compare>p{color:var(--diffusion-muted)}.diffusion-transformer__compare table{border-collapse:collapse;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);width:100%;font-size:.8125rem;line-height:1.45}.diffusion-transformer__compare th,.diffusion-transformer__compare td{border-bottom:1px solid var(--diffusion-border);text-align:left;vertical-align:top;padding:.5rem .75rem}.diffusion-transformer__compare thead th{background:var(--diffusion-raised);color:var(--diffusion-muted);font-size:.75rem}.diffusion-transformer__compare tbody th{white-space:nowrap}.diffusion-transformer__tradeoffs{gap:.75rem;display:grid}.diffusion-transformer__tradeoffs>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.diffusion-transformer__tradeoffs article{border:1px solid var(--diffusion-border);border-top:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.diffusion-transformer__tradeoffs article[data-kind=costs]{border-top-color:#b45309}.diffusion-transformer__tradeoffs article[data-kind=unchanged]{border-top-color:var(--diffusion-border-strong)}.diffusion-transformer__tradeoffs dl{gap:.25rem;margin:0;display:grid}.diffusion-transformer__tradeoffs dt{font-weight:600}.diffusion-transformer__tradeoffs dt:not(:first-child){margin-top:.5rem}.diffusion-transformer__tradeoffs dd{color:var(--diffusion-muted);margin:0}.diffusion-transformer__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.diffusion-transformer__takeaway strong{color:var(--diffusion-text);display:block}.diffusion-transformer__source{color:var(--diffusion-muted);font-size:.75rem}.diffusion-transformer__source a{color:var(--diffusion-accent)}@container transformer-lesson (width<=58rem){.diffusion-transformer__figure ol{grid-template-columns:repeat(2,minmax(0,1fr))}.diffusion-transformer__figure li:nth-child(3):before{content:none}.diffusion-transformer__tradeoffs>div{grid-template-columns:minmax(0,1fr)}}@container transformer-lesson (width<=40rem){.diffusion-transformer__purpose,.diffusion-transformer__terms dl,.diffusion-transformer__figure ol{grid-template-columns:minmax(0,1fr)}.diffusion-transformer__figure li+li:before,.diffusion-transformer__figure li:nth-child(3):before{content:"↓";top:-1.25rem;left:calc(50% - .375rem)}.diffusion-transformer__figure ol{row-gap:1.75rem}.diffusion-transformer__compare table{font-size:.75rem}.diffusion-transformer__compare th,.diffusion-transformer__compare td{padding:.375rem .4375rem}.diffusion-transformer__compare tbody th{white-space:normal}}.dit-diagram{border-block:1px solid var(--diffusion-border);gap:.875rem;padding-block:1rem;display:grid}.dit-diagram__layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.dit-diagram__flow{justify-items:center;gap:1.5rem;display:grid}.dit-diagram__inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.dit-diagram__inputs li,.dit-diagram__stack,.dit-diagram__output{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);color:var(--diffusion-muted);text-align:center;border-radius:.75rem;justify-items:center;gap:.125rem;padding:.5rem .625rem;font-size:.75rem;line-height:1.4;display:grid;position:relative}.dit-diagram__inputs li{border-top:2px solid var(--input-accent,var(--diffusion-border-strong))}.dit-diagram__inputs li[data-kind=image]{--input-accent:var(--image-token)}.dit-diagram__inputs li[data-kind=text]{--input-accent:var(--text-token)}.dit-diagram__inputs strong,.dit-diagram__stack>strong,.dit-diagram__output strong{color:var(--diffusion-text);font-size:.8125rem}.dit-diagram__inputs em,.dit-diagram__output em{color:var(--input-accent,var(--diffusion-text));font-style:normal;font-weight:600}.dit-diagram__inputs li:after,.dit-diagram__stack:after{content:"↓";color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;bottom:-1.375rem;left:50%;translate:-50%}.dit-diagram__stack{border-color:var(--diffusion-border-strong);background:var(--diffusion-raised);width:min(100%,24rem);padding:.75rem}.dit-diagram__stack ol{gap:.25rem;width:min(100%,14rem);margin:.25rem 0;padding:0;list-style:none;display:grid}.dit-diagram__stack li{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);color:var(--diffusion-text);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.dit-diagram__stack li[aria-hidden]{writing-mode:vertical-rl;background:0 0;border:0;line-height:1}.dit-diagram__output{width:min(100%,24rem)}.dit-brick{min-width:1.375rem;height:1.375rem;color:var(--text-token);background:#be185d0f;border:1px solid #f9a8d4;border-radius:.25rem;place-items:center;padding:0 .25rem;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-grid}.dit-diagram__block{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);color:var(--diffusion-muted);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.dit-diagram__block h3{color:var(--diffusion-text);align-items:center;gap:.5rem;display:flex}.dit-diagram__block ol{gap:.375rem;margin:0;padding-left:1.25rem;display:grid}.dit-diagram__block li strong{color:var(--diffusion-text);display:block}.dit-diagram>figcaption{color:var(--diffusion-muted);font-size:.75rem}@container transformer-lesson (width<=58rem){.dit-diagram__layout{grid-template-columns:minmax(0,1fr)}}@container transformer-lesson (width<=34rem){.dit-diagram__inputs{grid-template-columns:minmax(0,1fr);gap:.5rem}.dit-diagram__inputs li:not(:last-child):after{content:none}}.few-steps{min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:few-steps-lesson/inline-size}.few-steps h2{margin:0;font-size:.9375rem;line-height:1.4}.few-steps h3{margin:0;font-size:.875rem;line-height:1.4}.few-steps p,.few-steps figure{margin:0}.few-steps__purpose{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.few-steps__purpose>div{align-content:start;gap:.375rem;display:grid}.few-steps__terms{gap:.75rem;display:grid}.few-steps__terms dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.few-steps__terms dl>div{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.375rem;padding:.875rem;display:grid}.few-steps__terms dt{font-weight:600}.few-steps__terms dd{color:var(--diffusion-muted);margin:0}.few-steps__training{border-block:1px solid var(--diffusion-border);gap:.875rem;padding-block:1rem;display:grid}.few-steps__training ol{counter-reset:stage;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:1rem 1.75rem;margin:0;padding:0;list-style:none;display:grid}.few-steps__training li{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);counter-increment:stage;border-radius:.75rem;align-content:center;gap:.25rem;padding:.75rem;display:grid;position:relative}.few-steps__training li+li:before{content:"→";color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;top:calc(50% - .5625rem);left:-1.375rem}.few-steps__training li>strong:before{content:counter(stage) ". ";color:var(--diffusion-muted);font-weight:400}.few-steps__training span{color:var(--diffusion-muted);font-size:.8125rem;line-height:1.5}.few-steps__training li[data-kind=signals]{background:0 0;border-style:dashed;gap:.5rem;padding:.5rem}.few-steps__training li[data-kind=signals]>div{border:1px solid var(--diffusion-border);border-left:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:.625rem;gap:.25rem;padding:.625rem .75rem;display:grid}.few-steps__training li[data-kind=signals]>div:first-child strong:before{content:counter(stage) "a. ";color:var(--diffusion-muted);font-weight:400}.few-steps__training li[data-kind=signals]>div:last-child strong:before{content:counter(stage) "b. ";color:var(--diffusion-muted);font-weight:400}.few-steps__training>figcaption{color:var(--diffusion-muted);font-size:.8125rem}.few-steps__results{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:.75rem;padding:1rem;display:grid}.few-steps__rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem;display:grid}.few-steps__rows h3{grid-row:1}.few-steps__rows h3 span{color:var(--diffusion-muted);margin-left:.375rem;font-size:.75rem;font-weight:400}.few-steps__rows ol{grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.few-steps__rows li{text-align:center;align-content:start;gap:.125rem;font-size:.8125rem;line-height:1.4;display:grid}.few-steps__rows img{border-radius:.5rem;width:100%;height:auto;margin-bottom:.25rem;display:block}.few-steps__rows li>span,.few-steps__results>figcaption{color:var(--diffusion-muted);font-size:.75rem}.few-steps__tradeoffs{gap:.75rem;display:grid}.few-steps__tradeoffs>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.few-steps__tradeoffs article{border:1px solid var(--diffusion-border);border-top:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.few-steps__tradeoffs article[data-kind=costs]{border-top-color:#b45309}.few-steps__tradeoffs article[data-kind=unchanged]{border-top-color:var(--diffusion-border-strong)}.few-steps__tradeoffs dl{gap:.25rem;margin:0;display:grid}.few-steps__tradeoffs dt{font-weight:600}.few-steps__tradeoffs dt:not(:first-child){margin-top:.5rem}.few-steps__tradeoffs dd{color:var(--diffusion-muted);margin:0}.few-steps__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.few-steps__takeaway strong{color:var(--diffusion-text);display:block}.few-steps__source{color:var(--diffusion-muted);font-size:.75rem}.few-steps__source a{color:var(--diffusion-accent)}@container few-steps-lesson (width<=58rem){.few-steps__training ol{grid-template-columns:minmax(0,1fr);row-gap:1.75rem}.few-steps__training li+li:before{content:"↓";top:-1.375rem;left:calc(50% - .375rem)}.few-steps__rows{grid-template-columns:minmax(0,1fr)}.few-steps__rows h3,.few-steps__rows ol{grid-row:auto}.few-steps__rows h3:not(:first-child){margin-top:.5rem}.few-steps__terms dl,.few-steps__tradeoffs>div{grid-template-columns:minmax(0,1fr)}}@container few-steps-lesson (width<=36rem){.few-steps__purpose{grid-template-columns:minmax(0,1fr)}}.flow-matching{--sdxl-route:#64748b;min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:flow-lesson/inline-size}.flow-matching [data-kind=sdxl]{--route-color:var(--sdxl-route)}.flow-matching [data-kind=flow]{--route-color:var(--diffusion-accent)}.flow-matching [data-kind=second]{--route-color:#6d28d9}.flow-matching [data-kind=answer]{--route-color:var(--diffusion-text)}.flow-matching h2{margin:0;font-size:.9375rem;line-height:1.4}.flow-matching h3{margin:0;font-size:.875rem;line-height:1.4}.flow-matching p,.flow-matching figure{margin:0}.flow-matching__purpose{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.flow-matching__purpose>div{align-content:start;gap:.375rem;display:grid}.flow-matching__terms{gap:.75rem;display:grid}.flow-matching__terms dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.flow-matching__terms dl>div{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem;display:grid}.flow-matching__terms dt{align-items:center;gap:.625rem;font-weight:600;display:flex}.flow-matching__terms dd{color:var(--diffusion-muted);margin:0}.flow-matching__symbol{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);border-radius:.5rem;flex:0 0 2.25rem;place-items:center;height:2.25rem;font-size:1.125rem;font-weight:400;display:grid}.flow-matching__routes{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;justify-items:center;gap:.625rem;padding:1rem;display:grid}.flow-matching__routes>h2{justify-self:start}.flow-matching__legend{color:var(--diffusion-muted);flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.flow-matching__legend li:before{border-top:2.5px solid var(--route-color);content:"";vertical-align:middle;width:1.25rem;margin-right:.375rem;display:inline-block}.flow-matching__legend li[data-kind=sdxl]:before{border-top-style:dashed}.flow-matching__routes svg{width:100%;max-width:36rem;height:auto;display:block;overflow:visible}.flow-matching__routes svg text{fill:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:12px}.flow-matching__grid{stroke:#e6eaf0;vector-effect:non-scaling-stroke}.flow-matching__grid[data-baseline]{stroke:var(--diffusion-border-strong)}.flow-matching__guide{stroke:var(--diffusion-text);stroke-opacity:.25;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.flow-matching__route{fill:none;stroke:var(--route-color);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.flow-matching__route[data-kind=sdxl]{stroke-dasharray:6 4}.flow-matching__end{fill:var(--diffusion-text)}.flow-matching__dot{fill:var(--route-color);stroke:var(--diffusion-surface);stroke-width:2px}.flow-matching__arrow{stroke:var(--route-color);stroke-width:2px;vector-effect:non-scaling-stroke}.flow-matching__arrowhead{fill:var(--route-color)}.flow-matching__slider{width:min(100%,28rem);color:var(--diffusion-muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.flow-matching__slider input{min-width:0;accent-color:var(--diffusion-accent);flex:1}.flow-matching__slider output{min-width:2.5rem;color:var(--diffusion-text);font-variant-numeric:tabular-nums;font-weight:600}.flow-matching__readout{max-width:36rem;color:var(--diffusion-text);text-align:center;font-size:.8125rem}.flow-matching__routes>figcaption{max-width:36rem;color:var(--diffusion-muted);text-align:center;font-size:.75rem}.flow-matching__example{max-width:80ch;color:var(--diffusion-muted)}.flow-matching__shared{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;justify-items:center;gap:.625rem;padding:1rem;display:grid}.flow-matching__shared>h2,.flow-matching__shared>p:first-of-type{justify-self:start}.flow-matching__shared>p:first-of-type{max-width:80ch;color:var(--diffusion-muted)}.flow-matching__shared-charts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:1rem;width:min(100%,52rem);display:grid}.flow-matching__shared svg{width:100%;height:auto;display:block;overflow:visible}.flow-matching__shared svg text{fill:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:12px}.flow-matching__loss{fill:none;stroke:var(--diffusion-muted);stroke-width:2px;vector-effect:non-scaling-stroke}.flow-matching__shared>figcaption{max-width:40rem;color:var(--diffusion-muted);text-align:center;font-size:.75rem}.flow-matching__targets{gap:.75rem;display:grid}.flow-matching__targets>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.flow-matching__targets article{border:1px solid var(--diffusion-border);border-top:3px solid var(--route-color);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.flow-matching__targets dl{grid-template-columns:auto minmax(0,1fr);gap:.375rem .875rem;margin:0;display:grid}.flow-matching__targets dt{color:var(--diffusion-muted);font-size:.8125rem}.flow-matching__targets dd{margin:0}.flow-matching__targets dd span{white-space:nowrap}.flow-matching__targets>p{color:var(--diffusion-muted)}.flow-matching__text{color:var(--diffusion-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.flow-matching__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.flow-matching__takeaway strong{color:var(--diffusion-text);display:block}.flow-matching__source{color:var(--diffusion-muted);font-size:.75rem}.flow-matching__source a{color:var(--diffusion-accent)}@container flow-lesson (width<=48rem){.flow-matching__purpose,.flow-matching__shared-charts,.flow-matching__terms dl,.flow-matching__targets>div,.flow-matching__text{grid-template-columns:minmax(0,1fr)}}.flow-sampling{min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:flow-sampling-lesson/inline-size}.flow-sampling h2{margin:0;font-size:.9375rem;line-height:1.4}.flow-sampling p,.flow-sampling figure{margin:0}.flow-sampling__step{border-block:1px solid var(--diffusion-border);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem 1.5rem;padding:1rem;display:grid}.flow-sampling__step>div{gap:.375rem;display:grid}.flow-sampling__equation{white-space:nowrap;font-size:clamp(1.125rem,2.5vw,1.5rem)}.flow-sampling__note{color:var(--diffusion-muted);font-size:.8125rem}.flow-sampling__body{grid-template:"paths figure""text figure"1fr/minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem;display:grid}.flow-sampling__paths{grid-area:paths;gap:.375rem;display:grid}.flow-sampling__paths p{color:var(--diffusion-muted)}.flow-sampling__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;grid-area:figure;align-content:start;justify-items:center;gap:.75rem;padding:1rem;display:grid}.flow-sampling__figure>h2{justify-self:start}.flow-sampling__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.flow-sampling__controls>span{color:var(--diffusion-muted);margin-right:.25rem;font-size:.75rem}.flow-sampling__controls button{border:1px solid var(--diffusion-border-strong);background:var(--diffusion-raised);min-width:2.75rem;color:var(--diffusion-text);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.flow-sampling__controls button[aria-pressed=true]{border-color:var(--diffusion-accent);color:var(--diffusion-accent);font-weight:600}.flow-sampling__controls button:focus-visible{outline:2px solid var(--diffusion-accent);outline-offset:2px}.flow-sampling__toy{width:min(100%,22rem);height:auto;display:block}.flow-sampling__data{fill:#c4b5fd}.flow-sampling__target{fill:none;stroke:#a78bfa;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.flow-sampling__path{fill:none;stroke:var(--diffusion-accent);stroke-width:.75px;stroke-opacity:.35;vector-effect:non-scaling-stroke}.flow-sampling__start{fill:#94a3b8}.flow-sampling__end{fill:var(--diffusion-accent)}.flow-sampling__key{color:var(--diffusion-muted);flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.flow-sampling__key li:before{content:"";vertical-align:middle;border-radius:50%;width:.5rem;height:.5rem;margin-right:.375rem;display:inline-block}.flow-sampling__key li[data-kind=data]:before{background:#c4b5fd}.flow-sampling__key li[data-kind=start]:before{background:#94a3b8}.flow-sampling__key li[data-kind=end]:before{background:var(--diffusion-accent)}.flow-sampling__readout{max-width:34rem;color:var(--diffusion-muted);text-align:center;font-size:.8125rem}.flow-sampling__readout strong{color:var(--diffusion-text)}.flow-sampling__figure>figcaption{max-width:34rem;color:var(--diffusion-muted);text-align:center;font-size:.75rem}.flow-sampling__text{color:var(--diffusion-muted);grid-area:text;align-content:start;gap:1rem;display:grid}.flow-sampling__tradeoffs{gap:.75rem;display:grid}.flow-sampling__tradeoffs>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.flow-sampling__tradeoffs article{border:1px solid var(--diffusion-border);border-top:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.flow-sampling__tradeoffs article[data-kind=unchanged]{border-top-color:var(--diffusion-border-strong)}.flow-sampling__tradeoffs h3{margin:0;font-size:.875rem;line-height:1.4}.flow-sampling__tradeoffs dl{gap:.25rem;margin:0;display:grid}.flow-sampling__tradeoffs dt{font-weight:600}.flow-sampling__tradeoffs dt:not(:first-child){margin-top:.5rem}.flow-sampling__tradeoffs dd{color:var(--diffusion-muted);margin:0}.flow-sampling__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.flow-sampling__takeaway strong{color:var(--diffusion-text);display:block}.flow-sampling__source{color:var(--diffusion-muted);font-size:.75rem}.flow-sampling__source a{color:var(--diffusion-accent)}@container flow-sampling-lesson (width<=56rem){.flow-sampling__step,.flow-sampling__tradeoffs>div{grid-template-columns:minmax(0,1fr)}.flow-sampling__body{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"paths""figure""text"}.flow-sampling__equation{justify-self:center}}.generation-inputs{--noise-accent:#b45309;--text-accent:#be185d;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:inputs-lesson/inline-size}.generation-inputs h2{margin:0;font-size:1rem;line-height:1.4}.generation-inputs p,.generation-inputs figure{margin:0}.generation-inputs__rows{grid-template-columns:minmax(0,1fr) 1.5rem 12rem 1.5rem minmax(0,1fr);justify-self:center;row-gap:.75rem;width:min(100%,56rem);margin:0;padding:0;list-style:none;display:grid}.generation-inputs__rows>li{grid-column:1/-1;grid-template-columns:subgrid;border:1px solid var(--diffusion-border);border-left:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:1rem;align-items:center;padding:.875rem 1rem;display:grid}.generation-inputs__rows>li[data-kind=latent]{border-left-color:var(--noise-accent)}.generation-inputs__rows>li[data-kind=text]{border-left-color:var(--text-accent)}.generation-inputs__source{gap:.25rem;min-width:0;display:grid}.generation-inputs__source>span,.generation-inputs__source>p{color:var(--diffusion-muted)}.generation-inputs__value{font-size:1.375rem;font-weight:600;line-height:1.2}.generation-inputs__tokens{flex-wrap:wrap;gap:.25rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.generation-inputs__tokens li{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);border-radius:.375rem;padding:.0625rem .375rem;font-size:.75rem;line-height:1.5}.generation-inputs__tokens li[data-marker]{color:var(--diffusion-muted);border-style:dashed}.generation-inputs__tokens li[data-continues]{border-right-style:dashed;border-radius:.375rem 0 0 .375rem;margin-right:-.25rem}.generation-inputs__tokens li[data-continues]+li{border-left-style:dashed;border-radius:0 .375rem .375rem 0}.generation-inputs__arrow{color:var(--diffusion-accent);justify-self:center;font-size:1.125rem;line-height:1}.generation-inputs__process{border:1px solid var(--diffusion-border-strong);background:var(--diffusion-raised);text-align:center;border-radius:.75rem;justify-items:center;gap:.25rem;padding:.625rem .75rem;line-height:1.4;display:grid}.generation-inputs__process>span{color:var(--diffusion-muted);font-size:.75rem}.generation-inputs__frozen{align-items:center;gap:.25rem;display:inline-flex}.generation-inputs__result{grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.generation-inputs__result figcaption{line-height:1.4;display:grid}.generation-inputs__result code,.generation-inputs__result figcaption>span{color:var(--diffusion-muted);font-size:.75rem}.generation-inputs__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem;width:5rem;display:grid}.generation-inputs__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.125rem;display:block}.generation-inputs__symbol{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);border-radius:.5rem;justify-self:center;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;display:grid}li[data-kind=text] .generation-inputs__symbol{color:var(--text-accent);background:#be185d0f;border-color:#f9a8d4}.generation-inputs__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.generation-inputs__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.generation-inputs__takeaway strong{color:var(--diffusion-text);display:block}@container inputs-lesson (width<=44rem){.generation-inputs__rows{grid-template-columns:minmax(0,1fr)}.generation-inputs__rows>li{grid-template-columns:minmax(0,1fr);gap:.5rem}.generation-inputs__arrow{rotate:90deg}.generation-inputs__process{justify-self:stretch}.generation-inputs__text{grid-template-columns:minmax(0,1fr)}}.gradient-descent{--noise-accent:#b45309;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:descent-lesson/inline-size}.gradient-descent p,.gradient-descent figure{margin:0}.gradient-descent__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;justify-items:center;gap:.75rem;padding:1.25rem 1rem;display:grid}.gradient-descent__controls{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.gradient-descent__controls [role=group]{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.gradient-descent__controls [role=group]>span{color:var(--diffusion-muted);margin-right:.25rem;font-size:.75rem}.gradient-descent__controls button{border:1px solid var(--diffusion-border-strong);background:var(--diffusion-raised);color:var(--diffusion-text);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem}.gradient-descent__controls button small{color:var(--diffusion-muted);font-size:.6875rem}.gradient-descent__controls button[aria-pressed=true]{border-color:var(--diffusion-accent);color:var(--diffusion-accent)}.gradient-descent__controls button:focus-visible{outline:2px solid var(--diffusion-accent);outline-offset:2px}.gradient-descent__chart{width:100%;max-width:34rem}.gradient-descent__chart svg{width:100%;height:auto;display:block;overflow:visible}.gradient-descent__chart text{fill:var(--diffusion-muted);font-size:11px}.gradient-descent__axis{stroke:var(--diffusion-border)}.gradient-descent__lowest{stroke:#94a3b8;stroke-dasharray:3 3}.gradient-descent__curve{fill:none;stroke:var(--diffusion-muted);stroke-width:2px}.gradient-descent__path{fill:none;stroke:var(--diffusion-accent);stroke-width:1.5px;stroke-dasharray:4 3}.gradient-descent__visited{fill:var(--diffusion-accent);opacity:.55}.gradient-descent__tangent{stroke:var(--noise-accent);stroke-width:2px}.gradient-descent__current{fill:var(--noise-accent);stroke:var(--diffusion-surface);stroke-width:2px}.gradient-descent__readout{min-height:1.6em;color:var(--diffusion-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;font-size:.8125rem;display:flex}.gradient-descent__readout strong{color:var(--diffusion-text)}.gradient-descent__rule{border:1px solid var(--diffusion-border);font-variant-numeric:tabular-nums;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem}.gradient-descent__figure>figcaption{max-width:40rem;color:var(--diffusion-muted);text-align:center;font-size:.75rem}.gradient-descent__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}@container descent-lesson (width<=44rem){.gradient-descent__text{grid-template-columns:minmax(0,1fr)}}.latent-noising{min-width:0;color:var(--diffusion-text);gap:1rem;font-size:.875rem;line-height:1.6;display:grid;container:noising-lesson/inline-size}.latent-noising [data-kind=signal]{--term-color:#be185d}.latent-noising [data-kind=noise]{--term-color:#b45309}.latent-noising [data-kind=result]{--term-color:#334155}.latent-noising h2{margin:0;font-size:1rem;line-height:1.4}.latent-noising h3{margin:0;font-size:.875rem;line-height:1.4}.latent-noising p,.latent-noising figure{margin:0}.latent-noising__flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr);gap:.75rem;display:grid}.latent-noising__term{grid-template-rows:subgrid;border:1px solid var(--diffusion-border);border-top:2px solid var(--term-color);background:var(--diffusion-surface);text-align:center;border-radius:.875rem;grid-row:1/span 3;justify-items:center;min-width:0;padding:1rem;display:grid}.latent-noising__term:first-child{grid-column:1}.latent-noising__term:nth-child(3){grid-column:3}.latent-noising__term:nth-child(5){grid-column:5}.latent-noising__term h2{color:var(--term-color)}.latent-noising__term figcaption p{color:var(--diffusion-muted);margin-top:.25rem}.latent-noising__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:min(100%,7.5rem);display:grid}.latent-noising__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.25rem;display:block}.latent-noising__weight{color:var(--term-color);font-size:1rem;font-weight:600}.latent-noising__operator{text-align:center;grid-row:2;align-self:center;font-size:1.75rem}.latent-noising__operator:nth-child(2){grid-column:2}.latent-noising__operator:nth-child(4){grid-column:4}.latent-noising__legend{color:var(--diffusion-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;font-size:.75rem;display:flex}.latent-noising__legend strong{color:var(--diffusion-text)}.latent-noising__scale{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:.125rem 1rem;width:13rem;display:grid}.latent-noising__scale:before{content:"";border:1px solid var(--diffusion-border);background:linear-gradient(90deg,#7c3aed,#fff 50%,#0891b2);border-radius:999px;grid-column:1/-1;height:.5rem}.latent-noising__calculation{border-block:1px solid var(--diffusion-border);gap:.5rem;padding:1rem;display:grid}.latent-noising__equation{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.375rem .75rem;font-size:clamp(1.125rem,2.5vw,1.5rem);display:flex}.latent-noising__equation span{white-space:nowrap}.latent-noising__equation [data-kind]{color:var(--term-color)}.latent-noising__reading{color:var(--diffusion-muted);text-align:center}.latent-noising__schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.latent-noising__glossary{gap:.75rem;min-width:0;display:grid}.latent-noising__glossary dl{gap:.875rem;margin:0;display:grid}.latent-noising__glossary dt{align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:600;display:flex}.latent-noising__glossary dd{color:var(--diffusion-muted);margin:0}.latent-noising__symbol{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.375rem;place-items:center;min-width:2.25rem;padding:0 .5rem;font-size:1rem;display:inline-grid}.latent-noising__spoken{color:var(--diffusion-muted);font-weight:400}.latent-noising__chart{gap:.5rem;min-width:0;display:grid}.latent-noising__chart-legend{color:var(--diffusion-muted);flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.latent-noising__chart-legend li,.latent-noising__readout [data-kind]{align-items:center;gap:.375rem;display:inline-flex}.latent-noising__chart-legend li:before,.latent-noising__readout [data-kind]:before{content:"";background:var(--term-color);border-radius:1px;width:1rem;height:2px}.latent-noising__plot{cursor:crosshair;touch-action:pan-y;border-radius:.5rem;width:100%;max-width:32rem;height:auto;display:block;overflow:visible}.latent-noising__plot:focus-visible{outline:2px solid var(--diffusion-accent);outline-offset:4px}.latent-noising__plot text{fill:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:12px}.latent-noising__plot line,.latent-noising__plot path,.latent-noising__plot circle{vector-effect:non-scaling-stroke}.latent-noising__plot-grid{stroke:#e6eaf0}.latent-noising__plot-grid[data-baseline]{stroke:var(--diffusion-border)}.latent-noising__plot-marker{stroke:#94a3b8}.latent-noising__plot-crosshair{stroke:var(--diffusion-text);stroke-opacity:.6}.latent-noising__plot-line{fill:none;stroke:var(--term-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.latent-noising__plot-dot{fill:var(--term-color);stroke:var(--diffusion-background);stroke-width:2px}.latent-noising__readout{color:var(--diffusion-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;font-size:.8125rem;display:flex}.latent-noising__readout strong{color:var(--diffusion-text)}.latent-noising__origin{color:var(--diffusion-muted);gap:.375rem;display:grid}.latent-noising__origin>p>strong{color:var(--diffusion-text)}.latent-noising__caption,.latent-noising__scope{color:var(--diffusion-muted);font-size:.75rem;line-height:1.6}.latent-noising__caption strong,.latent-noising__scope strong{color:var(--diffusion-text)}.latent-noising__details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.latent-noising__example{align-content:start;gap:.5rem;min-width:0;display:grid}.latent-noising__example>p{color:var(--diffusion-muted)}.latent-noising__example .latent-noising__arithmetic{color:var(--diffusion-accent);font-variant-numeric:tabular-nums;padding-block:.25rem}.latent-noising__why{border-left:2px solid var(--diffusion-accent);gap:.5rem;padding-left:.875rem;display:grid}.latent-noising__why ol{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.latent-noising__why strong{color:var(--diffusion-text);display:block}@container noising-lesson (width<=44rem){.latent-noising__flow{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.latent-noising__flow>:nth-child(n){grid-area:auto/1}.latent-noising__term{grid-template-rows:auto auto auto;gap:.75rem}.latent-noising__schedule,.latent-noising__details,.latent-noising__why ol{grid-template-columns:minmax(0,1fr)}.latent-noising__plot text{font-size:17px}}.loss-update{--noise-accent:#b45309;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:loss-lesson/inline-size}.loss-update p,.loss-update figure,.loss-update h2{margin:0}.loss-update h2{font-size:1rem;line-height:1.4}.loss-update__equation{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;justify-items:center;gap:.75rem;padding:1.25rem 1rem;display:grid}.loss-update__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;display:flex}.loss-update__term{text-align:center;justify-items:center;gap:.25rem;display:grid}.loss-update__term strong{color:var(--noise-accent);margin-top:.25rem;font-size:1rem}.loss-update__term span{color:var(--diffusion-muted);font-size:.75rem}.loss-update__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:6.5rem;display:grid}.loss-update__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.25rem;display:block}.loss-update__operator{color:var(--diffusion-accent);font-size:1.5rem;line-height:1}.loss-update__result{border:1px solid var(--noise-accent);text-align:center;border-radius:.875rem;justify-items:center;gap:.25rem;padding:.75rem 1rem;display:grid}.loss-update__result span{color:var(--diffusion-muted);font-size:.75rem}.loss-update__result strong{color:var(--noise-accent);font-variant-numeric:tabular-nums;font-size:1.5rem}.loss-update__equation>figcaption{max-width:40rem;color:var(--diffusion-muted);text-align:center;font-size:.75rem}.loss-update__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.loss-update__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.loss-update__takeaway strong{color:var(--diffusion-text);display:block}@container loss-lesson (width<=44rem){.loss-update__text{grid-template-columns:minmax(0,1fr)}.loss-update__tiles{width:5rem}}.pixel-space{min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:pixel-lesson/inline-size}.pixel-space h2{margin:0;font-size:.9375rem;line-height:1.4}.pixel-space h3{margin:0;font-size:.875rem;line-height:1.4}.pixel-space p,.pixel-space figure{margin:0}.pixel-space__purpose{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.pixel-space__purpose>div{align-content:start;gap:.375rem;display:grid}.pixel-space__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:1rem;padding:1rem;display:grid}.pixel-space__figure ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.pixel-space__figure li{text-align:center;align-content:start;justify-items:center;gap:.25rem;display:grid}.pixel-space__figure li>span{color:var(--diffusion-muted);font-size:.75rem;line-height:1.5}.pixel-space__whole,.pixel-space__enlarged,.pixel-space__error{aspect-ratio:1;border-radius:.5rem;width:min(100%,13rem);margin-bottom:.25rem}.pixel-space__whole{position:relative}.pixel-space__whole img{border-radius:.5rem;width:100%;height:auto;display:block}.pixel-space__whole span{box-shadow:0 0 0 1px var(--diffusion-text);border:2px solid #fff;position:absolute}.pixel-space__enlarged{image-rendering:pixelated;background-repeat:no-repeat}.pixel-space__error{border:1px solid var(--diffusion-border);height:auto;display:block}.pixel-space__figure>figcaption{border-top:1px dashed var(--diffusion-border);color:var(--diffusion-muted);padding-top:.75rem;font-size:.8125rem}.pixel-space__cost{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:1rem 2rem;display:grid}.pixel-space__cost>div{gap:.375rem;display:grid}.pixel-space__cost p{color:var(--diffusion-muted)}.pixel-space__cost table{border-collapse:collapse;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);font-variant-numeric:tabular-nums;width:100%;font-size:.8125rem;line-height:1.45}.pixel-space__cost caption{text-align:left;margin-bottom:.5rem;font-weight:600}.pixel-space__cost th,.pixel-space__cost td{border-bottom:1px solid var(--diffusion-border);text-align:left;padding:.375rem .75rem}.pixel-space__cost thead th{background:var(--diffusion-raised);color:var(--diffusion-muted);font-size:.75rem}.pixel-space__cost td:nth-child(2),.pixel-space__cost td:nth-child(3),.pixel-space__cost thead th:nth-child(2),.pixel-space__cost thead th:nth-child(3){text-align:right}.pixel-space__cost td:last-child{color:var(--diffusion-muted);font-size:.75rem}.pixel-space__cost tr[data-kind=latent]{background:var(--diffusion-raised)}.pixel-space__jit{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:.375rem 2rem;display:grid}.pixel-space__jit table{border-collapse:collapse;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);font-size:.8125rem;line-height:1.45}.pixel-space__jit caption{text-align:left;margin-bottom:.375rem;font-weight:600}.pixel-space__jit th,.pixel-space__jit td{border-bottom:1px solid var(--diffusion-border);text-align:left;white-space:nowrap;padding:.375rem .75rem}.pixel-space__jit tr[data-current]{background:var(--diffusion-raised);color:var(--diffusion-accent)}.pixel-space__jit h2{grid-column:1/-1}.pixel-space__jit p{color:var(--diffusion-muted)}.pixel-space__tradeoffs{gap:.75rem;display:grid}.pixel-space__tradeoffs>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.pixel-space__tradeoffs article{border:1px solid var(--diffusion-border);border-top:3px solid var(--diffusion-accent);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.5rem;padding:.875rem 1rem;display:grid}.pixel-space__tradeoffs article[data-kind=costs]{border-top-color:#b45309}.pixel-space__tradeoffs article[data-kind=unchanged]{border-top-color:var(--diffusion-border-strong)}.pixel-space__tradeoffs dl{gap:.25rem;margin:0;display:grid}.pixel-space__tradeoffs dt{font-weight:600}.pixel-space__tradeoffs dt:not(:first-child){margin-top:.5rem}.pixel-space__tradeoffs dd{color:var(--diffusion-muted);margin:0}.pixel-space__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.pixel-space__takeaway strong{color:var(--diffusion-text);display:block}.pixel-space__source{color:var(--diffusion-muted);font-size:.75rem}.pixel-space__source a{color:var(--diffusion-accent)}@container pixel-lesson (width<=56rem){.pixel-space__figure ol{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-space__cost,.pixel-space__jit,.pixel-space__tradeoffs>div{grid-template-columns:minmax(0,1fr)}.pixel-space__jit table{justify-self:start;margin-top:.5rem}}@container pixel-lesson (width<=36rem){.pixel-space__figure ol{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-space__purpose{grid-template-columns:minmax(0,1fr)}.pixel-space__cost table{font-size:.75rem}.pixel-space__cost th,.pixel-space__cost td{padding:.375rem .4375rem}}.sampling-schedule{min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:schedule-lesson/inline-size}.sampling-schedule [data-kind=signal]{--term-color:#be185d}.sampling-schedule [data-kind=noise]{--term-color:#b45309}.sampling-schedule [data-kind=visit]{--term-color:var(--diffusion-accent)}.sampling-schedule h2{margin:0;font-size:.9375rem;line-height:1.4}.sampling-schedule p,.sampling-schedule figure{margin:0}.sampling-schedule__purpose{gap:.375rem;max-width:72ch;display:grid}.sampling-schedule__terms{gap:.75rem;display:grid}.sampling-schedule__terms dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.sampling-schedule__terms dl>div{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.375rem;padding:.875rem;display:grid}.sampling-schedule__terms dt{font-weight:600}.sampling-schedule__terms dd{color:var(--diffusion-muted);margin:0}.sampling-schedule__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:1rem;padding:1rem;display:grid}.sampling-schedule__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.sampling-schedule__controls>span{color:var(--diffusion-muted);margin-right:.25rem;font-size:.75rem}.sampling-schedule__controls button{border:1px solid var(--diffusion-border-strong);background:var(--diffusion-raised);min-width:2.75rem;color:var(--diffusion-text);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem}.sampling-schedule__controls button[aria-pressed=true]{border-color:var(--diffusion-accent);color:var(--diffusion-accent);font-weight:600}.sampling-schedule__controls button:focus-visible{outline:2px solid var(--diffusion-accent);outline-offset:2px}.sampling-schedule__result{grid-template-columns:minmax(0,1fr) 17rem;align-items:start;gap:1.5rem;display:grid}.sampling-schedule__chart{justify-items:center;gap:.5rem;min-width:0;display:grid}.sampling-schedule__legend{color:var(--diffusion-muted);flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.sampling-schedule__legend li:before{background:var(--term-color);content:"";vertical-align:middle;border-radius:1px;width:.75rem;height:.1875rem;margin-right:.375rem;display:inline-block}.sampling-schedule__plot{width:100%;max-width:34rem;height:auto;display:block;overflow:visible}.sampling-schedule__plot text{fill:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:12px}.sampling-schedule__plot line,.sampling-schedule__plot path,.sampling-schedule__plot circle{vector-effect:non-scaling-stroke}.sampling-schedule__plot-grid{stroke:#e6eaf0}.sampling-schedule__plot-grid[data-baseline]{stroke:var(--diffusion-border)}.sampling-schedule__plot-line{fill:none;stroke:var(--term-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.45}.sampling-schedule__plot-visit{stroke:var(--diffusion-accent);stroke-width:1.5px}.sampling-schedule__plot-dot{fill:var(--term-color);stroke:var(--diffusion-surface);stroke-width:1px}.sampling-schedule__readout{max-width:34rem;color:var(--diffusion-muted);text-align:center;font-size:.8125rem}.sampling-schedule__readout strong{color:var(--diffusion-text)}.sampling-schedule__image{gap:.375rem;display:grid}.sampling-schedule__image img{border-radius:.625rem;width:100%;height:auto;display:block}.sampling-schedule__image figcaption{color:var(--diffusion-muted);text-align:center;font-size:.75rem}.sampling-schedule__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.sampling-schedule__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.sampling-schedule__takeaway strong{color:var(--diffusion-text);display:block}.sampling-schedule__source{color:var(--diffusion-muted);font-size:.75rem}.sampling-schedule__source a{color:var(--diffusion-accent)}@container schedule-lesson (width<=52rem){.sampling-schedule__terms dl,.sampling-schedule__result{grid-template-columns:minmax(0,1fr)}.sampling-schedule__image{justify-self:center;width:min(100%,20rem)}}@container schedule-lesson (width<=36rem){.sampling-schedule__text{grid-template-columns:minmax(0,1fr)}}.sampling-schedule__guide{max-width:34rem;color:var(--diffusion-text);font-size:.8125rem}.text-encoding{--text-accent:#be185d;min-width:0;color:var(--diffusion-text);gap:1rem;font-size:.875rem;line-height:1.6;display:grid;container:text-lesson/inline-size}.text-encoding h2{margin:0;font-size:1rem;line-height:1.4}.text-encoding p,.text-encoding figure{margin:0}.text-encoding__flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);row-gap:.75rem;display:grid}.text-encoding__card{grid-template-rows:subgrid;border:1px solid var(--diffusion-border);border-top:2px solid var(--text-accent);background:var(--diffusion-surface);border-radius:1rem;grid-row:1/span 3;row-gap:.75rem;min-width:0;padding:1rem;display:grid}.text-encoding__card[data-kind=tokens]{grid-column:1}.text-encoding__card[data-kind=embeddings]{grid-column:3}.text-encoding__heading{align-items:center;gap:.75rem;min-width:0;display:flex}.text-encoding__heading h2{font-size:1.125rem}.text-encoding__heading p{color:var(--diffusion-muted);margin-top:.25rem}.text-encoding__symbol{width:3rem;height:3rem;color:var(--text-accent);background:#be185d0f;border:1px solid #f9a8d4;border-radius:.625rem;flex:0 0 3rem;place-items:center;font-size:1.5rem;display:grid}.text-encoding__tokens{flex-wrap:wrap;place-content:center;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.text-encoding__tokens li{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);border-radius:.375rem;justify-items:center;padding:.25rem .5rem;line-height:1.3;display:grid}.text-encoding__tokens li[data-marker],.text-embedding-rows li>span[data-marker]{color:var(--diffusion-muted);border-style:dashed}.text-encoding__tokens small{color:var(--diffusion-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.text-encoding__card figcaption{color:var(--diffusion-muted);text-align:center;align-content:start;justify-items:center;gap:.25rem;display:grid}.text-encoding__shape{color:var(--text-accent);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600}.text-embedding-rows{font-variant-numeric:tabular-nums;align-content:center;justify-self:center;gap:.25rem;max-width:100%;font-size:.75rem;display:grid;overflow-x:auto}.text-embedding-rows ol{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.text-embedding-rows__header,.text-embedding-rows li{grid-template-columns:5rem max-content;align-items:center;gap:.5rem;display:grid}.text-embedding-rows__header{color:var(--diffusion-muted)}.text-embedding-rows__header span:first-child,.text-embedding-rows li>span{text-align:right;border:1px solid #0000;border-radius:.25rem;padding:0 .375rem}.text-embedding-rows code{white-space:nowrap}.text-embedding-rows code span{text-align:right;min-width:6.5ch;display:inline-block}.text-embedding-rows>p:last-child{color:var(--diffusion-muted);text-align:center}.text-encoding__encoder{grid-area:2/2;align-self:center;align-items:center;display:flex}.text-encoding__arrow{color:var(--diffusion-accent);text-align:center;flex:1;font-size:1.5rem;line-height:1}.text-encoding__node{text-align:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.875rem;flex:0 0 9.5rem;gap:.5rem;padding:.875rem .625rem;display:grid}.text-encoding__node>strong{font-size:1rem;line-height:1.4}.text-encoding__node ul{gap:.375rem;margin:0;padding:0;font-size:.8125rem;line-height:1.3;list-style:none;display:grid}.text-encoding__node li span{color:var(--diffusion-muted);font-size:.75rem;display:block}.text-encoding__status{color:var(--diffusion-muted);justify-items:center;gap:.125rem;font-size:.75rem;line-height:1.5;display:grid}.text-encoding__frozen{align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.text-encoding__pooled{border-block:1px solid var(--diffusion-border);color:var(--diffusion-muted);text-align:center;padding:.75rem 1rem}.text-encoding__pooled strong{color:var(--diffusion-text);margin-right:.5rem}.text-encoding__pooled code{color:var(--text-accent)}.text-encoding__details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.text-encoding__glossary,.text-encoding__similarity{gap:.75rem;min-width:0;display:grid}.text-encoding__glossary dl{gap:.75rem;margin:0;display:grid}.text-encoding__glossary dt{margin-bottom:.25rem;font-weight:600}.text-encoding__glossary dd,.text-encoding__similarity>p{color:var(--diffusion-muted);margin:0}.text-encoding__similarity ol{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.text-encoding__similarity li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;display:grid}.text-encoding__similarity li strong{font-variant-numeric:tabular-nums}.text-encoding__bar{background:#e8edf3;border-radius:.25rem;grid-column:1/-1;height:.5rem}.text-encoding__bar span{background:var(--text-accent);border-radius:.25rem;height:100%;display:block}.text-encoding__relation{color:var(--diffusion-muted);grid-column:1/-1;font-size:.75rem}.text-encoding__similarity>.text-encoding__caption,.text-encoding__scope{color:var(--diffusion-muted);font-size:.75rem;line-height:1.6}.text-encoding__purpose{gap:.375rem;display:grid}.text-encoding__purpose p{color:var(--diffusion-muted)}.text-encoding__inputs{border-block:1px solid var(--diffusion-border);gap:.75rem;padding:1rem;display:grid}.text-encoding__inputs ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.text-encoding__inputs li{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);text-align:center;border-radius:.75rem;justify-items:center;gap:.125rem;padding:.75rem;display:grid}.text-encoding__inputs li strong{font-size:1.25rem}.text-encoding__inputs li[data-kind=text] strong{color:var(--text-accent)}.text-encoding__inputs code{color:var(--diffusion-muted);font-size:.75rem}.text-encoding__inputs>p{color:var(--diffusion-muted);text-align:center;font-size:.75rem}.text-encoding__inputs>.text-encoding__purpose-line{color:var(--diffusion-text);font-size:.875rem}.text-encoding__purpose-line var{color:var(--text-accent)}.text-encoding__scope strong{color:var(--diffusion-text)}@container text-lesson (width<=52rem){.text-encoding__flow{grid-template-columns:minmax(0,1fr)}.text-encoding__card[data-kind],.text-encoding__encoder{grid-area:auto/1}.text-encoding__card{grid-template-rows:auto auto auto}.text-encoding__encoder{flex-direction:column;justify-self:center;gap:.5rem}.text-encoding__arrow{transform:rotate(90deg)}.text-embedding-rows{font-size:.6875rem}.text-embedding-rows__header,.text-embedding-rows li{grid-template-columns:4rem max-content}.text-embedding-rows__header span:first-child,.text-embedding-rows li>span{padding:0 .25rem}.text-encoding__details,.text-encoding__inputs ul{grid-template-columns:minmax(0,1fr)}}.training-loop{--noise-accent:#b45309;--text-accent:#be185d;min-width:0;color:var(--diffusion-text);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:loop-lesson/inline-size}.training-loop p,.training-loop figure{margin:0}.training-loop__figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;gap:1rem;padding:1.25rem 1rem;display:grid}.training-loop__steps{counter-reset:step;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.training-loop__steps li{text-align:center;counter-increment:step;grid-template-rows:5.5rem auto auto;align-content:start;justify-items:center;gap:.375rem;display:grid;position:relative}.training-loop__steps li+li:before{content:"→";color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;top:2.25rem;left:-1.25rem}.training-loop__steps strong:before{content:counter(step) ". ";color:var(--diffusion-muted);font-weight:400}.training-loop__steps li>span:last-child{color:var(--diffusion-muted);font-size:.75rem;line-height:1.5}.training-loop__image{object-fit:cover;border-radius:.375rem;align-self:center;width:5rem;height:5rem}.training-loop__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.125rem;width:5rem;display:grid}.training-loop__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.125rem;display:block}.training-loop__caption{max-width:9rem;color:var(--text-accent);align-self:center;font-size:.8125rem;line-height:1.4}.training-loop__value{color:var(--noise-accent);font-variant-numeric:tabular-nums;align-self:center;font-size:1.375rem;font-weight:600}.training-loop__sketch{align-self:center;width:5.5rem;height:auto;overflow:visible}.training-loop__sketch-curve{fill:none;stroke:var(--diffusion-muted);stroke-width:1.5px}.training-loop__sketch-path{fill:none;stroke:var(--diffusion-accent);stroke-width:1.25px;stroke-dasharray:3 2}.training-loop__sketch circle{fill:var(--diffusion-accent)}.training-loop__figure>figcaption{border-top:1px dashed var(--diffusion-border);color:var(--diffusion-muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.75rem;display:flex}.training-loop__repeat{color:var(--diffusion-accent);font-size:1.25rem;line-height:1}.training-loop__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.training-loop__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.training-loop__takeaway strong{color:var(--diffusion-text);display:block}.training-loop__source{color:var(--diffusion-muted);font-size:.75rem}.training-loop__source a{color:var(--diffusion-accent)}@container loop-lesson (width<=56rem){.training-loop__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.training-loop__steps li:nth-child(4):before{content:none}}@container loop-lesson (width<=36rem){.training-loop__steps{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.training-loop__steps li+li:before{content:"↓";top:-1.25rem;left:calc(50% - .375rem)}.training-loop__steps li:nth-child(4):before{content:"↓"}.training-loop__text{grid-template-columns:minmax(0,1fr)}}.unet-denoiser{--noise-accent:#b45309;--text-accent:#be185d;min-width:0;color:var(--diffusion-text);gap:1rem;font-size:.875rem;line-height:1.6;display:grid;container:unet-lesson/inline-size}.unet-denoiser h2{margin:0;font-size:1rem;line-height:1.4}.unet-denoiser p,.unet-denoiser figure,.unet-denoiser dl{margin:0}.unet-denoiser__flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);justify-self:center;row-gap:.75rem;width:min(100%,56rem);display:grid}.unet-denoiser__card{grid-template-rows:subgrid;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;grid-row:1/span 3;row-gap:.75rem;min-width:0;padding:1rem;display:grid}.unet-denoiser__card[data-kind=inputs]{grid-column:1}.unet-denoiser__card[data-kind=output]{border-top:2px solid var(--noise-accent);grid-column:3;justify-items:center}.unet-denoiser__card h2{font-size:1.125rem}.unet-denoiser__card[data-kind=output] h2 var{color:var(--noise-accent)}.unet-denoiser__card>figcaption{color:var(--diffusion-muted);text-align:center;align-content:start;justify-items:center;gap:.25rem;display:grid}.unet-denoiser__card[data-kind=inputs]>figcaption{text-align:left;justify-items:start;font-size:.75rem}.unet-denoiser__inputs{grid-row:2/span 2;align-content:center;gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.unet-denoiser__inputs li{grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.unet-denoiser__inputs li>div{line-height:1.4;display:grid}.unet-denoiser__inputs code,.unet-denoiser__inputs li>div>span{color:var(--diffusion-muted);font-size:.75rem}.unet-denoiser__symbol{border:1px solid var(--diffusion-border);background:var(--diffusion-raised);border-radius:.5rem;justify-self:center;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.unet-denoiser__inputs li[data-kind=text] .unet-denoiser__symbol{color:var(--text-accent);background:#be185d0f;border-color:#f9a8d4}.unet-denoiser__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.25rem;width:min(100%,7.5rem);display:grid}.unet-denoiser__inputs .unet-denoiser__tiles{gap:.125rem;width:3.5rem}.unet-denoiser__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.25rem;display:block}.unet-denoiser__inputs .unet-denoiser__tiles img{border-radius:.125rem}.unet-denoiser__shape{color:var(--noise-accent);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:600}.unet-denoiser__model{grid-area:2/2;align-self:center;align-items:center;display:flex}.unet-denoiser__arrow{color:var(--diffusion-accent);text-align:center;flex:1;font-size:1.5rem;line-height:1}.unet-denoiser__node{text-align:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.875rem;flex:0 0 9.5rem;gap:.375rem;padding:.875rem .625rem;display:grid}.unet-denoiser__node>strong{font-size:1.125rem;line-height:1.3}.unet-denoiser__node>span,.unet-denoiser__status{color:var(--diffusion-muted);font-size:.75rem;line-height:1.5}.unet-denoiser__status{display:grid}.unet-diagram{border-block:1px solid var(--diffusion-border);gap:.75rem;padding-block:1rem;display:grid}.unet-diagram__grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-areas:"in. . . . .out""down-1 skip-1 skip-1 skip-1 skip-1 skip-1 up-1"".down-2 skip-2 skip-2 skip-2 up-2."". .down-3 skip-3 up-3. ."". . .middle. . .";gap:1.25rem .75rem;display:grid}.unet-diagram__grid ol{display:contents}.unet-diagram__grid li{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);color:var(--diffusion-muted);text-align:center;border-radius:.75rem;justify-items:center;gap:.125rem;padding:.5rem .375rem;font-size:.75rem;line-height:1.4;display:grid;position:relative}.unet-diagram__grid li>strong{color:var(--diffusion-text);font-size:.875rem}.unet-diagram__grid [data-stage=down-1]{grid-area:down-1}.unet-diagram__grid [data-stage=down-2]{grid-area:down-2}.unet-diagram__grid [data-stage=down-3]{grid-area:down-3}.unet-diagram__grid [data-stage=middle]{grid-area:middle}.unet-diagram__grid [data-stage=up-3]{grid-area:up-3}.unet-diagram__grid [data-stage=up-2]{grid-area:up-2}.unet-diagram__grid [data-stage=up-1]{grid-area:up-1}.unet-diagram__grid li:after{color:var(--diffusion-accent);font-size:1.125rem;line-height:1;position:absolute;right:-.875rem}.unet-diagram__grid li[data-stage^=down]:after{content:"↘";bottom:-1.125rem}.unet-diagram__grid li:is([data-stage=middle],[data-stage=up-3],[data-stage=up-2]):after{content:"↗";top:-1.125rem}.unet-diagram__skip-note{display:none}.unet-diagram__skip{height:1.25rem;color:var(--diffusion-muted);background:linear-gradient(#94a3b8,#94a3b8) 50%/100% 1px no-repeat;align-self:center;place-items:center;font-size:.6875rem;display:grid}.unet-diagram__skip:after{content:"▸";color:#94a3b8;grid-area:1/1;justify-self:end;margin-right:-.25rem}.unet-diagram__skip span{background:var(--diffusion-background);grid-area:1/1;padding:0 .5rem}.unet-diagram__skip[data-level="1"]{grid-area:skip-1}.unet-diagram__skip[data-level="2"]{grid-area:skip-2}.unet-diagram__skip[data-level="3"]{grid-area:skip-3}.unet-diagram__io{color:var(--diffusion-muted);text-align:center;flex-direction:column;align-self:end;align-items:center;gap:.125rem;font-size:.75rem;display:flex}.unet-diagram__io[data-io=in]{grid-area:in}.unet-diagram__io[data-io=out]{grid-area:out}.unet-diagram__io var{color:var(--diffusion-text)}.unet-diagram__io[data-io=out] var{color:var(--noise-accent)}.unet-diagram__op{font-size:.6875rem}.unet-diagram__op:before{color:var(--diffusion-accent);font-size:1.125rem;line-height:1.2;display:block}.unet-diagram__io[data-io=in] .unet-diagram__op:before{content:"↓"}.unet-diagram__io[data-io=out] .unet-diagram__op:before{content:"↑"}.unet-diagram__intro{max-width:48rem;color:var(--diffusion-muted)}.unet-diagram__intro a{color:var(--diffusion-accent)}.unet-diagram>figcaption{justify-items:center;gap:.75rem;display:grid}.unet-diagram__note{max-width:48rem;color:var(--diffusion-muted);text-align:center;font-size:.8125rem}.unet-diagram__legend{color:var(--diffusion-muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.75rem;display:flex}.unet-diagram__legend>span{align-items:center;gap:.375rem;display:inline-flex}.unet-bricks{align-items:center;gap:.25rem;margin-top:.25rem;display:inline-flex}.unet-brick{background:var(--diffusion-raised);min-width:1.375rem;height:1.375rem;color:var(--diffusion-text);border:1px solid #94a3b8;border-radius:.25rem;grid-auto-flow:column;place-items:center;padding:0 .25rem;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-grid}.unet-brick[data-kind=transformer]{color:var(--text-accent);background:#be185d0f;border-color:#f9a8d4}.unet-anatomy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.unet-anatomy figure{border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.875rem;align-content:start;gap:.625rem;padding:1rem;display:grid}.unet-anatomy h3{align-items:center;gap:.5rem;margin:0;font-size:.9375rem;line-height:1.4;display:flex}.unet-anatomy__steps{flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.unet-anatomy__steps li{align-items:center;gap:.375rem;display:inline-flex}.unet-anatomy__steps li+li:before{content:"→";color:var(--diffusion-accent)}.unet-anatomy__steps li>var,.unet-anatomy__steps li[data-kind]{font-weight:600}.unet-anatomy__steps li[data-kind=time]{color:var(--diffusion-text)}.unet-anatomy__steps li[data-kind=text]{color:var(--text-accent)}.unet-anatomy figcaption{color:var(--diffusion-muted)}.unet-denoiser__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.unet-denoiser__takeaway strong{color:var(--diffusion-text);display:block}.unet-denoiser__scope{color:var(--diffusion-muted);font-size:.75rem}.unet-denoiser__scope strong{color:var(--diffusion-text)}@container unet-lesson (width<=52rem){.unet-denoiser__flow{grid-template-columns:minmax(0,1fr)}.unet-denoiser__card[data-kind],.unet-denoiser__model{grid-area:auto/1}.unet-denoiser__card{grid-template-rows:auto auto auto}.unet-denoiser__model{flex-direction:column;justify-self:center;gap:.5rem}.unet-denoiser__arrow{transform:rotate(90deg)}.unet-diagram__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"in""down-1""down-2""down-3""middle""up-3""up-2""up-1""out";row-gap:1.25rem}.unet-diagram__skip{display:none}.unet-diagram__skip-note{display:block}.unet-diagram__grid li:not([data-stage=up-1]):after{content:"↓";inset:auto auto -1.125rem calc(50% - .375rem)}.unet-diagram__io[data-io=out]{flex-direction:column-reverse}.unet-diagram__io[data-io=out] .unet-diagram__op:before{content:"↓"}.unet-anatomy{grid-template-columns:minmax(0,1fr)}}.vae-decoding{--latent-accent:#6d28d9;--pixel-accent:#b45309;min-width:0;color:var(--diffusion-text);grid-template-columns:minmax(0,1fr);gap:1.25rem;font-size:.875rem;line-height:1.6;display:grid;container:decoding-lesson/inline-size}.vae-decoding h2{margin:0;font-size:1rem;line-height:1.4}.vae-decoding p,.vae-decoding figure{margin:0}.vae-decoding__flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 11rem minmax(0,1fr);justify-self:center;row-gap:.75rem;width:min(100%,56rem);display:grid}.vae-decoding__card{grid-template-rows:subgrid;border:1px solid var(--diffusion-border);border-top:2px solid var(--card-accent);background:var(--diffusion-surface);border-radius:1rem;grid-row:1/span 3;justify-items:center;row-gap:.75rem;min-width:0;padding:1rem;display:grid}.vae-decoding__card[data-kind=latent]{--card-accent:var(--latent-accent);grid-column:1}.vae-decoding__card[data-kind=pixels]{--card-accent:var(--pixel-accent);grid-column:3}.vae-decoding__heading{justify-self:start;align-items:center;gap:.75rem;display:flex}.vae-decoding__heading p{color:var(--diffusion-muted)}.vae-decoding__symbol{width:3rem;height:3rem;color:var(--latent-accent);background:#6d28d90f;border:1px solid #c4b5fd;border-radius:.625rem;flex:0 0 3rem;place-items:center;font-size:1.25rem;display:grid}.vae-decoding__tiles{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:.25rem;width:min(100%,11rem);display:grid}.vae-decoding__tiles img{border:1px solid var(--diffusion-border);width:100%;height:auto;image-rendering:pixelated;border-radius:.25rem;display:block}.vae-decoding__image{border-radius:.625rem;align-self:center;width:min(100%,15rem);height:auto;display:block}.vae-decoding__card figcaption{color:var(--diffusion-muted);text-align:center;justify-items:center;gap:.125rem;font-size:.75rem;display:grid}.vae-decoding__shape{color:var(--card-accent);font-variant-numeric:tabular-nums;font-size:1.125rem}.vae-decoding__decoder{grid-area:1/2/span 3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.375rem;padding:0 .5rem;display:grid}.vae-decoding__arrow{color:var(--diffusion-accent);font-size:1.125rem;line-height:1}.vae-decoding__node{text-align:center;background:#6d28d90d;border:1px solid #c4b5fd;border-radius:.875rem;justify-items:center;gap:.375rem;padding:.875rem .5rem;line-height:1.3;display:grid}.vae-decoding__node>span{color:var(--diffusion-muted);font-size:.75rem}.vae-decoding__status{color:var(--diffusion-muted);justify-items:center;font-size:.6875rem;display:grid}.vae-decoding__frozen{color:var(--diffusion-text);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.vae-decoding__text{color:var(--diffusion-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.vae-decoding__recap{gap:.625rem;display:grid}.vae-decoding__recap table{border-collapse:collapse;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:.75rem;width:100%;font-size:.8125rem;line-height:1.45}.vae-decoding__recap th,.vae-decoding__recap td{border-bottom:1px solid var(--diffusion-border);text-align:left;vertical-align:top;padding:.5rem .75rem}.vae-decoding__recap thead th{background:var(--diffusion-raised);color:var(--diffusion-muted);font-size:.75rem;font-weight:600}.vae-decoding__recap tbody th{white-space:nowrap}.vae-decoding__recap td[data-unused]{color:var(--diffusion-muted)}.vae-decoding__recap>p{color:var(--diffusion-muted);font-size:.75rem}.vae-decoding__scope{color:var(--diffusion-muted)}.vae-decoding__takeaway{border-left:2px solid var(--diffusion-accent);color:var(--diffusion-muted);padding-left:.875rem}.vae-decoding__takeaway strong{color:var(--diffusion-text);display:block}.vae-decoding__source{color:var(--diffusion-muted);font-size:.75rem}.vae-decoding__source a{color:var(--diffusion-accent)}@container decoding-lesson (width<=40rem){.vae-decoding__flow{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.vae-decoding__card{grid-area:auto/1;grid-template-rows:none}.vae-decoding__card[data-kind=latent],.vae-decoding__card[data-kind=pixels]{grid-column:1}.vae-decoding__decoder{grid-area:auto/1;grid-template-columns:minmax(0,12rem);justify-content:center;justify-items:center}.vae-decoding__arrow{rotate:90deg}.vae-decoding__text{grid-template-columns:minmax(0,1fr)}.vae-decoding__recap tbody th{white-space:normal}}.vae-encoding{gap:1rem;min-width:0;display:grid;container:vae-lesson/inline-size}.vae-tensor-flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 11rem minmax(0,1fr);row-gap:.75rem;display:grid}.vae-tensor{grid-template-rows:subgrid;border:1px solid var(--diffusion-border);background:var(--diffusion-surface);border-radius:1rem;grid-row:1/span 3;row-gap:.75rem;min-width:0;margin:0;padding:1rem;display:grid}.vae-tensor[data-kind=pixels]{--tensor-accent:#b45309;grid-column:1}.vae-tensor[data-kind=latent]{--tensor-accent:#6d28d9;grid-column:3}.vae-tensor__heading{align-items:center;gap:.75rem;min-width:0;display:flex}.vae-tensor__heading img,.vae-tensor__symbol{border-radius:.625rem;flex:0 0 4rem;width:4rem;height:4rem}.vae-tensor__heading img{object-fit:cover;display:block}.vae-tensor__symbol{color:#6d28d9;background:#6d28d90f;border:1px solid #c4b5fd;place-items:center;font-size:1.75rem;display:grid}.vae-tensor h2{color:var(--diffusion-text);margin:0;font-size:1.125rem;line-height:1.4}.vae-tensor__heading p{color:var(--diffusion-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.vae-tensor__stack{justify-self:center;width:min(100%,16rem);height:auto;display:block}.vae-tensor__stack>text{fill:var(--diffusion-muted);font-size:13px}.vae-tensor figcaption{color:var(--diffusion-muted);text-align:center;align-content:start;justify-items:center;gap:.375rem;font-size:.875rem;line-height:1.5;display:grid}.vae-tensor__shape{color:var(--tensor-accent);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600}.vae-tensor__vector{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.375rem .75rem;margin:.375rem 0 0;display:flex}.vae-tensor__vector code{color:var(--diffusion-text);font-size:.875rem}.vae-encoder{grid-area:2/2;align-self:center;align-items:center;display:flex}.vae-encoder__arrow{color:var(--diffusion-accent);text-align:center;flex:1;font-size:1.5rem;line-height:1}.vae-encoder__node{box-sizing:border-box;text-align:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.875rem;flex:0 0 7rem;gap:.5rem;padding:.875rem .5rem;display:grid}.vae-encoder__node strong{color:var(--diffusion-text);font-size:1rem;line-height:1.4}.vae-encoder__status{color:var(--diffusion-muted);justify-items:center;gap:.125rem;font-size:.75rem;line-height:1.5;display:grid}.vae-encoder__frozen{align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.vae-encoder__frozen svg{flex-shrink:0}.vae-tensor__meaning{text-wrap:pretty;max-width:34ch;margin:.5rem 0 0}.vae-encoding__purpose{gap:.375rem;display:grid}.vae-encoding__purpose h2{color:var(--diffusion-text);margin:0;font-size:1.125rem;line-height:1.4}.vae-encoding__purpose p{color:var(--diffusion-muted);margin:0;font-size:.875rem;line-height:1.6}.vae-encoding__takeaway{color:var(--diffusion-muted);border-block:1px solid #e3e8ee;align-items:center;gap:1rem;margin:0;padding:1rem;font-size:.875rem;line-height:1.6;display:flex}.vae-encoding__takeaway strong{color:var(--diffusion-accent);flex-shrink:0;font-size:1.125rem}.vae-encoding__note{color:var(--diffusion-muted);margin:0;font-size:.75rem;line-height:1.6}@container vae-lesson (width<=52rem){.vae-tensor-flow{grid-template-columns:minmax(0,1fr)}.vae-tensor[data-kind],.vae-encoder{grid-area:auto/1}.vae-tensor{grid-template-rows:auto auto auto}.vae-encoder{flex-direction:column;justify-self:center;gap:.5rem}.vae-encoder__node{flex-basis:auto;width:7rem}.vae-encoder__arrow{transform:rotate(90deg)}.vae-encoding__takeaway{flex-direction:column;align-items:flex-start;gap:.375rem}}.diffusion-page{--diffusion-background:#f6f7f9;--diffusion-surface:#fff;--diffusion-raised:#f0f3f7;--diffusion-border:#dbe1e8;--diffusion-border-strong:#b9c3cf;--diffusion-text:#17202b;--diffusion-muted:#5b6675;--diffusion-accent:#0e7490;background:var(--diffusion-background);color:var(--diffusion-text);padding:clamp(1rem,3vw,3rem)}.diffusion-page__content{max-width:72rem;margin-inline:auto}.diffusion-slide{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.diffusion-slide__eyebrow{color:var(--diffusion-accent);margin:0 0 1.5rem;font-size:.8125rem;font-weight:600;line-height:1.6}.diffusion-slide__text h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3.5vw,2.5rem);line-height:1.15}.diffusion-slide__description{max-width:36ch;color:var(--diffusion-muted);margin:1.5rem 0 0;font-size:1rem;line-height:1.7}.diffusion-slide__visual{min-width:0;margin:0}.diffusion-slide__visual img{border-radius:1rem;width:100%;height:auto;display:block;box-shadow:0 1px 3px #0f172a14}.diffusion-slide__visual figcaption{color:var(--diffusion-muted);text-align:center;margin-top:.75rem;font-size:.75rem}.diffusion-navigation{z-index:2;margin-inline:calc(-1 * var(--page-gutter));padding:.5rem var(--page-gutter) max(.5rem, env(safe-area-inset-bottom));border-top:1px solid var(--diffusion-border);background:color-mix(in srgb, var(--diffusion-background) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;position:sticky;bottom:0;container:diffusion-navigation/inline-size}.diffusion-navigation__bar{max-width:var(--page-width);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;margin-inline:auto;display:grid}.diffusion-navigation p{min-width:14ch;color:var(--diffusion-muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;grid-column:2;margin:0;font-size:.75rem}.diffusion-navigation a{border:1px solid var(--diffusion-border-strong);background:var(--diffusion-raised);width:min(13rem,100%);height:2.75rem;color:var(--diffusion-text);border-radius:.5rem;grid-template-columns:minmax(0,1fr);align-content:center;gap:.125rem;padding:0 .875rem;font-size:.875rem;line-height:1.25;text-decoration:none;display:grid}.diffusion-navigation a[data-direction=previous]{text-align:left;grid-column:1;justify-self:start;justify-items:start}.diffusion-navigation a[data-direction=next]{text-align:right;grid-column:3;justify-self:end;justify-items:end}.diffusion-navigation__direction{white-space:nowrap;font-weight:600}.diffusion-navigation__name{max-width:100%;color:var(--diffusion-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.diffusion-navigation a:hover{border-color:var(--diffusion-accent)}.diffusion-navigation a:focus-visible{outline:2px solid var(--diffusion-accent);outline-offset:2px}@container diffusion-navigation (width<=30rem){.diffusion-navigation__bar{gap:.5rem}.diffusion-navigation p{min-width:8ch}.diffusion-navigation a{height:2.5rem;padding:0 .5rem}.diffusion-navigation__name,.diffusion-navigation__word{display:none}}@container diffusion-navigation (width<=16rem){.diffusion-navigation__bar{gap:.375rem}.diffusion-navigation p{min-width:7ch}.diffusion-navigation a{padding:0 .375rem;font-size:.75rem}}.diffusion-slide[data-layout=overview]{grid-template-columns:1fr;gap:2rem}.diffusion-slide[data-layout=overview] .diffusion-slide__description{max-width:65ch}.diffusion-page[data-slide]{padding:var(--page-gutter) var(--page-gutter) 0;flex-direction:column;gap:1rem;display:flex}.diffusion-page[data-slide] .diffusion-page__content{width:100%;max-width:var(--page-width);flex-direction:column;flex:1;gap:1rem;display:flex;container:diffusion-lesson/inline-size}.diffusion-page[data-slide] .diffusion-slide{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:1rem}.diffusion-page[data-slide] .diffusion-slide__eyebrow{margin:0 0 .375rem;font-size:.8125rem;line-height:1.4}.diffusion-page[data-slide] .diffusion-slide__text h1{letter-spacing:-.025em;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.3}.diffusion-page[data-slide] .diffusion-slide__description{max-width:none;margin:.375rem 0 0;font-size:.875rem;line-height:1.55}@media (width<=64rem){.diffusion-slide{grid-template-columns:1fr}}.search-algorithm-select{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;font-weight:600;display:flex}.search-algorithm-select__trigger{color:#171717;width:17rem;max-width:100%;min-height:2.5rem;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:.2rem;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .65rem;display:inline-flex}.search-algorithm-select__trigger:hover{border-color:#64748b}.search-algorithm-select__trigger:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.search-algorithm-select__icon{color:#64748b;flex:none;display:inline-flex}.search-algorithm-select__content{z-index:100;width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);background:#fff;border:1px solid #cbd5e1;border-radius:.2rem;overflow:hidden;box-shadow:0 .75rem 2rem #0f172a2e}.search-algorithm-select__viewport{padding:.3rem}.search-algorithm-select__scroll-button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;place-items:center;width:100%;height:1.75rem;display:grid}.search-algorithm-select__scroll-button--up svg{transform:rotate(180deg)}.search-algorithm-select__group+.search-algorithm-select__group{border-top:1px solid #e2e8f0;margin-top:.25rem;padding-top:.25rem}.search-algorithm-select__group-label{color:#64748b;font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;padding:.45rem .6rem .3rem;font-weight:700}.search-algorithm-select__item{color:#334155;min-height:2.25rem;font-size:var(--text-regular);cursor:default;-webkit-user-select:none;user-select:none;border-radius:.1rem;outline:none;align-items:center;padding:.45rem 2rem .45rem .6rem;line-height:1.25;display:flex;position:relative}.search-algorithm-select__item[data-highlighted]{color:#1d4ed8;background:#dbeafe}.search-algorithm-select__item[data-state=checked]{color:#1d4ed8;font-weight:700}.search-algorithm-select__indicator{display:inline-flex;position:absolute;right:.6rem}.search-problem-control{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.2rem;padding:.2rem;display:inline-flex}.search-problem-control__option{color:#64748b;min-height:2rem;font:inherit;font-size:var(--text-regular);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.1rem;padding:.35rem .7rem;font-weight:600}.search-problem-control__option:hover{color:#1e293b}.search-problem-control__option[data-selected=true]{color:#1d4ed8;background:#fff;box-shadow:0 1px 3px #0f172a26}.search-problem-control__option:focus-visible{z-index:1;outline-offset:2px;outline:2px solid #2563eb;position:relative}.search-tree{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:0;padding:1rem}.search-tree h3{margin:0}.search-tree[data-tone=second] .search-tree__edge[data-path=true]{stroke:#fb7185}.search-tree[data-tone=second] .search-tree__node[data-path=true] circle{fill:#fecdd3;stroke:#fb7185}.search-tree[data-tone=second] .search-tree__node[data-frontier=true] circle{fill:#fff1f2;stroke:#fda4af}.search-tree[data-tone=second] .search-tree__node[data-next=true] circle{fill:#ffe4e6;stroke:#e11d48}.search-tree[data-tone=second] .search-tree__node[data-current=true] circle{fill:#e11d48;stroke:#be123c}.search-tree__description{color:#64748b}.search-tree__viewport{margin-top:1rem;overflow:auto}.search-tree__svg{margin-inline:auto;display:block}.search-tree__edge{stroke:#cbd5e1;stroke-width:2px}.search-tree__edge[data-path=true]{stroke:#60a5fa;stroke-width:3px}.search-tree__edge[data-superseded=true]{opacity:.45;stroke-dasharray:4 4}.search-tree__edge[data-pruned=true]{opacity:.65;stroke:#f87171;stroke-dasharray:4 4}.search-tree__node[data-pruned=true] circle{fill:#fee2e2;stroke:#ef4444;stroke-dasharray:4 3}.search-tree__node[data-pruned=true] text{fill:#991b1b}.search-tree__node[data-superseded=true]{opacity:.45}.search-tree__node .search-tree__score-label{font-size:10px;font-weight:500}.search-tree__node[data-cutoff=true] circle{fill:#fee2e2;stroke:#ef4444;stroke-dasharray:4 3}.search-tree__node[data-cutoff=true][data-current=true] circle{fill:#dc2626;stroke:#b91c1c}.search-tree__node[data-cutoff=true][data-current=true] text{fill:#fff}.search-tree__node circle{fill:#fff;stroke:#94a3b8;stroke-width:2px}.search-tree__node[data-path=true] circle{fill:#bfdbfe;stroke:#60a5fa}.search-tree__node[data-frontier=true] circle{fill:#f1f5f9;stroke:#94a3b8}.search-tree__node[data-next=true] circle{fill:#e2e8f0;stroke:#64748b;stroke-width:3px}.search-tree__node[data-current=true] circle{fill:#2563eb;stroke:#1d4ed8;stroke-width:3px}.search-tree__node text{fill:#334155;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.search-tree__node[data-current=true] text{fill:#fff}.grid-axes{grid-template-rows:1.25rem minmax(0,1fr);grid-template-columns:1.25rem minmax(0,1fr);gap:.25rem;min-width:0;display:grid}.grid-axes__column-labels{grid-area:1/2;align-items:center;display:grid}.grid-axes__row-labels{grid-area:2/1;align-items:center;display:grid}.grid-axes__column-labels span,.grid-axes__row-labels span{color:#64748b;font-variant-numeric:tabular-nums;font-size:var(--text-small);text-align:center;line-height:1}.grid-axes__content{grid-area:2/2;min-width:0}.map-legend{color:#64748b;font-size:var(--text-regular);gap:.7rem;margin-top:1rem;display:grid}.map-legend__group{grid-template-columns:6.25rem minmax(0,1fr);align-items:start;gap:.65rem;display:grid}.map-legend__group-label{color:#475569;font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;padding-top:.2rem;font-weight:700}.map-legend__items{flex-wrap:wrap;gap:.55rem 1rem;display:flex}.map-legend__item{align-items:center;gap:.35rem;display:inline-flex}.map-legend__swatch{border-radius:.2rem;flex:none;place-items:center;width:1.3rem;height:1.3rem;display:inline-grid;overflow:hidden}.map-legend__swatch svg,.map-legend__swatch img{width:.85rem;height:.85rem}.map-legend__swatch img{object-fit:contain}@media (width<=36rem){.map-legend__group{grid-template-columns:minmax(0,1fr);gap:.35rem}}.station-map{--station-path-tint:#93c5fdd1;--station-next-tint:#cbd5e18a;--station-start-pattern:conic-gradient(#334155 25%, #f8fafc 0 50%, #334155 0 75%, #f8fafc 0);width:min(100%,28rem);margin:0}.station-map__grid{background:#cbd5e1;border:2px solid #475569;border-radius:.2rem;display:grid;overflow:hidden}.station-map__cell{--station-tint:transparent;aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex;position:relative;overflow:hidden}.station-map__cell:after{z-index:3;content:"";pointer-events:none;border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;position:absolute;inset:0}.station-map__cell[data-last-column=true]:after{border-right:0}.station-map__cell[data-last-row=true]:after{border-bottom:0}.station-map__cell:not([data-tile=wall]){background-color:#f8fafc;background-image:linear-gradient(var(--station-tint), var(--station-tint)), var(--search-ground-image);background-position:50%;background-size:cover}.station-map__cell[data-tile=floor]{color:#334155}.station-map__cell[data-tile=wall]{color:#f8fafc;background:repeating-linear-gradient(135deg,#334155 0 8px,#3f4d61 8px 16px)}.station-map__cell[data-tile=stairs]{color:#5b21b6}.station-map__cell[data-tile=crowded]{color:#9a3412}.station-map__terrain-art{place-items:center;width:68%;height:58%;display:inline-grid}.station-map__terrain-art img{object-fit:contain;filter:drop-shadow(0 1px 1px #0f172a33);width:100%;height:100%}.station-map__cell[data-agent=true] .station-map__terrain-art{opacity:.8;width:1.25rem;height:1.25rem;position:absolute;top:.3rem;right:.3rem}.station-map__agents{justify-content:center;align-items:center;gap:.1rem;width:76%;height:52%;display:flex}.station-map__agent{object-fit:contain;filter:drop-shadow(0 1px 1px #0f172a40);width:auto;max-width:64%;height:100%}.station-map__agents[data-agent-count="2"] .station-map__agent{max-width:50%}.station-map__cell[data-start=true]{color:#3730a3}.station-map__cell[data-start=true]:before{z-index:2;background:var(--station-start-pattern) 0 0 / .5rem .5rem;content:"";pointer-events:none;height:.5rem;position:absolute;inset:auto 0 0}.station-map__cell[data-goal=true]{color:#14532d}.station-map__cell[data-path=true]{--station-tint:var(--station-path-tint);color:#1e3a8a;box-shadow:inset 0 0 0 2px #93c5fd}.station-map__cell[data-next=true]{--station-tint:var(--station-next-tint);color:#334155;box-shadow:inset 0 0 0 2px #64748b}.station-map__cell[data-current=true]{--station-tint:#2563ebd1;color:#fff;box-shadow:inset 0 0 0 2px #1d4ed8}.station-map__swatch--floor,.station-map__swatch--stairs,.station-map__swatch--crowded,.station-map__swatch--path,.station-map__swatch--next{--legend-tint:transparent;background-color:#f8fafc;background-image:linear-gradient(var(--legend-tint), var(--legend-tint)), var(--search-ground-image);background-position:50%;background-size:cover}.station-map__swatch--floor{border:1px solid #cbd5e1}.station-map__swatch--start{background:var(--station-start-pattern) 0 0 / .5rem .5rem}.station-map__swatch--wall{background:repeating-linear-gradient(135deg,#334155 0 4px,#3f4d61 4px 8px)}.station-map__swatch--stairs{color:#5b21b6}.station-map__swatch--crowded{color:#9a3412}.map-legend__swatch.station-map__swatch--stairs img,.map-legend__swatch.station-map__swatch--crowded img,.map-legend__swatch.station-map__swatch--wall img{width:1.05rem;height:1.05rem}.station-map__swatch--path{--legend-tint:var(--station-path-tint)}.station-map__swatch--agent{background:#e2e8f0}.map-legend__swatch.station-map__swatch--agent img{width:1.15rem;height:1.15rem}.station-map__swatch--next{--legend-tint:var(--station-next-tint);box-shadow:inset 0 0 0 1px #64748b}.best-cost-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;padding:1rem}.best-cost-view h3{margin:0}.best-cost-view__description,.best-cost-view__note{color:#64748b}.best-cost-view__items{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.best-cost-view__items li{font-variant-numeric:tabular-nums;background:#e2e8f0;border-radius:.15rem;gap:.15rem;padding:.4rem .6rem;display:grid}.best-cost-view__items li[data-current=true]{color:#1e3a8a;background:#bfdbfe}.best-cost-view__cost{font-size:var(--text-small)}.best-cost-view__note{font-size:var(--text-small);margin-bottom:0}.priority-queue-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:18rem;padding:1rem}.priority-queue-view h3{margin:0}.priority-queue-view__description,.priority-queue-view__empty{color:#64748b}.priority-queue-view__ends{font-size:var(--text-small);color:#64748b;justify-content:space-between;margin-bottom:.4rem;display:flex}.priority-queue-view__items{gap:.5rem;margin:0;padding:.25rem;list-style:none;display:flex;overflow-x:auto}.priority-queue-view__item{font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:1px solid #94a3b8;border-radius:.15rem;flex:none;gap:.2rem;min-width:4.5rem;padding:.6rem .75rem;display:grid}.priority-queue-view__item:first-child{background:#e2e8f0;border-color:#64748b}.priority-queue-view__priority{color:#64748b;font-size:var(--text-small)}.search-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-controls__buttons{flex-wrap:wrap;gap:.4rem;display:flex}.search-controls__button,.search-controls__speed-trigger{color:#334155;height:2.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:.2rem}.search-controls__button{place-items:center;width:2.5rem;padding:0;display:inline-grid}.search-controls__button svg{stroke-width:2px;width:1.15rem;height:1.15rem}.search-controls__button--playback{color:#fff;background:#2563eb;border-color:#2563eb}.search-controls__button:hover:not(:disabled),.search-controls__speed-trigger:hover{background:#f8fafc;border-color:#64748b}.search-controls__button--playback:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.search-controls__button:focus-visible,.search-controls__speed-trigger:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.search-controls__button:disabled{cursor:not-allowed;opacity:.45}.search-controls__speed{border-left:1px solid #cbd5e1;align-items:center;padding-left:.75rem;display:flex}.search-controls__speed-trigger{min-width:6rem;font-size:var(--text-regular);justify-content:space-between;align-items:center;gap:.45rem;padding:0 .6rem;font-weight:600;display:inline-flex}.search-controls__speed-gauge{width:1.1rem;height:1.1rem}.search-controls__speed-icon{color:#64748b;display:inline-flex}.search-controls__speed-icon svg{width:.9rem;height:.9rem}.search-controls__speed-content{z-index:100;min-width:var(--radix-select-trigger-width);background:#fff;border:1px solid #cbd5e1;border-radius:.2rem;overflow:hidden;box-shadow:0 .75rem 2rem #0f172a2e}.search-controls__speed-viewport{padding:.25rem}.search-controls__speed-item{color:#334155;min-height:2.25rem;font-size:var(--text-small);cursor:default;-webkit-user-select:none;user-select:none;border-radius:.1rem;outline:none;align-items:center;padding:.4rem 2rem .4rem .6rem;display:flex;position:relative}.search-controls__speed-item[data-highlighted]{color:#1d4ed8;background:#dbeafe}.search-controls__speed-item[data-state=checked]{color:#1d4ed8;font-weight:700}.search-controls__speed-indicator{display:inline-flex;position:absolute;right:.6rem}.search-controls__speed-indicator svg{width:.95rem;height:.95rem}.search-metrics{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;gap:0;margin:0;padding:.35rem;display:flex}.search-metrics__item{border-left:1px solid #e2e8f0;flex:auto;min-width:0;padding:.35rem .65rem}.search-metrics__item:first-child{border-left:0}.search-metrics dt{color:#64748b;font-size:var(--text-small)}.search-metrics dd{color:#1e293b;font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1rem;font-weight:700}.search-metrics__label{white-space:nowrap;justify-content:space-between;align-items:center;gap:.35rem;display:flex}.search-metrics__info{color:#64748b;cursor:help;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;padding:0;display:inline-grid}.search-metrics__info:hover,.search-metrics__info:focus-visible{color:#1e293b;background:#e2e8f0}.search-metrics__tooltip{z-index:100;color:#fff;max-width:18rem;font-size:var(--text-small);background:#0f172a;border-radius:.2rem;padding:.5rem .65rem;line-height:1.4;box-shadow:0 .4rem 1rem #0f172a33}.search-metrics__tooltip-arrow{fill:#0f172a}@media (width<=42rem){.search-metrics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-metrics__item:nth-child(odd){border-left:0}}.search-visualizer-header{gap:.85rem;margin-bottom:1.5rem;display:grid}.search-visualizer-header__title-group{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.search-visualizer-header__title{margin:0}.search-visualizer-header__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.85rem;display:grid}.search-visualizer-header__playback{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;align-content:center;justify-items:end;gap:.55rem;min-width:21rem;padding:.6rem .7rem;display:grid}.search-visualizer-header__status{color:#475569;min-height:1.5em;font-size:var(--text-small);text-align:right;margin:0;line-height:1.35}@media (width<=64rem){.search-visualizer-header__toolbar{grid-template-columns:minmax(0,1fr)}.search-visualizer-header__playback{justify-items:start;min-width:0}.search-visualizer-header__status{text-align:left}}.search-visualizer__workspace{grid-template-columns:minmax(22rem,28rem) 20rem minmax(22rem,1fr);align-items:start;gap:1.5rem;display:grid}.search-visualizer__data{gap:1rem;width:20rem;min-width:0;display:grid}.search-visualizer__graph{min-width:0}@media (width<=75rem){.search-visualizer__workspace{grid-template-columns:minmax(0,1fr) 20rem}.search-visualizer__graph{grid-column:1/-1}}@media (width<=52rem){.search-visualizer__workspace{grid-template-columns:minmax(0,1fr)}.search-visualizer__data{width:100%}.search-visualizer__graph{grid-column:auto}}.beam-candidates{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;padding:1rem}.beam-candidates h3{margin:0}.beam-candidates__description,.beam-candidates__empty{color:#64748b}.beam-candidates__items{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.beam-candidates__items li{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #94a3b8;border-radius:.15rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.6rem .7rem;display:grid}.beam-candidates__heuristic{color:#64748b}.beam-candidates__status{font-size:var(--text-small);font-weight:700}.beam-candidates__items li[data-status=kept]{background:#dbeafe;border-color:#3b82f6}.beam-candidates__items li[data-status=kept] .beam-candidates__status{color:#1d4ed8}.beam-candidates__items li[data-status=pruned]{background:#fee2e2;border-color:#f87171}.beam-candidates__items li[data-status=pruned] .beam-candidates__status{color:#b91c1c}.beam-candidates__items li[data-status=candidate] .beam-candidates__status{color:#64748b}.queue-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:18rem;padding:1rem}.queue-view h3{margin:0}.queue-view__description,.queue-view__empty{color:#64748b}.queue-view__ends{font-size:var(--text-small);color:#64748b;justify-content:space-between;margin-bottom:.4rem;display:flex}.queue-view__items{gap:.5rem;margin:0;padding:.25rem;list-style:none;display:flex;overflow-x:auto}.queue-view__item{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #94a3b8;border-radius:.15rem;flex:none;padding:.6rem .75rem}.queue-view[data-highlight=first] .queue-view__item:first-child{background:#e2e8f0;border-color:#64748b}.queue-view[data-tone=second][data-highlight=first] .queue-view__item:first-child{background:#ffe4e6;border-color:#e11d48}.queue-view[data-highlight=all] .queue-view__item{background:#dbeafe;border-color:#2563eb}.queue-view[data-tone=second][data-highlight=all] .queue-view__item{background:#ffe4e6;border-color:#e11d48}.state-set-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;padding:1rem}.state-set-view h3{margin:0}.state-set-view__description,.state-set-view__note{color:#64748b}.state-set-view__items{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.state-set-view__items li{font-variant-numeric:tabular-nums;background:#e2e8f0;border-radius:.15rem;padding:.4rem .6rem}.state-set-view__note{font-size:var(--text-small);margin-bottom:0}.bidirectional-graph{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:0;padding:1rem}.bidirectional-graph h3{margin:0}.bidirectional-graph__description{color:#64748b}.bidirectional-graph__viewport{margin-top:1rem;overflow-x:auto}.bidirectional-graph__svg{margin-inline:auto;display:block}.bidirectional-graph__edge{stroke-width:2px}.bidirectional-graph__edge[data-side=first]{stroke:#93c5fd}.bidirectional-graph__edge[data-side=second]{stroke:#fda4af}.bidirectional-graph__edge[data-solution=true]{stroke:#22c55e;stroke-width:4px}.bidirectional-graph__node circle{stroke-width:2px}.bidirectional-graph__node[data-side=first] circle{fill:#dbeafe;stroke:#60a5fa}.bidirectional-graph__node[data-side=second] circle{fill:#ffe4e6;stroke:#fb7185}.bidirectional-graph__node[data-side=both] circle{fill:#ede9fe;stroke:#8b5cf6}.bidirectional-graph__node[data-frontier] circle{stroke-width:3px}.bidirectional-graph__node[data-next-layer=true] circle{stroke-width:5px}.bidirectional-graph__node[data-solution=true] circle{fill:#dcfce7;stroke:#22c55e}.bidirectional-graph__node text{fill:#334155;font-size:10px;font-weight:700}.city-map{min-width:0;margin:0}.city-map__grid{background:#cbd5e1;border:2px solid #475569;border-radius:.2rem;display:grid;overflow:hidden}.city-map__cell{--city-wave-tint:#f8fafc14;aspect-ratio:1;place-items:center;min-width:0;display:grid;position:relative}.city-map__cell:after{z-index:3;content:"";pointer-events:none;border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;position:absolute;inset:0}.city-map__cell[data-last-column=true]:after{border-right:0}.city-map__cell[data-last-row=true]:after{border-bottom:0}.city-map__cell[data-tile=road]{background-color:#f8fafc;background-image:linear-gradient(var(--city-wave-tint), var(--city-wave-tint)), var(--search-ground-image);background-position:50%;background-size:cover}.city-map__cell[data-tile=building]{background:repeating-linear-gradient(135deg,#334155 0 8px,#3f4d61 8px 16px)}.city-map__cell[data-wave=first]{--city-wave-tint:#bfdbfeb8}.city-map__cell[data-wave=second]{--city-wave-tint:#fecdd3b8}.city-map__cell[data-wave=both]{--city-wave-tint:#ddd6feb8}.city-map__cell[data-frontier=first]{z-index:1;outline-offset:-3px;outline:2px solid #60a5fa}.city-map__cell[data-frontier=second]{z-index:1;outline-offset:-3px;outline:2px solid #fb7185}.city-map__cell[data-frontier=both]{z-index:1;outline-offset:-3px;outline:2px solid #8b5cf6}.city-map__cell[data-frontier=first][data-next-layer=true]{outline-offset:-4px;outline:4px solid #2563eb}.city-map__cell[data-frontier=second][data-next-layer=true]{outline-offset:-4px;outline:4px solid #e11d48}.city-map__cell[data-solution=true]{--city-wave-tint:#86efacad;outline:none;box-shadow:inset 0 0 0 3px #16a34a}.city-map__cell[data-meeting=true]{--city-wave-tint:#dcfce7bd;outline:none;box-shadow:inset 0 0 0 4px #16a34a}.city-map__agents{z-index:2;justify-content:center;align-items:center;gap:.05rem;width:82%;height:82%;display:flex}.city-map__agent{object-fit:contain;filter:drop-shadow(0 1px 1px #0f172a4d);width:auto;max-width:68%;height:100%}.city-map__agents[data-agent-count="2"] .city-map__agent{max-width:50%}.city-map__terrain-art{z-index:1;object-fit:contain;filter:drop-shadow(0 1px 1px #0f172a4d);width:82%;height:82%}.city-map__swatch--road,.city-map__swatch--first,.city-map__swatch--second,.city-map__swatch--both,.city-map__swatch--route{background-color:#f8fafc;background-image:linear-gradient(var(--legend-tint), var(--legend-tint)), var(--search-ground-image);background-position:50%;background-size:cover}.city-map__swatch--road{--legend-tint:#f8fafc14;border:1px solid #cbd5e1}.city-map__swatch--building{background:repeating-linear-gradient(135deg,#334155 0 4px,#3f4d61 4px 8px)}.map-legend__swatch.city-map__swatch--building img{width:1.15rem;height:1.15rem}.city-map__swatch--first{--legend-tint:#bfdbfeb8}.city-map__swatch--second{--legend-tint:#fecdd3b8}.city-map__swatch--both{--legend-tint:#ddd6feb8}.city-map__swatch--route{--legend-tint:#86efacad;border:2px solid #16a34a}.bidirectional-visualizer__workspace{grid-template-columns:minmax(22rem,30rem) minmax(36rem,1fr);align-items:start;gap:1.5rem;display:grid}.bidirectional-visualizer__map,.bidirectional-visualizer__search{min-width:0}.bidirectional-visualizer__search{gap:1rem;display:grid}.bidirectional-visualizer__frontiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.bidirectional-visualizer__frontiers .queue-view{min-width:0}@media (width<=75rem){.bidirectional-visualizer__workspace{grid-template-columns:minmax(0,1fr)}.bidirectional-visualizer__map{justify-self:center;width:min(100%,30rem)}}@media (width<=52rem){.bidirectional-visualizer__frontiers{grid-template-columns:minmax(0,1fr)}}.stack-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:18rem;padding:1rem}.stack-view h3{margin:0}.stack-view__description,.stack-view__empty,.stack-view__end{color:#64748b}.stack-view__end{font-size:var(--text-small);margin-bottom:.4rem}.stack-view__end--bottom{margin-top:.4rem;margin-bottom:0}.stack-view__items{flex-direction:column;gap:.5rem;margin:0;padding:.25rem;list-style:none;display:flex}.stack-view__item{font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:1px solid #94a3b8;border-radius:.15rem;padding:.6rem .75rem}.stack-view__item:first-child{background:#e2e8f0;border-color:#64748b}.graph-search-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;min-width:0;padding:1rem}.graph-search-view h3{margin:0}.graph-search-view__description{color:#64748b;margin:1rem 0}.graph-search-view h3+.graph-search-view__viewport{margin-top:1rem}.graph-search-view__viewport{overflow-x:auto}.graph-search-view__svg{width:100%;min-width:38rem;height:auto;display:block}.graph-search-view__edge{stroke:#cbd5e1;stroke-width:3px;vector-effect:non-scaling-stroke}.graph-search-view__edge-cost{fill:#475569;stroke:#f8fafc;stroke-width:8px;paint-order:stroke;font-variant-numeric:tabular-nums;font-size:var(--text-small);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:700}.graph-search-view__heuristic-label{fill:#64748b;font-variant-numeric:tabular-nums;font-size:var(--text-small);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600}.graph-search-view__node[data-current=true] .graph-search-view__heuristic-label{fill:#fff}.graph-search-view__edge[data-path=true]{stroke:#3b82f6;stroke-width:5px}.graph-search-view__edge[data-search-side=first]{stroke:#60a5fa}.graph-search-view__edge[data-search-side=second]{stroke:#fb7185}.graph-search-view__edge[data-search-side=both]{stroke:#8b5cf6}.graph-search-view__marker-ring{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke}.graph-search-view__marker-ring[data-marker=start]{stroke:#2563eb}.graph-search-view__marker-ring[data-marker=goal]{stroke:#16a34a}.graph-search-view__node-circle{fill:#fff;stroke:#94a3b8;stroke-width:3px;vector-effect:non-scaling-stroke}.graph-search-view__node-label{fill:#334155;font-size:var(--text-regular);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:700}.graph-search-view__node[data-discovered=true] .graph-search-view__node-circle{fill:#dbeafe;stroke:#60a5fa}.graph-search-view__node[data-path=true] .graph-search-view__node-circle{fill:#93c5fd;stroke:#3b82f6}.graph-search-view__node[data-frontier=true] .graph-search-view__node-circle{fill:#e2e8f0;stroke:#64748b}.graph-search-view__node[data-next=true] .graph-search-view__node-circle{stroke:#334155;stroke-width:5px}.graph-search-view__node[data-current=true] .graph-search-view__node-circle{fill:#2563eb;stroke:#1d4ed8;stroke-width:5px}.graph-search-view__node[data-current=true] .graph-search-view__node-label{fill:#fff}.graph-search-view__node[data-search-side=first] .graph-search-view__node-circle{fill:#dbeafe;stroke:#60a5fa}.graph-search-view__node[data-search-side=second] .graph-search-view__node-circle{fill:#ffe4e6;stroke:#fb7185}.graph-search-view__node[data-search-side=both] .graph-search-view__node-circle{fill:#ede9fe;stroke:#8b5cf6}.graph-search-view__node[data-frontier-side] .graph-search-view__node-circle{stroke-width:4px}.graph-search-view__node[data-next-layer=true] .graph-search-view__node-circle{stroke-width:6px}.graph-search-view[data-bidirectional=true] .graph-search-view__edge[data-path=true]{stroke:#16a34a;stroke-width:6px}.graph-search-view[data-bidirectional=true] .graph-search-view__node[data-path=true] .graph-search-view__node-circle{fill:#dcfce7;stroke:#16a34a;stroke-width:5px}.graph-search-visualizer__data{gap:1rem;min-width:0;display:grid}.graph-search-visualizer__workspace{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.5rem;display:grid}@media (width<=64rem){.graph-search-visualizer__workspace{grid-template-columns:minmax(0,1fr)}.graph-search-visualizer__workspace .queue-view,.graph-search-visualizer__workspace .stack-view,.graph-search-visualizer__workspace .priority-queue-view{min-width:0}}.ids-iteration-view{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;padding:1rem}.ids-iteration-view h3{margin:0}.ids-iteration-view__metrics{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-block:1rem;display:grid}.ids-iteration-view__metrics div{background:#e2e8f0;border-radius:.2rem;padding:.75rem}.ids-iteration-view__metrics dt{color:#64748b;font-size:var(--text-small)}.ids-iteration-view__metrics dd{font-size:var(--text-title-medium);margin:.25rem 0 0;font-weight:700}.ids-iteration-view h4{margin-bottom:.75rem}.ids-iteration-view__cutoffs{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ids-iteration-view__cutoffs li{color:#991b1b;font-variant-numeric:tabular-nums;background:#fee2e2;border-radius:.15rem;padding:.4rem .6rem}.ids-iteration-view__empty,.ids-iteration-view__note{color:#64748b}.ids-iteration-view__note{font-size:var(--text-small);margin-bottom:0}.scale-grid-canvas{gap:.5rem;width:100%;min-width:0;margin:0;display:grid}.scale-grid-canvas canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 21.5rem);image-rendering:pixelated;background:#f1ebe0;border:2px solid #475569;border-radius:0;margin-inline:auto;display:block}.scale-grid-canvas figcaption{color:#64748b;font-size:var(--text-regular);gap:.5rem;display:grid}.scale-grid-canvas__legend{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.scale-grid-canvas__legend-item{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.scale-grid-canvas__swatch{border:1px solid #0f172a40;width:.85rem;height:.85rem}.scale-search-lab{gap:1rem;display:grid}.scale-bfs-benchmark__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.scale-bfs-benchmark__header h2,.scale-bfs-benchmark__header p{margin-top:0}.scale-bfs-benchmark__title-group{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.65rem;display:flex}.scale-bfs-benchmark__title-group h2{margin-bottom:0}.scale-bfs-benchmark__path{font-variant-numeric:tabular-nums;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.2rem;padding:1rem}.scale-bfs-benchmark__actions{gap:.85rem;display:grid}.scale-bfs-benchmark__action{gap:.3rem;display:grid}.scale-bfs-benchmark__action button{color:#1e293b;min-height:2.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:.2rem;padding:.5rem .9rem;font-weight:600}.scale-bfs-benchmark__action button:disabled{cursor:wait;opacity:.55}.scale-bfs-benchmark__action p{color:#64748b;font-size:var(--text-small);margin:0;line-height:1.35}.scale-bfs-benchmark__visualization{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);align-items:start;gap:1rem;display:grid}.scale-bfs-benchmark__sidebar{gap:1rem;min-width:0;display:grid}.scale-bfs-benchmark__sidebar .search-metrics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scale-bfs-benchmark__sidebar>p{margin:0}@media (width<=64rem){.scale-bfs-benchmark__visualization{grid-template-columns:minmax(0,1fr)}.scale-bfs-benchmark__sidebar .search-metrics{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}.search-page{width:100%;max-width:calc(var(--page-width) + 2 * var(--page-gutter));padding:var(--page-gutter);margin-inline:auto}.search-page__header{border-bottom:1px solid #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.search-page__header h1{font-size:var(--text-title-medium);margin:0;line-height:1.2}.search-page__placeholder{color:#475569;border:1px dashed #94a3b8;border-radius:.2rem;padding:2rem}.search-page__placeholder-title{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.search-page__placeholder-title h2,.search-page__placeholder>h2{color:#171717;margin-top:0}.article-figure{border:1px solid var(--lesson-border);background:var(--lesson-surface);border-radius:.875rem;align-content:start;gap:.75rem;min-width:0;margin:.5rem 0;padding:1rem;display:grid}.article-figure>figcaption{color:var(--lesson-muted);font-size:.8125rem;line-height:1.6}.article-figure h3{margin:0;font-size:.875rem;line-height:1.4}.article-controls{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.article-controls button{border:1px solid var(--lesson-border-strong);background:var(--lesson-raised);color:var(--lesson-text);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem}.article-controls button[aria-pressed=true]{border-color:var(--lesson-accent);background:var(--lesson-accent-soft);color:var(--lesson-accent)}.article-controls button:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}.article-image{border:1px solid var(--lesson-border);width:100%;height:auto;image-rendering:pixelated;display:block}.article-label{color:var(--lesson-muted);gap:.125rem;font-size:.75rem;line-height:1.4;display:grid}.article-label strong{color:var(--lesson-text);font-size:.8125rem}.channel-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;display:grid}.channel-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.relu-example>div{gap:.375rem;display:grid}.relu-example p{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;display:flex}.relu-example span{width:5.5rem;color:var(--lesson-muted);font-size:.75rem}.relu-example code{border:1px solid var(--lesson-border);text-align:center;border-radius:.25rem;min-width:2.75rem;padding:.125rem .25rem;font-size:.75rem}.relu-example code[data-negative]{color:var(--lesson-negative);border-color:#7c3aed73}@container article (width<=36rem){.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.stroke-detector__scroll{overflow-x:auto}.stroke-detector table{border-collapse:collapse;min-width:28rem;font-size:.8125rem}.stroke-detector th,.stroke-detector td{border-bottom:1px solid var(--lesson-border);text-align:right;font-variant-numeric:tabular-nums;padding:.375rem .75rem}.stroke-detector thead th{color:var(--lesson-muted);font-size:.75rem;font-weight:400}.stroke-detector th:first-child{text-align:left}.stroke-detector tbody th{font-weight:400}.stroke-detector td[data-fires]{color:var(--lesson-accent);font-weight:600}.kernel-mechanics,.kernel-on-image{border:1px solid var(--lesson-border);background:var(--lesson-surface);border-radius:.875rem;align-content:start;gap:.875rem;min-width:0;margin:.5rem 0;padding:1rem;display:grid}.kernel-controls{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.kernel-controls [role=group]{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}.kernel-controls span{color:var(--lesson-muted);margin-right:.25rem;font-size:.75rem}.kernel-controls button,.kernel-learned button{border:1px solid var(--lesson-border-strong);background:var(--lesson-raised);color:var(--lesson-text);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem}.kernel-controls button[aria-pressed=true],.kernel-learned button[aria-pressed=true]{border-color:var(--lesson-accent);color:var(--lesson-accent)}.kernel-controls button:focus-visible,.kernel-learned button:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}.kernel-grids{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.25rem;display:flex}.kernel-grids p,.kernel-images p,.kernel-learned>p{color:var(--lesson-muted);margin:0 0 .375rem;font-size:.75rem}.kernel-grid{gap:2px;display:grid}.kernel-grid span{border:1px solid var(--lesson-border);font-variant-numeric:tabular-nums;border-radius:.25rem;place-items:center;min-width:1.5rem;height:1.5rem;font-size:.6875rem;display:grid}.kernel-grid span[data-padding]{color:var(--lesson-muted);border-style:dashed}.kernel-grid span[data-window]{border-color:var(--lesson-accent);box-shadow:inset 0 0 0 1px var(--lesson-accent)}.kernel-grid span[data-sign=positive]{color:var(--lesson-accent);background:#0891b224}.kernel-grid span[data-sign=negative]{color:#6d28d9;background:#7c3aed1f}.kernel-grid span[data-current]{outline:2px solid var(--lesson-accent);outline-offset:1px}.kernel-calculation,.kernel-mechanics figcaption,.kernel-on-image figcaption{color:var(--lesson-muted);font-size:.75rem;line-height:1.6}.kernel-calculation{font-variant-numeric:tabular-nums;margin:0}.kernel-learned{container:kernels/inline-size}.kernel-learned>div{grid-template-columns:repeat(4,max-content);gap:.375rem;display:grid}@container kernels (width>=21rem){.kernel-learned>div{grid-template-columns:repeat(8,max-content)}}@container kernels (width>=41.75rem){.kernel-learned>div{grid-template-columns:repeat(16,max-content)}}.kernel-learned button{grid-template-columns:repeat(3,.5rem);gap:1px;padding:.25rem;display:grid}.kernel-learned button span{border-radius:1px;width:.5rem;height:.5rem}.kernel-images{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kernel-images img,.kernel-images canvas{border:1px solid var(--lesson-border);width:10rem;height:10rem;image-rendering:pixelated;display:block}.kernel-images>span{color:var(--lesson-accent);font-size:1.25rem}.kernel-weights .kernel-grid span{height:1.75rem}.loss-curve [data-series=skips]{--series:var(--lesson-series-a)}.loss-curve [data-series=noSkips]{--series:var(--lesson-series-b)}.loss-curve__legend{color:var(--lesson-muted);flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.loss-curve__legend li,.loss-curve__readout span[data-series]{align-items:center;gap:.375rem;display:inline-flex}.loss-curve__legend li:before,.loss-curve__readout span[data-series]:before{content:"";background:var(--series);border-radius:1px;width:1rem;height:2px}.loss-curve__chart{max-width:36rem}.loss-curve svg{cursor:crosshair;touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.loss-curve svg text{fill:var(--lesson-muted);font-variant-numeric:tabular-nums;font-size:11px}.loss-curve svg line,.loss-curve svg path,.loss-curve svg circle{vector-effect:non-scaling-stroke}.loss-curve__grid{stroke:#e6eaf0}.loss-curve__axis{stroke:#c3ccd8}.loss-curve__crosshair{stroke:#94a3b8}.loss-curve__line{fill:none;stroke:var(--series);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.loss-curve__dot{fill:var(--series);stroke:var(--lesson-surface);stroke-width:2px}.loss-curve__readout{color:var(--lesson-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;font-size:.8125rem;display:flex}.loss-curve__readout strong{color:var(--lesson-text)}.path-figure__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.path-stage{justify-items:center;gap:.375rem;width:6.5rem;display:grid}.path-stage .article-label{text-align:center;justify-items:center;margin:0}.path-figure__step{color:var(--lesson-muted);text-align:center;justify-items:center;font-size:.6875rem;display:grid}.path-figure__step span{color:var(--lesson-accent);font-size:1.125rem;line-height:1.2}@container article (width<=46rem){.path-figure__row{flex-direction:column}.path-stage{grid-template-columns:repeat(2,6rem);width:auto}.path-stage:has(>img:only-of-type){grid-template-columns:6rem}.path-stage .article-label{grid-column:1/-1}.path-figure__step span{rotate:90deg}}.pooling-explorer__panels{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.5rem;display:grid}.pooling-steps,.pooled-map{align-content:start;gap:.75rem;min-width:0;display:grid}.pooled-map__caption{color:var(--lesson-muted);margin:0;font-size:.75rem}.pooling-grids{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.5rem;display:flex}.pooling-grids>div:first-child{flex:16rem;min-width:0;max-width:21rem}.pooling-grids p,.pooled-map__images p{color:var(--lesson-muted);margin:0 0 .375rem;font-size:.75rem}.pooling-grid{gap:2px;display:grid}.pooling-grid span{border:1px solid var(--lesson-border);font-variant-numeric:tabular-nums;border-radius:.25rem;place-items:center;height:1.75rem;font-size:.6875rem;display:grid}.pooling-grid span[data-shade]{background:var(--lesson-raised)}.pooling-grid span[data-window]{border-color:var(--lesson-accent);background:var(--lesson-accent-soft)}.pooling-grid span[data-largest]{background:var(--lesson-accent-medium);color:var(--lesson-accent);font-weight:600}.pooling-grid span[data-current]{outline:2px solid var(--lesson-accent);outline-offset:1px}.pooling-calculation{color:var(--lesson-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}.pooled-map__images{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pooled-map__frame{position:relative}.pooled-map__frame img,.pooled-map canvas{border:1px solid var(--lesson-border);width:11rem;height:11rem;image-rendering:pixelated;display:block}.pooled-map canvas{width:5.5rem;height:5.5rem}.pooled-map__frame span{border:1.5px solid var(--lesson-accent);position:absolute}.pooled-map__arrow{color:var(--lesson-accent);font-size:1.25rem}@container article (width<=44rem){.pooling-explorer__panels{grid-template-columns:minmax(0,1fr)}}@container article (width<=30rem){.pooled-map__images{flex-direction:column;align-items:flex-start}.pooled-map__arrow{margin-left:5rem;rotate:90deg}}.receptive-field__grids{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.receptive-field__layer{align-items:center;gap:.75rem;display:flex}.receptive-field__layer p{color:var(--lesson-muted);margin:0 0 .375rem;font-size:.75rem}.receptive-field__grid{gap:2px;display:grid}.receptive-field__grid>*{border:1px solid var(--lesson-border);background:0 0;border-radius:.25rem;width:1.375rem;height:1.375rem;padding:0}.receptive-field__grid button{cursor:pointer}.receptive-field__grid button:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:1px}.receptive-field__grid [data-state=reached]{background:var(--lesson-accent-medium);border-color:#0e749073}.receptive-field__grid [data-state=selected]{border-color:var(--lesson-accent);background:var(--lesson-accent)}.receptive-field__step{color:var(--lesson-muted);text-align:center;justify-items:center;font-size:.6875rem;display:grid}.receptive-field__step span{color:var(--lesson-accent);font-size:1.125rem;line-height:1.2}.receptive-field__readout{min-height:3.2em;color:var(--lesson-text);margin:0;font-size:.8125rem;line-height:1.6}@container article (width<=36rem){.receptive-field__grids,.receptive-field__layer{flex-direction:column;align-items:flex-start}.receptive-field__step{margin-left:2.5rem}.receptive-field__step span{rotate:90deg}}.skip-steps__body{grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:center;gap:1.5rem;display:grid}.skip-steps__maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.skip-steps__maps>div{gap:.375rem;display:grid}.skip-steps__list{color:var(--lesson-muted);gap:.5rem;margin:0;padding-left:1.25rem;font-size:.875rem;display:grid}.skip-steps__list strong{color:var(--lesson-text)}.skip-comparison__images{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:34rem;display:grid}.skip-comparison__images>div{gap:.375rem;display:grid}.output-figure__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;display:flex}.output-figure__row>div{gap:.375rem;width:8.5rem;display:grid}.output-figure__maps{grid-template-columns:repeat(2,minmax(0,1fr))}.output-figure__maps .article-label{grid-column:1/-1}.output-figure__step{max-width:7rem;color:var(--lesson-muted);text-align:center;justify-items:center;font-size:.6875rem;display:grid}.output-figure__step span{color:var(--lesson-accent);font-size:1.125rem;line-height:1.2}@container article (width<=36rem){.skip-steps__body{grid-template-columns:minmax(0,1fr)}.skip-steps__maps{max-width:16rem}}@container article (width<=46rem){.output-figure__row{flex-direction:column}.output-figure__step span{rotate:90deg}}.task-figure__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:26rem;display:grid}.task-figure__pair>div{gap:.375rem;display:grid}.task-figure__compare{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem;display:grid}.task-figure__compare>div{align-content:start;gap:.5rem;display:grid}.task-figure__window{max-width:12.75rem;position:relative}.task-figure__patch,.task-figure__pixel{border-radius:1px;position:absolute}.task-figure__patch{border:1.5px solid var(--lesson-accent);background:var(--lesson-accent-soft);width:32%;height:32%;top:34%;left:18%}.task-figure__pixel{background:var(--lesson-accent);width:6px;height:6px;top:calc(50% - 3px);left:calc(34% - 3px)}@container article (width<=36rem){.task-figure__compare{grid-template-columns:minmax(0,1fr)}}.architecture-diagram{--diagram-pool:#7c3aed;--diagram-up:#b45309;--diagram-skip:#0891b2;--diagram-output:#db2777}.architecture-diagram__scroll{overflow-x:auto}.architecture-diagram svg{width:100%;min-width:50rem;height:auto;display:block}.architecture-diagram-box rect{fill:var(--lesson-raised);stroke:var(--lesson-border-strong)}.architecture-diagram-box[data-kind=io] rect{fill:none;stroke-dasharray:4 3}.architecture-diagram-box text{fill:var(--lesson-muted);font-variant-numeric:tabular-nums;font-size:13px}.architecture-diagram-box .architecture-diagram-box__title{fill:var(--lesson-text);font-size:14px;font-weight:600}.architecture-diagram-arrow{stroke:var(--lesson-muted);stroke-width:1.75px}.architecture-diagram-arrow[data-kind=pool],.architecture-diagram-marker[data-kind=pool]{--arrow:var(--diagram-pool)}.architecture-diagram-arrow[data-kind=up],.architecture-diagram-marker[data-kind=up]{--arrow:var(--diagram-up)}.architecture-diagram-arrow[data-kind=skip],.architecture-diagram-marker[data-kind=skip]{--arrow:var(--diagram-skip)}.architecture-diagram-arrow[data-kind=output],.architecture-diagram-marker[data-kind=output]{--arrow:var(--diagram-output)}.architecture-diagram-arrow[data-kind]{stroke:var(--arrow,var(--lesson-muted))}.architecture-diagram-arrow[data-kind=skip]{stroke-dasharray:5 4}.architecture-diagram-marker path{fill:none;stroke:var(--arrow,var(--lesson-muted));stroke-width:1.5px}.architecture-diagram-label{fill:var(--lesson-muted);font-variant-numeric:tabular-nums;font-size:13px}.architecture-diagram-label[data-kind=pool]{fill:var(--diagram-pool)}.architecture-diagram-label[data-kind=up]{fill:var(--diagram-up)}.architecture-diagram__legend{color:var(--lesson-muted);flex-wrap:wrap;gap:.375rem 1.25rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.architecture-diagram__legend li{align-items:center;gap:.375rem;display:inline-flex}.architecture-diagram__legend li[data-kind]:before{content:"";background:var(--arrow);width:1.25rem;height:2px}.architecture-diagram__legend li[data-kind=pool]{--arrow:var(--diagram-pool)}.architecture-diagram__legend li[data-kind=up]{--arrow:var(--diagram-up)}.architecture-diagram__legend li[data-kind=skip]{--arrow:repeating-linear-gradient(90deg, var(--diagram-skip) 0 5px, transparent 5px 8px)}.architecture-diagram__legend li[data-kind=output]{--arrow:var(--diagram-output)}.architecture-diagram__box-key{border:1px solid var(--lesson-border-strong);background:var(--lesson-raised);border-radius:.25rem;width:1.25rem;height:.875rem}.up-convolution__grids{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.5rem;display:flex}.up-convolution__grids p{color:var(--lesson-muted);margin:0 0 .375rem;font-size:.75rem}.up-convolution__grid{gap:2px;display:grid}.up-convolution__grid span{border:1px solid var(--lesson-border);font-variant-numeric:tabular-nums;border-radius:.25rem;place-items:center;height:2rem;font-size:.75rem;display:grid}.up-convolution__grid span[data-shade]{background:var(--lesson-raised)}.up-convolution__grid span[data-current]{border-color:var(--lesson-accent);color:#92400e;background:#b453091f}.up-convolution__calculation{color:var(--lesson-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}.article-section{grid-column:wide;grid-template-columns:subgrid;row-gap:1rem;scroll-margin-top:1.5rem;display:grid}.article-section>*{grid-column:text}.article-section>.article-wide{grid-column:wide}.article-section h2{letter-spacing:-.02em;align-items:baseline;gap:.75rem;margin:2rem 0 0;font-size:1.375rem;line-height:1.3;display:flex}.article-section h2 span{color:var(--lesson-accent);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:400}.article-section>p{color:var(--lesson-body);margin:0;font-size:1rem;line-height:1.75}.article-underline{color:inherit;-webkit-text-decoration:underline 2px var(--lesson-highlight);text-decoration:underline 2px var(--lesson-highlight);text-underline-offset:.3em;background:0 0}.article-highlight{background:linear-gradient(transparent 55%, var(--lesson-highlight) 55%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}.article-section>.article-sources{color:var(--lesson-muted);margin-top:1rem;font-size:.8125rem;line-height:1.6}.u-net-page{--lesson-background:#f6f7f9;--lesson-surface:#fff;--lesson-raised:#f0f3f7;--lesson-border:#dbe1e8;--lesson-border-strong:#b9c3cf;--lesson-text:#17202b;--lesson-body:#2c3643;--lesson-muted:#5b6675;--lesson-accent:#0e7490;--lesson-accent-soft:#0e74901a;--lesson-accent-medium:#0e749033;--lesson-highlight:#ffcc338c;--lesson-positive:#0891b2;--lesson-negative:#7c3aed;--lesson-series-a:#0891b2;--lesson-series-b:#b45309;background:var(--lesson-background);color:var(--lesson-text);padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2rem) 4rem}.unet-article{grid-template-columns:[wide-start]minmax(0,1fr)[text-start]minmax(0,44rem)[text-end]minmax(0,1fr)[wide-end];row-gap:1.25rem;max-width:68rem;margin-inline:auto;display:grid;container:article/inline-size}:where(.unet-article)>*{grid-column:text}.unet-article__eyebrow{color:var(--lesson-accent);margin:0 0 .5rem;font-size:.8125rem}.unet-article__header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.5vw,2.25rem);line-height:1.2}.unet-article__dek{color:var(--lesson-muted);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.6}.unet-article__contents{border:1px solid var(--lesson-border);border-radius:.875rem;padding:1rem 1.25rem}.unet-article__contents p{margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.unet-article__contents ol{columns:2;color:var(--lesson-muted);column-gap:2rem;margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.8}.unet-article a{color:var(--lesson-accent);text-underline-offset:.2em}.unet-article a:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}@container article (width<=36rem){.unet-article__contents ol{columns:1}}.app-top-bar{min-height:2.5rem;padding:0 max(var(--page-gutter), (100% - var(--page-width)) / 2);background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:1.25rem;display:flex}.app-top-bar a{color:#475569;font-size:var(--text-small);font-weight:600;text-decoration:none}.app-top-bar a:hover{color:#171717}.app-top-bar a:focus-visible{outline-offset:4px;outline:2px solid #2563eb}.app-top-bar--projects{width:min(100% - 64px, var(--projects-width));border-bottom-color:var(--projects-rule);background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;min-height:auto;margin-inline:auto;padding:40px 0 20px;line-height:1.5}.app-top-bar--projects a{color:var(--projects-link);text-underline-offset:5px;font-size:.875rem;font-weight:400;text-decoration:none;text-decoration-thickness:1px}.app-top-bar--projects .app-top-bar__wordmark{color:var(--projects-ink);letter-spacing:-.05em;font-size:1.375rem;font-weight:500;text-decoration:none}.app-top-bar__links{flex-wrap:wrap;gap:24px;display:flex}.app-top-bar--projects .app-top-bar__links a:hover{color:var(--projects-link);text-decoration:underline;text-decoration-thickness:2px}.app-top-bar--projects .app-top-bar__links a[aria-current]{color:var(--projects-ink)}.app-top-bar--projects a:focus-visible{outline-offset:3px;border-radius:2px;outline:3px solid}@media (width<=760px){.app-top-bar--projects{width:min(100% - 32px, var(--projects-width));padding-top:24px}}@media (width<=760px),(pointer:coarse){.app-top-bar--projects .app-top-bar__links a{align-items:center;min-height:44px;display:inline-flex}}.app-shell{--page-width:80rem;--page-gutter:clamp(1rem, 2vw, 1.5rem);flex-direction:column;min-height:100dvh;display:flex}.app-shell__content{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__content>main{flex:1}.app-shell--projects{--projects-paper:#eef1f8;--projects-ink:#050f1b;--projects-link:#0705f6;--projects-width:720px;--projects-rule:color-mix(in srgb, var(--projects-ink) 20%, transparent);--projects-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");color:var(--projects-ink);background-color:var(--projects-paper);background-image:var(--projects-grain), linear-gradient(var(--projects-paper), var(--projects-paper));background-blend-mode:soft-light, normal;background-size:180px 180px,auto;font-family:Outfit,system-ui,sans-serif}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/projects/assets/inter-variable-B0VO1C6L.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/projects/assets/inter-variable-italic-Cb7f5JWi.woff2)format("woff2")}:root{--text-regular:.875rem;--text-small:.75rem;--text-title-large:1.5rem;--text-title-medium:1.25rem;--text-title-small:1rem;color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;font-size:var(--text-regular);margin:0}code{font-variant-numeric:tabular-nums;font-family:inherit}h1{font-size:var(--text-title-large)}h2{font-size:var(--text-title-medium)}h3{font-size:var(--text-title-small)}h4{font-size:var(--text-regular)}#root{min-height:100dvh}