.lab-index,.lab-experiment{padding-bottom:110px}.lab-intro{max-width:760px}.experiment-list{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.experiment-card{background:#0a121a;border:1px solid #293c4c;flex-direction:column;min-height:280px;padding:28px;display:flex}.experiment-card:hover{border-color:#579fe0}.experiment-meta,.panel-heading{color:#7fa0b9;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:14px;font:12px/1.4 monospace;display:flex}.experiment-card h2{font-size:var(--t-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3,-.01em);margin:48px 0 16px}.experiment-card p{color:#aebdcc;margin:0 0 24px;line-height:1.6}.experiment-card .text-link{margin-top:auto}.lab-callout{border-top:1px solid #34536b;border-bottom:1px solid #34536b;grid-template-columns:.7fr 1.6fr auto;align-items:center;gap:30px;margin-top:70px;padding:34px 0;display:grid}.lab-callout h2{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);margin:0 0 12px}.lab-callout p{color:#adbdcc;margin:0;line-height:1.6}.lab-callout .index-label{align-self:start}.handshake-grid{grid-template-columns:1fr 1fr;gap:20px;margin:54px 0 18px;display:grid}.json-panel{background:#081018;border:1px solid #2a4357;min-width:0}.panel-heading{border-bottom:1px solid #243847;padding:14px 16px}.json-panel pre{color:#a9d5ff;white-space:pre-wrap;min-height:360px;max-height:520px;margin:0;padding:20px;font:13px/1.65 monospace;overflow:auto}.experiment-footnote{color:#8199ac;margin:18px 0 28px;font-size:13px}.dither-controls{align-items:center;gap:24px;margin:46px 0 20px;display:flex}.dither-controls label{color:#aebdcc;font-size:14px}.dither-controls input{accent-color:#58aaf0;vertical-align:middle;margin-left:10px}.dither-frame{background:#061019;border:1px solid #2a4357;padding:12px}.dither-frame canvas{width:100%;height:auto;image-rendering:pixelated;display:block}@media (width<=700px){.experiment-list,.handshake-grid,.lab-callout{grid-template-columns:1fr}.experiment-card{min-height:220px}.experiment-card h2{margin-top:30px}.lab-callout{gap:18px;margin-top:45px}.dither-controls{flex-direction:column;align-items:flex-start;gap:16px}.json-panel pre{min-height:260px}}@media (prefers-reduced-motion:reduce){.experiment-card{transition:none}}body.page-dense .page-hero+.after-hero.lab-index{padding-top:clamp(10px,1.5vw,20px)}.lab-index{padding-bottom:80px}.experiment-card{color:#f5f1ea;transition:transform .45s var(--ease),border-color .3s var(--ease),box-shadow .45s var(--ease);transform-style:preserve-3d;will-change:transform;background:#070d12;border-color:#243140;gap:0;text-decoration:none;position:relative;overflow:hidden}.experiment-card:before{content:"";background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#399eff22,transparent 62%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.experiment-card:hover:before{opacity:1}.experiment-card:hover{border-color:#3a6a94;box-shadow:0 24px 60px -30px #399eff66}.experiment-card>*{z-index:1;position:relative}.experiment-card h2{letter-spacing:-.03em;margin:34px 0 12px}.experiment-card p{color:#a9bccf;font-size:14.5px;line-height:1.55}.experiment-tags{flex-wrap:wrap;gap:6px;margin:0 0 22px;display:flex}.experiment-tags span{font:var(--t-meta)/1.4 "SFMono-Regular",ui-monospace,monospace;color:#8ec9ff;background:#091722;border:1px solid #2b4b66;border-radius:999px;padding:3px 9px}.experiment-card .text-link{color:#a4d4ff;margin-top:auto}@media (width<=1000px){.experiment-list{grid-template-columns:1fr 1fr}}@media (width<=640px){.experiment-list{grid-template-columns:1fr}}.dither-controls{flex-wrap:wrap;gap:18px 28px}.dither-controls label{font:var(--t-meta)/1.4 "SFMono-Regular",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7aa4c4;gap:8px;display:grid}.dither-controls select,.dither-controls input[type=range]{font:inherit;color:#edf1f5;background:#0b151e;border:1px solid #30485b;min-width:180px;margin:0;padding:8px 10px}.dither-controls input[type=range]{background:0 0;border:0;min-width:220px;padding:0}.dither-controls output{color:#8ec9ff;text-transform:none;margin-left:6px}.dither-controls .text-link{align-self:end}.dither-stage{user-select:none;touch-action:none;cursor:col-resize;background:#061019;border:1px solid #2a4357;position:relative;overflow:hidden}.dither-stage canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.dither-clean{clip-path:inset(0);pointer-events:none;position:absolute;inset:0}.dither-clean canvas{image-rendering:auto}.dither-handle{pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:100%}.dither-handle:before{content:"";background:#8ec9ff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 12px #399eff}.dither-handle span{pointer-events:auto;cursor:col-resize;color:#8ec9ff;background:#050709;border:1px solid #8ec9ff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.dither-handle span:after{content:"◂ ▸";letter-spacing:-2px}.dither-tag{font:var(--t-meta)/1.4 "SFMono-Regular",ui-monospace,monospace;letter-spacing:.16em;color:#8ec9ff;pointer-events:none;background:#050709cc;margin:0;padding:4px 7px;position:absolute;top:10px}.dither-tag-left{left:10px}.dither-tag-right{right:10px}.graph-filters{flex-wrap:wrap;gap:8px;margin:34px 0 16px;display:flex}.graph-chip{color:#b9ddff;cursor:pointer;background:#091722;border:1px solid #2b4b66;border-radius:999px;padding:7px 12px;font:12px/1.3 SFMono-Regular,ui-monospace,monospace;transition:border-color .2s,background .2s}.graph-chip small{color:#57708a;margin-left:6px}.graph-chip:hover{border-color:#399eff}.graph-chip.is-on{color:#f5f1ea;background:#123456;border-color:#399eff}.graph-stage{background:linear-gradient(#070d12,#05090d);border:1px solid #243140;position:relative}.graph-stage #stack-graph{touch-action:pan-y;width:100%;height:clamp(420px,62vh,720px);display:block}.graph-panel{backdrop-filter:blur(6px);background:#050709ee;border:1px solid #2b4b66;width:min(320px,100% - 32px);padding:14px 16px;position:absolute;bottom:16px;right:16px}.graph-panel .mono-kicker{margin-bottom:8px}.graph-panel p{color:#a9bccf;gap:5px;margin:0;font-size:13px;display:grid}.graph-panel strong{color:#f5f1ea;margin-bottom:4px;font-size:15px}.graph-panel a{color:#8ec9ff;font-size:13px}.graph-legend{margin-top:28px}.graph-top{border-top:1px solid #243140;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.graph-top li{border-bottom:1px solid #16222d;justify-content:space-between;gap:12px;min-width:0;padding:10px 0;font-size:14px;display:flex}.graph-top-btn{color:#f5f1ea;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.graph-top-btn:hover{color:#8ec9ff;border-bottom-color:#399eff}.graph-top li span{text-align:right;min-width:0;max-width:28ch;font:var(--t-meta)/1.6 "SFMono-Regular",ui-monospace,monospace;color:#57708a;letter-spacing:.08em;white-space:normal}@media (width<=700px){.graph-panel{border-bottom:0;border-left:0;border-right:0;width:auto;margin:0;position:static}}.console-presets{flex-wrap:wrap;gap:8px;margin:34px 0 16px;display:flex}.console-grid{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}.console-editor{color:#a9d5ff;resize:vertical;box-sizing:border-box;background:#081018;border:0;outline:0;width:100%;min-height:300px;margin:0;padding:18px;font:13px/1.6 SFMono-Regular,ui-monospace,monospace;display:block}.console-editor:focus{box-shadow:inset 0 0 0 1px #399eff}.console-foot{font:var(--t-meta)/1.5 "SFMono-Regular",ui-monospace,monospace;color:#7c93a7;border-top:1px solid #243847;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.console-foot .text-link{cursor:pointer;font:inherit;color:#a4d4ff;background:0 0;border-width:0 0 1px;margin:0;padding:4px 0}.panel-heading .text-link{cursor:pointer;font:inherit;color:#a4d4ff;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;margin:0;padding:0}.console-log{margin-top:28px}.console-log ol{border-top:1px solid #243140;margin:0;padding:0;list-style:none}.console-log li{color:#a9bccf;border-bottom:1px solid #16222d;grid-template-columns:90px 1fr auto;gap:14px;padding:9px 0;font:12px/1.5 SFMono-Regular,ui-monospace,monospace;display:grid}.console-log li span{color:#57708a}.console-log li code{color:#8ec9ff}.console-log li em{color:#7c93a7;font-style:normal}@media (width<=900px){.console-grid{grid-template-columns:1fr}.console-log li{grid-template-columns:1fr;gap:2px}}.scramble-stage{background:#070d12;border:1px solid #243140;align-items:center;min-height:160px;margin:40px 0 24px;padding:clamp(28px,5vw,64px) clamp(18px,4vw,48px);display:grid}.scramble-out{letter-spacing:-.04em;color:#f5f1ea;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(32px,6vw,84px);line-height:1.05}.scramble-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:18px 24px;display:grid}.scramble-controls label{font:var(--t-meta)/1.4 "SFMono-Regular",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7aa4c4;gap:8px;display:grid}.scramble-controls output{color:#8ec9ff;text-transform:none;margin-left:6px}.scramble-controls input[type=text],.scramble-controls select{font:inherit;color:#edf1f5;text-transform:none;letter-spacing:0;background:#0b151e;border:1px solid #30485b;padding:10px 12px}.scramble-controls input[type=range]{margin:6px 0}.scramble-text{grid-column:1/-1}.scramble-controls .primary-button{justify-self:start;margin:0}.scramble-code{background:#081018;border:1px solid #2a4357;margin-top:32px}.scramble-code pre{color:#a9d5ff;white-space:pre-wrap;margin:0;padding:18px;font:13px/1.65 SFMono-Regular,ui-monospace,monospace}.search-try{cursor:pointer;font:inherit;color:#a4d4ff;background:0 0;border-width:0 0 1px;margin:0;padding:0 0 2px;display:inline}.search-box{color:#7fbdf0;background:#0d1b26;border:1px solid #31516d;align-items:center;gap:12px;margin:34px 0 18px;padding:14px 16px;display:flex}.search-box input{color:#edf7ff;font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:18px}.search-box output{font:var(--t-meta)/1.4 "SFMono-Regular",ui-monospace,monospace;color:#57708a;white-space:nowrap}.search-results{border-top:1px solid #243140;margin:0;padding:0;list-style:none;display:grid}.search-results li a{color:#f5f1ea;border-bottom:1px solid #16222d;grid-template-columns:110px 1fr auto;align-items:baseline;gap:6px 18px;padding:16px 0;text-decoration:none;transition:background .25s;display:grid}.search-results li a:hover{background:#080f16}.search-type{font:var(--t-meta)/1.6 "SFMono-Regular",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#7aa4c4;grid-row:1/3}.search-results strong{letter-spacing:-.01em;font-size:18px}.search-results small{font:var(--t-meta)/1.5 "SFMono-Regular",ui-monospace,monospace;color:#57708a;grid-column:2}.search-results p{color:#a9bccf;grid-column:2;margin:4px 0 0;font-size:14px;line-height:1.55}.search-results mark{color:#bfe3ff;background:#123456;padding:0 2px}.search-results em{font:var(--t-meta)/1.6 "SFMono-Regular",ui-monospace,monospace;color:#57708a;grid-area:1/3;font-style:normal}.search-empty{color:#8fa6b8;padding:18px 0;font-size:14px}@media (width<=640px){.search-results li a{grid-template-columns:1fr}.search-type,.search-results small,.search-results p,.search-results em{grid-area:auto/1}}@media (pointer:coarse){.graph-chip{min-height:44px;padding:11px 16px}}.experiment-live{aspect-ratio:16/10;background:#05090d;border:1px solid #243140;width:100%;margin:0 0 14px;display:block;position:relative;overflow:hidden}.experiment-live .experiment-preview{object-fit:cover;aspect-ratio:auto;border:0;width:100%;height:100%;margin:0;display:block}.experiment-live iframe{transform-origin:0 0;pointer-events:none;background:#05090d;border:0;width:280%;height:280%;position:absolute;inset:0;transform:scale(.357)}.experiment-preview{aspect-ratio:16/10;object-fit:cover;background:#05090d;border:1px solid #243140;width:100%;margin:0 0 14px;display:block}.lab-loading{color:#57708a;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;place-items:center;margin:0;font:12px/1.4 SFMono-Regular,ui-monospace,monospace;display:grid;position:absolute;inset:0}.dither-stage,.scramble-stage,.console-grid{position:relative}.lab-build{border-top:1px solid #243140;max-width:780px;margin:44px 0 26px;padding-top:26px}.lab-build h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,32px)}.lab-build p{color:#a9bccf;margin:0 0 14px;line-height:1.65}.lab-build .experiment-footnote{color:#7aa4c4;margin:0;font:12px/1.6 SFMono-Regular,ui-monospace,monospace}.lab-build .experiment-footnote code{color:#8ec9ff}.lab-build .experiment-footnote a{color:#a4d4ff}