.lab-page{max-width:1248px}.lab-page .site-header{flex-wrap:wrap}.lab-page nav{gap:22px}.lab-intro{padding:30px 0 25px;display:flex;align-items:end;justify-content:space-between;gap:20px}.lab-intro h1{font-size:27px;margin:2px 0 5px}.lab-intro p{margin:0;font-size:14px;color:var(--muted)}.lab-intro .lab-date{font-size:11px;letter-spacing:.05em}.lab-intro>a{font-size:12px;white-space:nowrap}.lab-summary{padding:12px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.lab-filters{display:flex;flex-wrap:wrap;gap:7px 24px;padding:12px 0 20px}.lab-filters button{border:0;border-radius:0;border-bottom:1px solid transparent;padding:3px 0;font-size:13px;color:var(--muted)}.lab-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.lab-workbench{display:grid;grid-template-columns:minmax(0,1fr) 294px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.lab-player{min-width:0;border-right:1px solid var(--line)}.stage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#fafafa;padding:9px 14px;font-size:11px;color:#626b78}.stage-bar>span{margin-right:auto;font-variant-numeric:tabular-nums}.stage-bar label{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.lab-stage{height:340px;background:#131923;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lab-stage.light{background:#f0f2f5}.lab-stage canvas{display:block;image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:100%}.lab-stage.grid::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#a5b6d51a 1px,transparent 1px),linear-gradient(90deg,#a5b6d51a 1px,transparent 1px);background-size:var(--pixel-size,2px) var(--pixel-size,2px);background-position:center}.lab-stage p{position:absolute;color:#fff;background:#252c38;padding:20px;max-width:90%;font-size:14px}.transport{display:flex;align-items:center;gap:8px;padding:12px 14px}.transport button{font-size:12px;line-height:1.5;padding:5px 11px;min-height:32px}.transport #play{min-width:58px;background:#2463eb;border-color:#2463eb;color:#fff}.transport button:disabled{opacity:.45;cursor:default}.timeline{display:flex;flex:1;min-width:20px}.timeline input{width:100%;min-width:0;accent-color:#2463eb;cursor:pointer}.transport output{font-size:11px;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.lab-variants{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 14px}.lab-variants button{font-size:12px;padding:3px 10px}.lab-variants button[aria-pressed=true]{border-color:#2463eb;color:#1d53b5;background:#f6f9ff}.lab-inspector{padding:20px 21px;font-size:13px}.lab-inspector h2{font-size:21px;line-height:1.55;margin:0 0 8px}.lab-inspector>p{margin:10px 0 15px;color:#626b78;line-height:1.8}.lab-inspector dl{margin:0;display:grid;grid-template-columns:62px 1fr;gap:7px 12px;font-size:12px}.lab-inspector dt{color:#626b78}.lab-inspector dd{margin:0;min-width:0}.lab-inspector .lab-downloads{border-top:1px solid var(--line);padding-top:13px;margin-top:17px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px}.lab-inspector .lab-source{font-size:11px;margin:12px 0 0}.lab-input{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:15px}.lab-input img{width:48px;height:48px;image-rendering:pixelated;border:1px solid var(--line)}.collection-heading{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0 12px}.collection-heading h2{font-size:17px;font-weight:600;margin:0}.collection-heading p{font-size:12px;color:var(--muted);margin:0}.lab-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px 16px}.sample-select{padding:0;border:0;border-radius:0;text-align:left;background:transparent;min-width:0}.sample-thumb{height:100px;background:#f2f4f6;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px}.sample-select[aria-pressed=true] .sample-thumb{border-color:#2463eb;outline:1px solid #2463eb;outline-offset:2px}.sample-thumb img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;width:auto;height:auto}.sample-title{display:block;font-size:12px;font-weight:600;line-height:1.5;margin-top:9px}.sample-meta{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.5}.sample-select:hover .sample-title{color:#2463eb}.lab-method{margin-top:39px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;max-width:900px}.lab-method h2{font-size:20px;margin:0 0 13px}.lab-method p{margin:13px 0;color:#535d6b}.table-scroll{overflow-x:auto;margin:18px 0 23px}.lab-method table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.lab-method caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:6px}.lab-method th,.lab-method td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px 10px 0}.lab-method th{font-weight:600;color:#202630}.lab-method td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}.lab-method strong{font-weight:500;color:#202630}.lab-manifest{font-size:12px}#lab-loading,#lab-error{font-size:14px;padding:30px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.lab-page .site-header>p{margin-right:auto}.lab-page nav{margin-left:0}}
@media(max-width:1000px){.lab-workbench{grid-template-columns:minmax(0,1fr) 264px}.lab-inspector{padding:17px}.lab-collection{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-stage{height:310px}}
@media(max-width:700px){.lab-intro{display:block;padding-top:24px}.lab-intro h1{font-size:24px}.lab-intro>a{display:inline-block;margin-top:10px}.lab-page nav{gap:20px;font-size:12px}.lab-workbench{display:block}.lab-player{border-right:0}.lab-inspector{border-top:1px solid var(--line);padding:20px}.lab-stage{height:260px}.stage-bar{padding:8px 10px;font-size:10px;gap:7px}.lab-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.sample-thumb{height:85px}.sample-title{font-size:11px}.sample-meta{font-size:11px;overflow-wrap:anywhere}.lab-filters{gap:6px 19px}.lab-filters button{font-size:12px}.lab-inspector dl{grid-template-columns:65px 1fr;gap:7px 16px}.transport{padding:11px 10px;gap:6px}.transport button{padding:5px 8px}.transport output{min-width:54px;font-size:10px}.lab-method{font-size:12px}.lab-summary{font-size:11px}}
@media(max-width:360px){.page.lab-page{padding:0 16px}.lab-page nav{gap:14px;font-size:11px}.lab-stage{height:220px}.lab-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lab-downloads a[aria-disabled=true]{color:var(--muted);text-decoration:none;cursor:default}.lab-inspector h2:focus-visible{outline:2px solid #2463eb;outline-offset:4px}.lab-workbench{scroll-margin-top:16px}

.lab-method th:first-child,.lab-method td:first-child{min-width:76px}