.lab-reading[data-astro-cid-hx2ngbsd]{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}.lab-reading[data-astro-cid-hx2ngbsd]>span[data-astro-cid-hx2ngbsd]{color:var(--text-2)}ul[data-astro-cid-hx2ngbsd]{display:grid;gap:10px;margin:0;padding:0;list-style:none}a[data-astro-cid-hx2ngbsd]{color:var(--accent-text)}a[data-astro-cid-hx2ngbsd]:hover{text-decoration:underline;text-underline-offset:4px}small[data-astro-cid-hx2ngbsd]{display:block;margin-top:2px;font-size:11px;color:var(--text-4)}@media(max-width:700px){.lab-reading[data-astro-cid-hx2ngbsd]{grid-template-columns:minmax(0,1fr);gap:8px}}.share-note[data-astro-cid-v6j65aqh]{color:var(--text-3);font-size:12px;line-height:1.7}.web-controls[data-astro-cid-v6j65aqh]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}label[data-astro-cid-v6j65aqh]{display:grid;gap:8px;font-size:13px;color:var(--text-2)}select[data-astro-cid-v6j65aqh],textarea[data-astro-cid-v6j65aqh]{width:100%;min-height:44px;background:var(--bg);border:1px solid var(--border-2);border-radius:6px;padding:10px;color:var(--text);font:inherit}textarea[data-astro-cid-v6j65aqh]{resize:vertical;font-family:var(--mono)}.web-wide[data-astro-cid-v6j65aqh]{grid-column:1 / -1}.web-check[data-astro-cid-v6j65aqh]{display:flex;align-items:center;min-height:44px}input[data-astro-cid-v6j65aqh]{width:18px;height:18px;accent-color:var(--accent)}.web-output[data-astro-cid-v6j65aqh]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.web-output[data-astro-cid-v6j65aqh]>div[data-astro-cid-v6j65aqh]{min-width:0}h3[data-astro-cid-v6j65aqh]{font-size:13px;font-weight:500;color:var(--text-3)}pre[data-astro-cid-v6j65aqh]{font:12px/1.8 var(--mono);padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}[data-astro-cid-v6j65aqh][data-session-clock]{font-size:13px;color:var(--text-3);margin:20px 0}[data-astro-cid-v6j65aqh][data-share-status]{font-size:12px;margin-left:12px;color:var(--text-3)}.web-dataset[data-astro-cid-v6j65aqh]{margin-top:24px}summary[data-astro-cid-v6j65aqh]{cursor:pointer;min-height:44px;font-size:14px}.web-table[data-astro-cid-v6j65aqh]{overflow-x:auto}table[data-astro-cid-v6j65aqh]{width:100%;border-collapse:collapse;font-size:14px;text-align:left}caption[data-astro-cid-v6j65aqh]{text-align:left;color:var(--text-3);margin:12px 0;font-size:13px}th[data-astro-cid-v6j65aqh],.web-table[data-astro-cid-v6j65aqh] td{padding:12px;border-bottom:1px solid var(--border)}th[data-astro-cid-v6j65aqh]{font-weight:500}.web-table[data-astro-cid-v6j65aqh] .null-cell{color:var(--text-3);font-family:var(--mono);font-style:italic}@media(max-width:700px){.web-controls[data-astro-cid-v6j65aqh],.web-output[data-astro-cid-v6j65aqh]{grid-template-columns:minmax(0,1fr)}}.lab{--lab-good: var(--tone-green);--lab-warning: var(--tone-orange);padding-top:56px}.lab-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.lab-header h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}.lab-header p:last-child{margin:14px 0 0;color:var(--text-3)}.lab-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);white-space:nowrap}.lab-layout{display:grid;grid-template-columns:238px minmax(0,1fr);border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}.experiment-list{padding:16px 12px;border-right:1px solid var(--border)}.experiment-list button{display:flex;align-items:center;gap:12px;width:100%;padding:17px 10px;margin-bottom:6px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.experiment-list button:hover{background:var(--hover)}.experiment-list button[aria-selected=true]{border-color:var(--border-2);background:var(--panel-2)}.experiment-number{color:var(--accent-text);font:12px var(--mono)}.experiment-list strong{display:block;font-size:14px;font-weight:500;white-space:nowrap}.experiment-list small{display:block;margin-top:4px;font-size:12px;color:var(--text-3)}.experiment-list button>span:last-child{margin-left:auto;color:var(--text-3)}.list-note{padding:12px 10px;color:var(--text-3);font-size:12px;line-height:1.9}.experiment-workspace{min-width:0;padding:30px}.experiment[hidden]{display:none}.experiment{scroll-margin-top:88px}.experiment-kicker{margin:0 0 10px;font:11px var(--mono);letter-spacing:.12em;color:var(--accent-text)}.experiment-heading h2{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}.experiment-heading>p:last-child{color:var(--text-3);margin:10px 0 26px;font-size:14px}.experiment-controls{display:flex;gap:24px;align-items:center;margin-bottom:22px}.experiment-controls label{flex:1;color:var(--text-2);font-size:13px}.experiment-controls output{float:right;color:var(--accent-text);font-family:var(--mono)}.experiment-controls input{display:block;width:100%;accent-color:var(--accent);margin-top:14px;cursor:pointer;min-height:24px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-row button{min-height:44px;padding:6px 12px;border:1px solid var(--border-2);background:transparent;border-radius:6px;font-size:12px;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:background .15s}.preset-row button:hover,.preset-row button[aria-pressed=true]{background:var(--active);color:var(--text)}.experiment-list button:active,.preset-row button:active{background:var(--active)}.lab button:disabled{opacity:.5;cursor:not-allowed}.plot-container{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:12px}.plot-container canvas{display:block;width:100%;height:auto}.plot-legend{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:var(--text-3)}.plot-legend .dot{margin-left:12px}.legend-line{width:14px;height:2px;background:var(--accent-text)}.run-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.lab .btn{min-height:44px}.run-bar>span{margin-left:auto;font-size:12px;color:var(--text-3)}.run-bar strong{font:12px var(--mono);color:var(--lab-good)}.experiment-feedback{min-height:46px;margin:20px 0;color:var(--lab-good);font-size:13px;padding:12px 14px;background:var(--panel);border-left:2px solid currentColor;border-radius:0 6px 6px 0;overflow-wrap:anywhere}.experiment-feedback[data-error=true]{color:var(--lab-warning)}.explanation{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:var(--text-3)}.explanation>span{color:var(--text-2)}.explanation p{margin:0;line-height:1.9}.explanation a{color:var(--accent-text);display:inline-block;white-space:nowrap}.kernel-options{margin-bottom:28px}.vision-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:20px}.vision-grid figure{margin:0;min-width:0}.vision-grid canvas{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--border-2);border-radius:8px}.vision-grid figcaption{margin-top:12px;color:var(--text-3);font-size:12px;text-align:center}.kernel-display{text-align:center;color:var(--text-3);font-size:12px}#kernel-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0;gap:3px}#kernel-matrix span{padding:8px 0;font:11px var(--mono);color:var(--accent-text);background:var(--panel-2);border-radius:3px}.shape-inputs{display:flex;align-items:end;gap:14px;margin-bottom:18px}.shape-inputs label{flex:1;min-width:0;font-size:13px;color:var(--text-2)}.shape-inputs input{display:block;width:100%;margin-top:8px;padding:10px 12px;min-height:44px;background:var(--panel);border:1px solid var(--border-2);border-radius:6px;font:15px var(--mono)}.shape-inputs>span{padding-bottom:10px;color:var(--text-3)}.shape-board{margin-top:26px;border:1px solid var(--border-2);border-radius:8px;padding:20px;background:var(--panel)}.shape-board-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;font:11px var(--mono);color:var(--text-3)}#shape-alignment{display:grid;gap:8px}.axis-row{display:flex;gap:8px;align-items:center}.axis-row>span{width:20px;font:12px var(--mono);color:var(--text-3)}.axis-cell{flex:1;text-align:center;padding:12px 3px;border:1px solid var(--border-2);border-radius:6px;color:var(--text-2);font:16px var(--mono)}.axis-cell.expanded{color:var(--lab-good);border-color:var(--lab-good)}.axis-cell.incompatible{color:var(--lab-warning);border-color:var(--lab-warning)}.shape-result{margin-top:24px;display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;color:var(--text-3);font-size:12px}.shape-result strong{font:18px var(--mono);color:var(--accent-text);overflow-wrap:anywhere}.broadcast-example{padding:0 4px 20px;color:var(--text-3);font-size:12px}.broadcast-example pre{margin-bottom:0;font:12px/1.8 var(--mono);color:var(--text-2);overflow:auto}.lab-footer{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--text-3);margin:20px 0 0}.lab-footer span{font-family:var(--mono)}@media(max-width:1050px){.lab-layout{grid-template-columns:205px minmax(0,1fr)}.experiment-workspace{padding:24px}.experiment-controls{display:block}.experiment-controls .preset-row{margin-top:12px}}@media(max-width:700px){.lab-header{display:block}.lab-badge{margin-top:20px}.lab-layout{grid-template-columns:minmax(0,1fr)}.experiment-list{display:flex;gap:6px;padding:10px;border-right:none;border-bottom:1px solid var(--border)}.experiment-list button{flex:1;width:auto;justify-content:center;padding:12px 4px;gap:5px;margin:0}.experiment-list small,.experiment-list button>span:last-child,.list-note{display:none}.experiment-list strong{font-size:12px}.experiment-number{font-size:10px}.experiment-workspace{padding:20px 16px}.run-bar>span{margin-left:0}.vision-grid{gap:10px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}#kernel-matrix span{font-size:9px;padding:6px 0}.vision-grid figcaption{font-size:10px}.shape-inputs{flex-wrap:wrap;gap:10px}.shape-inputs label{flex-basis:40%}.shape-inputs>span{display:none}.shape-board{padding:14px}.explanation{grid-template-columns:minmax(0,1fr);gap:8px}.lab-footer{display:block}.lab-footer span{display:block;margin-top:8px}}.lab-noscript{margin:0 0 20px;padding:14px 16px;border:1px dashed var(--border-2);border-radius:8px;color:var(--text-2);font-size:13px;line-height:1.8}.lab-motion-note{margin:-6px 0 16px;font-size:12.5px;color:var(--lab-warning)}.encoding-controls{margin-bottom:20px}.encoding-controls label{display:block;color:var(--text-2);font-size:13px}.encoding-controls input{display:block;width:100%;margin-top:8px;padding:10px 12px;min-height:44px;background:var(--panel);border:1px solid var(--border-2);border-radius:6px;font:15px var(--mono)}.encoding-board{border:1px solid var(--border-2);border-radius:8px;padding:18px;background:var(--panel)}.char-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.char-strip button{min-width:42px;min-height:42px;padding:4px 8px;border:1px solid var(--border-2);border-radius:6px;background:transparent;color:var(--text-2);font-size:16px;cursor:pointer;transition:border-color .15s,background .15s}.char-strip button:hover{background:var(--hover)}.char-strip button[aria-pressed=true]{border-color:var(--accent-text);background:var(--active);color:var(--text)}.byte-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--border)}.byte-row-label{font:12px var(--mono);color:var(--text-3)}.byte-row-label small{display:block;margin-top:4px;font-size:11px;color:var(--text-4)}.byte-cells{display:flex;flex-wrap:wrap;gap:4px}.byte-cell{padding:5px 7px;border-radius:4px;background:var(--panel-2);font:12px var(--mono);color:var(--text-2);transition:opacity .15s}.byte-cell[data-tone="0"]{color:var(--accent-text)}.byte-cell[data-tone="1"]{color:var(--tone-green)}.byte-cell[data-tone="2"]{color:var(--tone-orange)}.byte-cell[data-tone="3"]{color:var(--tone-blue)}.byte-cell[data-dim=true]{opacity:.35}.byte-cell[data-selected=true]{outline:1px solid currentColor;outline-offset:1px}.truncate-demo{margin-top:20px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text-3);font-size:12px}.truncate-demo label{display:block;color:var(--text-2);font-size:13px}.truncate-demo output{float:right;font-family:var(--mono);color:var(--accent-text)}.truncate-demo input{display:block;width:100%;margin-top:12px;min-height:24px;accent-color:var(--accent);cursor:pointer}.truncate-demo p{margin:12px 0 0;font-size:13px;color:var(--text-2)}.truncate-demo code{font:13px var(--mono);color:var(--text);overflow-wrap:anywhere}.truncate-demo small{display:block;margin-top:10px;line-height:1.8;color:var(--text-4)}@media(max-width:700px){.byte-row{grid-template-columns:minmax(0,1fr);gap:8px}.byte-cell{padding:4px 6px;font-size:11px}}
