.studio-install-prompt{margin-block:24px}.studio-install-prompt .fresh-primary-action{width:fit-content;max-width:100%}.studio-install-details{margin:28px 0;max-width:var(--dgd-reading-width, 600px)}.studio-install-details summary{padding:0 0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground-feint, var(--fresh-muted));cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--fresh-line, var(--lab-line))}.studio-install-details summary::-webkit-details-marker{display:none}.studio-install-details summary:before{content:"+";font-family:var(--font-mono);font-size:12px;color:var(--foreground-feint, var(--fresh-muted));flex-shrink:0}.studio-install-details[open] summary:before{content:"−"}.studio-install-details summary:hover{color:var(--foreground, var(--fresh-paper))}.studio-install-details[open] summary{margin-bottom:18px}.studio-install-details :is(pre,.code-block){max-width:100%}.studio-install-details h3{scroll-margin-top:32px}.studio-install-details h3:first-of-type{margin-top:0}.studio-install-details p{max-width:100%}.ddr{--ddr-hairline: color-mix(in oklch, var(--fresh-paper) 10%, transparent);--ddr-grade-ink: oklch(.16 .01 148);margin:32px 0;font-family:var(--font-sans)}.ddr-card{border:1px solid var(--ddr-hairline);background:var(--fresh-ink);color:var(--fresh-paper)}.ddr-card p{margin:0;color:inherit;font-size:inherit;line-height:inherit}.ddr .ddr-label{color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.ddr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:14px 20px;border-bottom:1px solid var(--ddr-hairline)}.ddr-bar svg{display:block}.ddr-bar p{display:grid;gap:2px;min-width:0}.ddr-bar p>span:first-child{font-size:14px;font-variation-settings:"wght" 580}.ddr-card .ddr-bar p>span:last-child{color:var(--fresh-muted);font-size:13px}.ddr-grade{display:inline-grid;place-items:center;width:22px;height:18px;box-sizing:border-box;background:var(--grade);color:var(--ddr-grade-ink);font-family:var(--font-mono);font-size:var(--fresh-min-mono);vertical-align:middle}.ddr-grade[data-old]{border:1px solid var(--grade);background:transparent;color:var(--fresh-paper)}.ddr-summary{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:20px;padding:24px 20px;border-bottom:1px solid var(--ddr-hairline)}.ddr-rank{display:grid;grid-template-rows:auto 1fr;align-items:end;aspect-ratio:1;padding:10px 12px;background:var(--grade);color:var(--ddr-grade-ink);font-size:64px;font-variation-settings:"wght" 720;line-height:.8;letter-spacing:-.04em}.ddr .ddr-rank .ddr-label{color:inherit;opacity:.7;letter-spacing:.1em}.ddr-card .ddr-headline{font-size:20px;font-variation-settings:"wght" 620;line-height:1.15;letter-spacing:-.01em}.ddr-card .ddr-sub{margin-top:6px;color:var(--fresh-muted);font-size:14px}.ddr-sub .ddr-grade{margin-left:4px}.ddr-bar-chart{display:flex;gap:2px;height:8px;margin-top:16px}.ddr-bar-chart>span{flex-basis:0;background:var(--grade)}.ddr-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--fresh-min-mono)}.ddr-legend li{display:inline-flex;align-items:center;gap:6px;margin:0}.ddr-legend li[data-empty]{opacity:.35}.ddr-button{--fresh-primary-background: var(--fresh-paper);--fresh-primary-foreground: var(--fresh-ink);min-width:96px;min-height:34px;padding:6px 14px;cursor:default}.ddr-button .fresh-primary-action-content--hover{background:var(--grade);color:var(--ddr-grade-ink)}.ddr-button[data-done]{border-color:var(--grade)}.ddr-button[data-done] .fresh-primary-action-content--hover{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%);transition:none}.ddr-findings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.ddr-finding{position:relative;border:1px solid var(--ddr-hairline);background:var(--fresh-ink)}.ddr-finding:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:3px;background:var(--grade)}.ddr-finding[data-fixed]{background:var(--fresh-raised);opacity:.5}.ddr-finding>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px 0}.ddr-pair{display:inline-flex;align-items:center;gap:6px;color:var(--fresh-muted);font-size:12px}.ddr-title{overflow:hidden;font-size:15px;font-variation-settings:"wght" 600;text-overflow:ellipsis;white-space:nowrap}.ddr-file{overflow:hidden;color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap}.ddr-finding dl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 12px;margin:0;padding:14px 16px;font-size:14px;line-height:1.45}.ddr-finding dt{padding-top:2px;color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.ddr-finding dd{margin:0}.ddr-diff-label{display:block;margin:0 16px 8px}.ddr-diff{display:grid;margin:0 16px;padding:8px 0;overflow:hidden;border:1px solid var(--ddr-hairline);background:var(--fresh-raised);font-family:var(--font-mono);font-size:12px;line-height:1.5}.ddr-diff code{display:grid;grid-template-columns:2ch minmax(0,1fr);gap:8px;padding:2px 12px;border:0;background:color-mix(in oklch,var(--grade) 14%,transparent);color:inherit;font:inherit;white-space:pre}.ddr-diff code>span:last-child{overflow:hidden;text-overflow:ellipsis}.ddr-diff code[data-change=removed]{color:var(--fresh-muted)}.ddr-diff code[data-change=removed]>span:last-child{text-decoration:line-through;text-decoration-color:var(--grade)}.ddr-finding footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:14px 16px 0;padding:10px 0 12px;border-top:1px solid var(--ddr-hairline)}.ddr-finding[data-fixed] footer{margin-top:10px}.ddr-note{display:inline-flex;flex:1 1 auto;align-items:center;gap:8px;color:var(--fresh-muted);font-size:14px}.ddr-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grade)}.ddr-action-text{color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}@media(max-width:620px){.ddr-bar,.ddr-summary,.ddr-findings{padding-inline:14px}.ddr-summary{grid-template-columns:72px minmax(0,1fr);gap:16px}.ddr-rank{font-size:48px;padding:8px}.ddr-summary-action{grid-column:1 / -1;display:grid}.ddr-finding>header{grid-template-columns:auto minmax(0,1fr)}.ddr-finding>header .ddr-file{grid-column:1 / -1;text-align:left}.ddr-finding dl{grid-template-columns:minmax(0,1fr);gap:2px}.ddr-finding dd+dt{margin-top:8px}}.gsap-bundle-comparison{--chart-ink: var(--lab-ink, oklch(.145 .01 148));--chart-paper: var(--lab-paper, oklch(.94 .008 96));--chart-muted: var(--lab-muted, oklch(.69 .012 148));--chart-line: var(--lab-line, oklch(.31 .012 148));--chart-accent: var(--lab-yellow);container-type:inline-size;margin:32px 0;padding:clamp(20px,4vw,32px);background:var(--chart-ink);color:var(--chart-paper);font-family:var(--font-sans)}.gsap-bundle-comparison figcaption{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;font-size:16px;font-variation-settings:"wght" 580;text-wrap:balance}.gsap-bundle-comparison figcaption span{color:var(--chart-muted);font-size:12px;font-variation-settings:"wght" 450}.gsap-bundle-group{padding:28px 0;border-bottom:1px solid var(--chart-line)}.gsap-bundle-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.gsap-bundle-comparison .gsap-bundle-heading h4{margin:0;padding:0;color:var(--chart-paper);font-family:var(--font-sans);font-size:20px;font-variation-settings:"wght" 580;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.gsap-bundle-comparison .gsap-bundle-heading p{flex-shrink:0;margin:0;font-family:var(--font-sans);color:var(--chart-muted);font-size:12px;line-height:1.5;text-wrap:nowrap}.gsap-bundle-comparison .gsap-bundle-heading strong{color:var(--chart-accent);font-family:var(--font-mono);font-variation-settings:"wght" 500}.gsap-bundle-chart{display:grid;gap:20px}.gsap-bundle-series{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center}.gsap-bundle-label{display:flex;flex-direction:column;gap:4px}.gsap-bundle-name{font-size:15px;font-variation-settings:"wght" 580;line-height:1.2}.gsap-bundle-parts{color:var(--chart-muted);font-size:12px;line-height:1.4}.gsap-bundle-plot{position:relative;display:flex;align-items:center;height:28px;margin-right:86px}.gsap-bundle-bar{width:var(--bar-size);height:10px;background:color-mix(in oklch,var(--chart-muted) 65%,var(--chart-ink))}.gsap-bundle-value{position:absolute;left:var(--bar-size);margin-left:14px;font-family:var(--font-mono);font-size:16px;font-variation-settings:"wght" 500;font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap}.gsap-bundle-value span{font-size:12px}.gsap-bundle-value sup{font-size:11px;margin-left:2px}.gsap-bundle-series[data-library=Motion] :is(.gsap-bundle-name,.gsap-bundle-value){color:var(--chart-accent)}.gsap-bundle-series[data-library=Motion] .gsap-bundle-bar{background:var(--chart-accent)}.gsap-bundle-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-top:20px}.gsap-bundle-comparison .gsap-bundle-footer p{margin:0;font-family:var(--font-sans);color:var(--chart-muted);font-size:12px;line-height:1.6;text-wrap:balance}.gsap-bundle-comparison .gsap-bundle-footer p:last-child{font-family:var(--font-mono)}@container (max-width: 560px){.gsap-bundle-series{grid-template-columns:minmax(0,1fr);gap:9px}.gsap-bundle-label{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px}.gsap-bundle-comparison .gsap-bundle-heading h4{font-size:20px}.gsap-bundle-heading{align-items:flex-start}.gsap-bundle-name{font-size:15px}.gsap-bundle-plot{height:22px;margin-right:78px}.gsap-bundle-value{font-size:16px;margin-left:12px}.gsap-bundle-bar{height:8px}}.npm-adoption-chart{--npm-paper: var(--lab-paper, oklch(.94 .008 96));--npm-muted: var(--lab-muted, oklch(.69 .012 148));--npm-line: var(--lab-line, oklch(.31 .012 148));--npm-ink: var(--lab-ink, oklch(.145 .01 148));container-type:inline-size;padding:clamp(20px,4vw,32px);background:var(--npm-ink);color:var(--npm-paper);font-family:var(--font-sans)}.npm-adoption-chart figcaption{font-family:var(--font-sans);font-size:20px;font-variation-settings:"wght" 580;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}.npm-adoption-chart .npm-adoption-period{margin:8px 0 26px;color:var(--npm-muted);font-family:var(--font-sans);font-size:12px;line-height:1.5;text-wrap:balance}.npm-adoption-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;margin-bottom:24px}.npm-adoption-series-name{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;white-space:nowrap}.npm-adoption-series-name i{width:12px;height:3px;background:var(--series-colour)}.npm-adoption-chart .npm-adoption-legend strong{display:block;margin-top:6px;font-family:var(--font-mono);color:var(--series-colour);font-size:20px;font-variation-settings:"wght" 500;font-variant-numeric:tabular-nums;line-height:1.2}.npm-adoption-plot{min-width:0}.npm-adoption-plot svg{display:block;width:100%;height:auto;overflow:visible}.npm-adoption-grid line{stroke:var(--npm-line);stroke-width:1;opacity:.55}.npm-adoption-grid text,.npm-adoption-year{fill:var(--npm-muted);font-family:var(--font-mono);font-size:15px}.npm-adoption-desktop :is(.npm-adoption-grid text,.npm-adoption-year){font-size:16px}.npm-adoption-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.npm-adoption-plot .npm-adoption-mobile{display:none}.npm-adoption-chart .npm-adoption-note,.npm-adoption-chart .npm-adoption-source{margin:20px 0 0;color:var(--npm-muted);font-family:var(--font-sans);font-size:12px;line-height:1.65;text-wrap:pretty}.npm-adoption-chart .npm-adoption-source{margin-top:6px}.npm-adoption-source a{color:inherit;text-underline-offset:3px}.npm-adoption-source a:hover{color:var(--npm-paper)}.npm-adoption-source a:focus-visible{outline:2px solid var(--lab-yellow);outline-offset:4px}@container (max-width: 480px){.npm-adoption-plot .npm-adoption-desktop{display:none}.npm-adoption-plot .npm-adoption-mobile{display:block}.npm-adoption-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.npm-adoption-chart figcaption{font-size:20px}}.animation-start-controls{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:end;margin:24px 0 16px}.animation-start-controls fieldset{margin:0;padding:0;border:0;min-width:0}.animation-start-controls legend,.animation-start-controls label{color:var(--chart-muted);font:inherit;font-size:12px;line-height:1.5}.animation-start-controls label{display:grid;gap:6px;flex:1 1 200px}.animation-start-controls legend{margin-bottom:6px}.animation-start-count{display:flex}.animation-start-controls :is(button,select){min-height:44px;border:1px solid var(--chart-line);border-radius:0;padding:8px 12px;background:var(--chart-ink);color:var(--chart-paper);font-family:var(--font-sans);font-size:15px;cursor:pointer}.animation-start-count button+button{border-left:0}.animation-start-count button[aria-pressed=true]{background:var(--chart-paper);color:var(--chart-ink)}.animation-start-controls button:hover{background:var(--chart-muted);color:var(--chart-ink)}.animation-start-controls :is(button,select):focus-visible,.animation-start-method summary:focus-visible{outline:2px solid var(--chart-accent);outline-offset:4px}.animation-start-controls select{width:100%}.animation-start-comparison .animation-start-definition,.animation-start-comparison .animation-start-caveat{margin:0;color:var(--chart-muted);font-size:12px;line-height:1.6;text-wrap:balance}.animation-start-definition{min-height:42px}.animation-start-group{padding:16px 0;border-bottom:1px solid var(--chart-line)}.animation-start-comparison .animation-start-group h4{margin:0 0 8px;padding:0;color:var(--chart-paper);font-family:var(--font-sans);font-size:16px;font-variation-settings:"wght" 580;line-height:1.4;text-wrap:balance}.animation-start-series{display:grid;grid-template-columns:56px minmax(0,1fr) 72px;align-items:center;gap:12px;min-height:24px;color:var(--chart-paper)}.animation-start-name{font-size:12px}.animation-start-track{min-width:0}.animation-start-bar{width:var(--bar-size);height:8px;background:var(--chart-muted)}.animation-start-value{font-family:var(--font-mono);font-size:15px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.animation-start-value span{font-size:12px}.animation-start-series[data-library=Motion]{color:var(--chart-accent)}.animation-start-series[data-library=Motion] .animation-start-bar{background:var(--chart-accent)}.animation-start-comparison .animation-start-caveat{margin-top:16px}.animation-start-method{margin-top:20px}.animation-start-method summary{min-height:44px;padding:12px 0;color:var(--chart-paper);font-size:15px;cursor:pointer}.animation-start-comparison .animation-start-method p{color:var(--chart-muted);font-size:15px;line-height:1.65;margin:12px 0;text-wrap:pretty}.animation-start-method code{overflow-wrap:anywhere}@container (max-width: 400px){.animation-start-controls{gap:12px}.animation-start-controls label{flex-basis:100%}.animation-start-series{grid-template-columns:48px minmax(0,1fr) 68px;gap:8px}}