.lab .panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:var(--s-4);min-width:0}.lab .controls{gap:var(--s-5);flex-direction:column;display:flex}.lab .presets{gap:var(--s-2);flex-wrap:wrap;display:flex}.lab .chip,.lab .play{font:inherit;min-height:2.25rem;padding:0 var(--s-3);border:1px solid var(--line-strong);color:var(--text-muted);cursor:pointer;transition:transform var(--dur-press) var(--ease-out), color var(--dur-hover) ease, border-color var(--dur-hover) ease;background:0 0;border-radius:999px;font-size:.8rem}.lab .chip:active,.lab .play:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.lab .chip:hover,.lab .play:hover{color:var(--text);border-color:var(--text-muted)}}.lab .seg-control{border:0;min-width:0;margin:0;padding:0}.lab .seg-control legend,.lab .field label{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:0;font-size:.75rem}.lab .seg-control legend{margin-bottom:var(--s-2)}.lab .seg-control{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.lab .seg-control legend{grid-column:1/-1}.lab .seg-control label{border:1px solid var(--line-strong);min-height:2.5rem;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease;place-items:center;margin-left:-1px;font-size:.85rem;display:grid;position:relative}.lab .seg-control label:first-of-type{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.lab .seg-control label:last-of-type{border-radius:0 var(--radius) var(--radius) 0}.lab .seg-control label.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);z-index:1;font-weight:600}.lab .seg-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.lab .seg-control label:focus-within{outline:2px solid var(--accent);outline-offset:2px;z-index:2}.lab .sliders{gap:var(--s-4);display:grid}@media (width>=30rem) and (width<=63.99rem){.lab .sliders{column-gap:var(--s-5);grid-template-columns:1fr 1fr}}.lab .field{row-gap:var(--s-1);grid-template-columns:1fr auto;align-items:baseline;display:grid}.lab .field output{font-family:var(--font-code);color:var(--text);font-size:.85rem}.lab .field input{grid-column:1/-1}.lab input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0}.lab input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.lab input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.lab input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:2px solid var(--bg-raised);width:18px;height:18px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:-7px}.lab input[type=range]::-moz-range-thumb{background:var(--text);border:2px solid var(--bg-raised);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%}.lab input[type=range]:disabled{cursor:not-allowed}.lab .check{gap:var(--s-3);color:var(--text-muted);cursor:pointer;align-items:flex-start;font-size:.9rem;display:flex}.lab .check input{accent-color:var(--accent);width:1rem;height:1rem;margin-top:.3em}.lab .check small{color:var(--text-faint)}.lab .viz{gap:var(--s-5);display:grid}.lab .stats{gap:var(--s-3);grid-template-columns:repeat(2,1fr);margin:0;display:grid}@media (width>=40rem){.lab .stats{grid-template-columns:1.4fr 1fr 1fr 1fr}}.lab .stat{border-left:2px solid var(--line-strong);padding-left:var(--s-3)}.lab .stat.main{border-color:var(--accent)}.lab .stat dt{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:.68rem}.lab .stat dd{font-family:var(--font-code);font-size:var(--step-1);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.lab .stat.main dd{font-size:var(--step-2)}.lab header{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.lab .ph-queued{background:var(--ph-queued)}.lab .ph-dns{background:var(--ph-dns)}.lab .ph-tcp{background:var(--ph-tcp)}.lab .ph-tls{background:var(--ph-tls)}.lab .ph-ttfb{background:var(--ph-ttfb)}.lab .ph-download{background:var(--ph-download)}.lab .seg.ph-queued,.lab .sw.ph-queued{background:repeating-linear-gradient(45deg, var(--ph-queued) 0 3px, transparent 3px 6px)}.lab .legend{gap:var(--s-1) var(--s-4);color:var(--text-muted);flex-wrap:wrap;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.lab .legend li{align-items:center;gap:6px;display:inline-flex}.lab .sw{border-radius:2px;width:10px;height:10px}.lab .transport{align-items:center;gap:var(--s-3);margin-top:var(--s-3);display:flex}.lab .play{min-width:5rem;color:var(--text)}.lab .scrub{flex:1;min-width:0}.lab .time{text-align:right;min-width:5rem;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.lab .compare ul{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.lab .compare li{align-items:center;gap:var(--s-3);color:var(--text-muted);grid-template-columns:5.2rem 1fr 5rem;font-size:.85rem;display:grid}.lab .compare li.current{color:var(--text)}.lab .compare .bar{background:var(--bg-sunken);border-radius:2px;height:10px;overflow:hidden}.lab .compare .bar i{background:var(--line-strong);transform-origin:0;height:100%;transition:transform var(--dur-ui) var(--ease-out);display:block}.lab .compare li.current .bar i{background:var(--accent)}.lab .compare .val{text-align:right;font-variant-numeric:tabular-nums}.lab .insight{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-left:2px solid var(--accent);background:var(--bg-sunken);color:var(--text-muted);font-size:.92rem;display:grid}.lab .foot{color:var(--text-faint);font-size:.75rem}.lab-section{margin-top:var(--s-8)}.lab-title{font-size:var(--step-2);margin-bottom:var(--s-4)}.lab-lede{max-width:var(--measure);color:var(--text-muted);margin-bottom:var(--s-5)}.lab pre,.lab code,.prose pre,.prose code{font-variant-ligatures:none}.lab .peek{display:none}@media (width<=63.99rem){.lab .peek{bottom:var(--s-3);z-index:4;justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);padding:var(--s-2) var(--s-3);background:var(--bg-sunken);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text-muted);flex-wrap:wrap;font-size:.8rem;display:flex;position:sticky}.lab .peek b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}}.lab .cpu-download{background:var(--ph-download)}.lab .cpu-parse{background:var(--cpu-parse)}.lab .cpu-execute,.lab .cpu-work{background:var(--cpu-execute)}.lab .cpu-handler{background:var(--ph-ttfb)}.lab .cpu-wait,.lab .cpu-frozen{background:repeating-linear-gradient(45deg, var(--cpu-frozen) 0 3px, transparent 3px 6px);outline:1px solid color-mix(in srgb, var(--cpu-frozen) 50%, transparent);outline-offset:-1px}.lab .cpu-late{opacity:.55}.lab .cpu-long{box-shadow:inset 0 3px 0 var(--bad)}.lab .cpu-ok{background:var(--ph-ttfb)}.lab .cpu-missed{background:var(--bad)}.lab .chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.lab .txt-none{background:color-mix(in srgb, var(--line-strong) 40%, transparent)}.lab .txt-invisible{background:repeating-linear-gradient(45deg, var(--cpu-frozen) 0 3px, transparent 3px 6px);outline:1px solid color-mix(in srgb, var(--cpu-frozen) 50%, transparent);outline-offset:-1px}.lab .txt-fallback{background:var(--cpu-parse)}.lab .txt-web{background:var(--ph-ttfb)}.lab .txt-wait{background:repeating-linear-gradient(45deg, var(--ph-queued) 0 3px, transparent 3px 6px)}.lab .crp-html{background:var(--ph-download)}.lab .crp-css{background:var(--ph-dns)}.lab .crp-js{background:var(--cpu-execute)}.lab .crp-font{background:var(--ph-tcp)}.lab .crp-img,.lab .crp-decode{background:var(--ph-tls)}.lab .crp-style{background:var(--cpu-parse)}.lab .crp-layout{background:color-mix(in srgb, var(--cpu-parse) 55%, var(--bad))}.lab .crp-paint{background:var(--ph-ttfb)}.lab .crp-composite{background:color-mix(in srgb, var(--ph-ttfb) 55%, var(--text))}.lab .viz>*,.lab .controls>*{min-width:0}.lab .scroller{border:1px solid var(--line);background:var(--bg-sunken);border-radius:4px;overflow-x:auto}.lab .matrix{border-collapse:collapse;width:100%;min-width:40rem;font-size:.8rem}.lab .matrix th,.lab .matrix td{padding:var(--s-2) var(--s-2);text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}.lab .matrix thead th{vertical-align:bottom;background:var(--bg-raised);font-weight:400}.lab .fname{color:var(--text);margin-bottom:4px;font-size:.72rem;display:block}.lab .matrix select{width:100%;min-width:0;max-width:8.5rem;font:inherit;color:var(--text-muted);background:var(--bg-sunken);border:1px solid var(--line-strong);border-radius:3px;padding:3px 4px;font-size:.66rem}.lab .matrix tbody th{color:var(--text);white-space:nowrap;font-weight:500}.lab .matrix tbody th small{color:var(--text-faint);font-size:.66rem;font-weight:400;display:block}.lab .cell{text-align:center;min-width:3.4rem;color:var(--accent-ink);white-space:nowrap;border-radius:3px;padding:3px 6px;font-size:.72rem;display:inline-block}.lab .cell b{font-weight:700}.lab .o200,.lab .sw.o200{background:var(--ph-download)}.lab .o304,.lab .sw.o304{background:var(--ph-tcp)}.lab .ocache,.lab .sw.ocache{background:var(--ph-ttfb)}.lab .oswr,.lab .sw.oswr{background:var(--ph-dns)}.lab .cell.ostale{outline:2px solid var(--bad);outline-offset:1px}.lab .sw.ostale{outline:2px solid var(--bad);outline-offset:-2px;background:0 0}.lab .time{min-width:5.5rem}.lab .time .mono{font-size:.72rem}.lab .tbar{background:var(--line);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.lab .tbar i{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-ui) var(--ease-out);display:block}.lab .data{white-space:nowrap;color:var(--text-faint);margin-top:3px;font-size:.7rem;display:block}.lab .deploy td{padding:3px var(--s-3);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--ph-tcp) 18%, transparent) 0 6px, transparent 6px 12px);border-bottom:1px solid var(--ph-tcp);color:var(--ph-tcp);font-size:.7rem}.lab .onet,.lab .sw.onet{background:var(--ph-download)}.lab .otimeout,.lab .sw.otimeout{background:var(--ph-tcp)}.lab .ooffline,.lab .sw.ooffline{background:color-mix(in srgb, var(--ph-ttfb) 70%, var(--bg))}.lab .ofail,.lab .sw.ofail{background:var(--bad)}.lab .ofallback,.lab .sw.ofallback{background:var(--ph-tls)}.lab .tp-first{background:var(--ph-ttfb)}.lab .tp-analytics{background:var(--ph-dns)}.lab .tp-tagManager{background:var(--ph-tls)}.lab .tp-chat{background:var(--ph-tcp)}.lab .tp-ads{background:var(--bad)}.lab .tp-video{background:var(--ph-download)}.lab .tp-abTest{background:color-mix(in srgb, var(--cpu-parse) 50%, var(--bad))}.lab .tp-consent{background:var(--text-muted)}.lab .tp-parse{opacity:.6}.lab .stat dd small{font-family:var(--font-code);letter-spacing:0;color:var(--text-faint);margin-top:2px;font-size:.7rem;font-weight:400;display:block}.lab .field:has(:disabled)>label,.lab .field:has(:disabled)>output,.lab label:has(>input:disabled),.lab .field:has(:disabled) input{opacity:.5}