:root{color-scheme:light;--surface:#fff;--surface-soft:#f5f5f5;--surface-raised:#fff;--ink:#050505;--ink-muted:#686868;--line:#dedede;--line-strong:#b7b7b7;--accent:#295dc2;--success:#14815e;--focus:#88adfe}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--surface:#191919;--surface-soft:#252525;--surface-raised:#202020;--ink:#f7f7f7;--ink-muted:#a7a7a7;--line:#3e3e3e;--line-strong:#606060;--accent:#88adfe;--success:#31ca92;--focus:#88adfe}}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--surface);min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.18em;text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.container{width:min(1440px,100% - 40px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--line) 76%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:stretch;gap:2rem;min-height:82px;display:flex}.brand{letter-spacing:-.025em;flex:none;align-items:center;font-weight:720;display:inline-flex}.brand:hover{text-decoration:none}.brand__separator{background:var(--line-strong);width:1px;height:20px;margin-inline:.75rem}.brand__section{color:var(--ink-muted);font-weight:480}.site-header nav{align-items:stretch;display:flex}.nav-link{color:var(--ink-muted);border-bottom:2px solid #0000;align-items:center;padding-inline:1rem;font-size:.9rem;font-weight:650;display:flex}.nav-link:hover,.nav-link--active{color:var(--ink);border-bottom-color:var(--ink);text-decoration:none}.home-hero{background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 34rem), linear-gradient(180deg, var(--surface-soft), var(--surface));border-bottom:1px solid var(--line);padding:clamp(4rem,9vw,8.75rem) 0 clamp(3.5rem,7vw,7rem)}.home-hero--compact{padding:clamp(2.5rem,5vw,4.75rem) 0 clamp(2rem,4vw,3.75rem)}.home-hero h1{letter-spacing:-.06em;text-wrap:balance;max-width:980px;margin:0;font-size:clamp(3rem,8vw,7.25rem);line-height:.92}.home-hero--compact h1{max-width:850px;font-size:clamp(2.75rem,6vw,5.4rem)}.eyebrow{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .85rem;font-size:.75rem;font-weight:760}.lead{max-width:720px;color:var(--ink-muted);margin:1.5rem 0 0;font-size:clamp(1.1rem,2.2vw,1.45rem)}.catalog-section{padding:clamp(2rem,4vw,4rem) 0}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem)}.section-heading>p{color:var(--ink-muted);margin:0 0 .4rem}.experiment-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:1.25rem;display:grid}.experiment-card{border:1px solid var(--line);background:var(--surface-raised);grid-template-rows:minmax(300px,1.35fr) auto;min-height:540px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;overflow:hidden}.experiment-card--compact{grid-template-rows:1fr;grid-template-columns:minmax(320px,.85fr) minmax(340px,1.15fr);min-height:310px}.experiment-card:hover{border-color:var(--line-strong);box-shadow:0 22px 60px color-mix(in srgb, var(--ink) 9%, transparent);text-decoration:none;transform:translateY(-2px)}.experiment-card__preview{background:var(--surface-soft);min-height:300px;position:relative;overflow:hidden}.experiment-card__preview img{object-fit:cover;width:100%;height:100%;transition:transform .36s}.experiment-card__sticker-plate{background-color:#ededed;background-image:linear-gradient(45deg,#d4d4d4 25%,#0000 25%),linear-gradient(-45deg,#d4d4d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4d4d4 75%),linear-gradient(-45deg,#0000 75%,#d4d4d4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;min-height:310px;padding:2rem;display:grid}.experiment-card__sticker-plate img{object-fit:contain;min-width:0;min-height:0}.experiment-card:hover .experiment-card__preview img{transform:scale(1.025)}.status-pill{background:var(--surface);border:1px solid var(--line);color:var(--success);letter-spacing:.06em;text-transform:uppercase;padding:.45rem .65rem;font-size:.72rem;font-weight:780;position:absolute;top:1rem;left:1rem}.experiment-card__body{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:1.5rem;display:grid}.experiment-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.5rem)}.experiment-card p{max-width:650px;color:var(--ink-muted);margin:.65rem 0 0}.experiment-card__meta{gap:1.5rem;margin:0;display:flex}.experiment-card__meta div{gap:.2rem;display:grid}.experiment-card__meta dt{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.experiment-card__meta dd{margin:0;font-size:.82rem;font-weight:650}.experiment-card__meta code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.breadcrumbs{margin-bottom:2rem}.breadcrumbs ol{color:var(--ink-muted);flex-wrap:wrap;gap:.45rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.breadcrumbs li{gap:.45rem;display:flex}.breadcrumbs a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);font-size:.82rem}.site-footer__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:96px;display:flex}@media (width<=720px){.container{width:min(100% - 28px,1440px)}.site-header__inner{min-height:64px}.brand__name{font-size:.92rem}.brand__section{font-size:.86rem}.site-header nav .nav-link:last-child{display:none}.nav-link{padding-inline:.7rem}.experiment-card{grid-template-rows:250px auto;min-height:0}.experiment-card--compact{grid-template-rows:250px auto;grid-template-columns:1fr}.experiment-card__sticker-plate{min-height:250px;padding:1.5rem}.experiment-card__body{grid-template-columns:1fr}.experiment-card__meta{justify-content:space-between}.site-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start}}.experiment-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface-soft), var(--surface));padding:2.25rem 0 clamp(2.5rem,6vw,5.5rem)}.experiment-hero--compact{padding:.7rem 0 clamp(.9rem,2vw,1.35rem)}.experiment-hero--compact .breadcrumbs{margin-bottom:.65rem}.experiment-hero__heading{justify-content:space-between;align-items:end;gap:3rem;display:flex}.experiment-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,7vw,6.25rem);line-height:.95}.experiment-hero--compact h1{font-size:clamp(2.15rem,4vw,3.35rem)}.experiment-hero--compact .lead{max-width:680px;margin-top:.55rem;font-size:clamp(.9rem,1.35vw,1.02rem)}.snapshot-meta{grid-template-columns:repeat(3,auto);gap:1.25rem;min-width:220px;margin:0;display:grid}.snapshot-meta div{gap:.2rem;display:grid}.snapshot-meta dt{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.snapshot-meta dd{margin:0;font-size:.82rem;font-weight:680}.snapshot-meta code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.experiment-body{padding-block:clamp(1.5rem,3vw,2.5rem) 7rem}.experiment-overview{margin-bottom:clamp(3.5rem,8vw,7rem)}.experiment-section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.experiment-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.experiment-section-heading>p{max-width:520px;color:var(--ink-muted);margin:0 0 .2rem}.experiment-overview__steps{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.experiment-overview__steps li{background:var(--surface-raised);min-height:210px;padding:1rem}.experiment-overview__number{color:var(--accent);margin-bottom:2.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700;display:block}.experiment-overview__steps h3{margin:0;font-size:1.05rem}.experiment-overview__steps p{color:var(--ink-muted);margin:.45rem 0 0;font-size:.8rem}.runtime-report{border:1px solid var(--line);background:var(--surface-raised);margin-bottom:clamp(3.5rem,8vw,7rem);padding:clamp(1.25rem,3vw,2rem)}.runtime-report__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.4rem;display:flex}.runtime-report__header h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.runtime-report__header p:not(.eyebrow),.runtime-report__assessment,.runtime-report__source{max-width:780px;color:var(--ink-muted);margin:.85rem 0 0}.runtime-report__badge{border:1px solid var(--line-strong);color:var(--ink-muted);text-transform:uppercase;flex:none;margin:0;padding:.55rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.runtime-metrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:1.5rem 0;display:grid}.runtime-metrics div{background:var(--surface);min-width:0;padding:.8rem}.runtime-metrics dt{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}.runtime-metrics dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:720}.runtime-metrics span{color:var(--ink-muted);margin-top:.25rem;font-size:.68rem;display:block}.runtime-report__assessment{border-left:4px solid var(--accent);background:var(--surface-soft);margin:0 0 2.25rem;padding:.9rem 1rem}.runtime-report__assessment strong{color:var(--ink)}.runtime-chart-block,.runtime-table-block{margin-top:2.5rem}.runtime-chart-block .subsection-heading,.runtime-table-block .subsection-heading{align-items:end}.runtime-chart-block .subsection-heading>div,.runtime-table-block .subsection-heading>div{min-width:0}.runtime-chart-block .subsection-heading p,.runtime-table-block .subsection-heading p{text-align:left;max-width:760px;margin-top:.45rem}.runtime-stage-chart{border:1px solid var(--line);background:var(--surface-soft);gap:.85rem;padding:1rem;display:grid}.runtime-stage-row{grid-template-columns:minmax(110px,.25fr) minmax(0,1fr) minmax(82px,.15fr);align-items:center;gap:.75rem;display:grid}.runtime-stage-row__label{color:var(--ink);justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.runtime-stage-row__label strong,.runtime-stage-row small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.runtime-stage-row small{color:var(--ink-muted);text-align:right}.runtime-stage-row__track{background:color-mix(in srgb, var(--ink) 10%, transparent);height:.55rem;overflow:hidden}.runtime-stage-row__track span{width:var(--stage-width);background:var(--accent);height:100%;display:block}.runtime-chart{border:1px solid var(--line);background:var(--surface-soft);margin:0;padding:1rem}.runtime-chart svg{width:100%;height:auto;min-height:180px;display:block;overflow:visible}.runtime-chart__gridline line{stroke:var(--line);stroke-width:1px}.runtime-chart__gridline text{fill:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.runtime-chart__bar{fill:var(--accent);opacity:.78}.runtime-chart__bar:hover{opacity:1}.runtime-chart__x-label{fill:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.runtime-chart__threshold{stroke-width:1.5px;stroke-dasharray:5 4}.runtime-chart__threshold--median,.runtime-chart__threshold-label--median{stroke:var(--success);fill:var(--success)}.runtime-chart__threshold--p95,.runtime-chart__threshold-label--p95{stroke:#b66b16;fill:#b66b16}.runtime-chart__threshold-label{font-size:10px;font-weight:700}.runtime-chart__legend{color:var(--ink-muted);flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.72rem;display:flex}.runtime-chart__legend span{align-items:center;gap:.35rem;display:inline-flex}.runtime-chart__legend-swatch{background:var(--accent);width:1rem;height:.18rem;display:inline-block}.runtime-chart__legend-swatch--bar{opacity:.78;width:.55rem;height:.75rem}.runtime-chart__legend-swatch--median{background:var(--success)}.runtime-chart__legend-swatch--p95{background:#b66b16}.runtime-table{border-collapse:collapse;width:100%;font-size:.78rem}.runtime-table th,.runtime-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.65rem .75rem}.runtime-table thead th{color:var(--ink-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem}.runtime-table tbody th{overflow-wrap:anywhere;font-weight:620}.runtime-table td:not(:first-child),.runtime-table thead th:not(:first-child){white-space:nowrap}.runtime-table a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.18em}.runtime-table a:hover{color:var(--accent)}.runtime-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1.5rem}.runtime-details summary{color:var(--ink-muted);cursor:pointer;padding:.85rem 0;font-size:.78rem;font-weight:680}.runtime-details__scroll{padding-bottom:.8rem;overflow-x:auto}.runtime-table--all{min-width:620px}.runtime-report__source{margin-top:1.5rem;font-size:.72rem}.runtime-report__source code{font-size:.68rem}.case-gallery{margin-bottom:2.5rem}.case-detail-section{margin-top:.5rem}.case-detail-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem;display:flex}.case-detail-intro .eyebrow{margin-bottom:.35rem}.case-detail-intro h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,3vw,2.45rem)}.case-detail-intro>p{max-width:440px;color:var(--ink-muted);text-align:right;margin:0 0 .2rem;font-size:.82rem}.case-gallery .subsection-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,3vw,2.45rem)}.case-gallery .subsection-heading p{max-width:720px;color:var(--ink-muted);margin:.4rem 0 0}.case-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.case-gallery-card{border:1px solid var(--line);background:var(--surface-raised);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:0;display:grid}.case-gallery-card:hover,.case-gallery-card:focus-visible,.case-gallery-card--selected{border-color:var(--accent);outline:none;text-decoration:none}.case-gallery-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}.case-gallery-card--selected{box-shadow:inset 0 0 0 2px var(--accent)}.case-gallery-card__media{aspect-ratio:4/3;background:var(--surface-soft);place-items:center;width:100%;display:grid;overflow:hidden}.case-gallery-card__media img{object-fit:contain;width:100%;height:100%;display:block}.case-gallery-card__plate,.case-gallery-card__fallback{place-items:center;width:100%;height:100%;display:grid}.case-gallery-card__plate{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--surface) 86%, transparent), transparent 58%), var(--surface-soft);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.55rem}.case-gallery-card__plate img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 .25rem .28rem color-mix(in srgb, var(--ink) 18%, transparent))}.case-gallery-card__plate--1{grid-template-rows:1fr;grid-template-columns:1fr}.case-gallery-card__plate--1 img{width:82%;height:90%}.case-gallery-card__plate--3 img:last-child{grid-column:1/-1;justify-self:center;width:56%}.case-gallery-card__fallback{background:var(--surface-soft)}.case-gallery-card__fallback img{object-fit:contain;width:100%;height:100%}.case-gallery-card__missing{color:var(--ink-muted);font-size:.72rem}.case-gallery-card__body{gap:.25rem;min-width:0;padding:.7rem .75rem .55rem;display:grid}.case-gallery-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.case-gallery-card__body>span{color:var(--ink-muted);font-size:.68rem}.case-gallery-card__meta{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;display:flex}.case-gallery-card__meta .case-status{padding:.25rem .35rem;font-family:inherit;font-size:.59rem}.explorer__case{scroll-margin-top:7rem}.case-runtime{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface-soft);margin:0 0 1rem;padding:.9rem 1rem}.case-runtime__header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem;display:flex}.case-runtime__header h3{margin:0;font-size:.92rem}.case-runtime__header p{color:var(--ink-muted);margin:.3rem 0 0;font-size:.72rem}.case-runtime__header>strong{flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem}.case-runtime__stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.case-runtime__stages div{gap:.2rem;min-width:0;display:grid}.case-runtime__stages dt{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.63rem}.case-runtime__stages dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.explorer__toolbar{z-index:10;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);backdrop-filter:blur(14px);box-shadow:0 12px 35px color-mix(in srgb, var(--ink) 6%, transparent);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:.65rem;display:flex;position:sticky;top:98px}.explorer__case-picker{grid-template-columns:auto minmax(200px,1fr) auto;align-items:end;gap:.55rem;min-width:min(650px,100%);display:grid}.explorer__case-picker label,.variant-picker{color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase;gap:.35rem;font-size:.72rem;font-weight:680;display:grid}select,button{font:inherit}select{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:43px;color:var(--ink);border-radius:0;padding:.55rem 2rem .55rem .75rem}.icon-button,.background-picker button{border:1px solid var(--line-strong);background:var(--surface);min-height:43px;color:var(--ink);cursor:pointer;border-radius:0}.icon-button{width:45px;font-size:1.2rem}.icon-button:hover:not(:disabled),.background-picker button:hover,.background-picker button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.background-picker{color:var(--ink-muted);text-transform:uppercase;align-items:center;gap:.35rem;font-size:.72rem;font-weight:680;display:flex}.background-picker button{padding-inline:.7rem;font-size:.75rem}.explorer__notice,.case-error,.empty-state{border-left:4px solid var(--accent);background:var(--surface-soft);color:var(--ink-muted);margin:0 0 2rem;padding:1rem 1.1rem}.case-error{border-left-color:#e16058}.review-panel{border:1px solid var(--line);border-left:4px solid var(--success);background:var(--surface-soft);grid-template-columns:minmax(150px,.25fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem;padding:.75rem .9rem;display:grid}.review-panel--warning{border-left-color:#b66b16}.review-panel div{align-content:start;gap:.15rem;display:grid}.review-panel span{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:720}.review-panel p{color:var(--ink-muted);margin:0}.case-error strong{color:var(--ink)}.case-error p{margin:.35rem 0 0}.case-header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1rem;display:flex}.case-header h2{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1}.case-header__dimensions{color:var(--ink-muted);margin:.65rem 0 0}.case-status{letter-spacing:.06em;text-transform:uppercase;border:1px solid;padding:.5rem .7rem;font-size:.72rem;font-weight:760}.case-status--passed{color:var(--success)}.case-status--warning{color:#b66b16}.case-status--failed{color:#c84e47}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.source-panel{border:1px solid var(--line);background:var(--surface-raised);min-width:0;margin:0}.source-panel__media{width:100%;min-height:0;max-height:min(70vh,720px);aspect-ratio:var(--source-aspect);background:var(--surface-soft);place-items:center;display:grid;position:relative;overflow:hidden}.cut-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cut-overlay path{fill:color-mix(in srgb, var(--accent) 28%, transparent);stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke}.source-panel img{object-fit:contain;width:100%;height:100%}.source-panel figcaption,.size-preview figcaption{border-top:1px solid var(--line);color:var(--ink-muted);padding:.65rem .8rem;font-size:.75rem}.diagnostics,.sticker-results{margin-top:2.5rem}.subsection-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.subsection-heading h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.subsection-heading p{color:var(--ink-muted);margin:0;font-size:.82rem}.candidate-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem;display:grid}.candidate-chip{border:1px solid var(--line);color:var(--ink-muted);background:var(--surface);font:inherit;text-align:left;opacity:.68;cursor:pointer;border-left-width:3px;gap:.2rem;padding:.75rem;display:grid}.candidate-chip:hover,.candidate-chip:focus-visible{border-color:var(--accent);color:var(--ink);opacity:1;outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.candidate-chip--selected{border-left-color:var(--success);color:var(--ink);opacity:1}.candidate-chip span{font-size:.73rem}.sticker-list{gap:2rem;display:grid}.sticker-card{border:1px solid var(--line);background:var(--surface-raised);min-width:0;padding:clamp(1rem,3vw,1.5rem)}.sticker-card__header{justify-content:space-between;align-items:start;gap:2rem;margin-bottom:1.25rem;display:flex}.sticker-card__header h4{letter-spacing:-.045em;text-transform:capitalize;margin:0;font-size:clamp(1.6rem,4vw,2.6rem)}.sticker-card__header dl{flex-wrap:wrap;justify-content:end;gap:1.25rem;margin:0;display:flex}.sticker-card__header dl div{gap:.2rem;display:grid}.sticker-card__header dt{color:var(--ink-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.65rem}.sticker-card__header dd{overflow-wrap:anywhere;max-width:230px;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.border-picker{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.border-picker legend{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.65rem;font-size:.78rem;font-weight:700}.border-picker__choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.border-choice{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding:.65rem;display:grid}.border-choice:hover,.border-choice[aria-pressed=true]{border-color:var(--ink)}.border-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--ink)}.border-choice__swatch{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:var(--swatch-color);width:2rem;height:2rem;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.border-choice__label{gap:.1rem;min-width:0;display:grid}.border-choice__label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.border-choice__label code{color:var(--ink-muted);font-size:.68rem}.border-choice__badge{color:var(--success);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;font-size:.64rem;font-weight:700}.border-picker>p{color:var(--ink-muted);margin:.55rem 0 0;font-size:.72rem}.variant-picker{width:min(360px,100%);margin-bottom:1.25rem}.preview-strip{border:1px solid var(--line);background:var(--surface-soft);overscroll-behavior-inline:contain;align-items:start;gap:.8rem;padding:1rem;display:flex;overflow-x:auto}.size-preview{border:1px solid var(--line);background:var(--surface);flex:none;margin:0}.size-preview__viewport{place-items:center;display:grid;overflow:hidden}.size-preview img{object-fit:contain;max-width:none;display:block}[data-preview-background=checker] .size-preview__viewport{background-color:#ededed;background-image:linear-gradient(45deg,#cfcfcf 25%,#0000 25%),linear-gradient(-45deg,#cfcfcf 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cfcfcf 75%),linear-gradient(-45deg,#0000 75%,#cfcfcf 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}[data-preview-background=light] .size-preview__viewport{background:#fff}[data-preview-background=dark] .size-preview__viewport{background:#171717}@media (width<=900px){.experiment-hero__heading,.explorer__toolbar,.runtime-report__header,.case-detail-intro,.experiment-section-heading{flex-direction:column;align-items:stretch}.snapshot-meta{min-width:0}.explorer__toolbar{top:76px}.case-detail-intro>p{text-align:left;margin-top:-.65rem}.experiment-section-heading>p{margin-top:-.65rem}.background-picker{flex-wrap:wrap}.source-grid{grid-template-columns:1fr}.runtime-metrics,.case-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.explorer__case-picker{min-width:0}.explorer__toolbar{margin-inline:-7px}.case-header,.sticker-card__header{flex-direction:column;align-items:flex-start}.review-panel{grid-template-columns:1fr}.runtime-report{margin-inline:-7px}.runtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-stage-row{grid-template-columns:minmax(0,1fr) auto}.runtime-stage-row__track{grid-column:1/-1}.case-runtime__stages,.case-gallery__grid,.experiment-overview__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-card__header dl{justify-content:start}.border-picker__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.experiment-overview__steps,.case-gallery__grid{grid-template-columns:1fr}}