@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9eeea;background:#181a19;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:none;margin:auto;padding:24px 30px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:#abb6ac;font-size:10px;letter-spacing:.18em;margin:0 0 8px}h1{font-size:clamp(26px,3vw,34px);font-weight:500;letter-spacing:-.03em;margin:0}h1 span{color:#cef479}.actions,.navigation-buttons{display:flex;gap:8px;flex-wrap:wrap}button,select{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;min-height:36px;padding:7px 10px}select{background:#222624}button{cursor:pointer}button:hover:not(:disabled){background:#303532}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,.matrix-scroller:focus-visible{outline:2px solid #cef479;outline-offset:3px}#pause{background:#e9eeea;color:#181a19;min-width:80px}#pause:hover{background:#cef479}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#abb6ac;font-size:12px;margin:14px 0 20px}.intro p{margin:0}.mono{font-family:IBM Plex Mono,monospace;font-size:11px}#runtime{white-space:nowrap;font-size:10px}.matrix-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 14px;max-width:1048px}#navigation-help{color:#96a69a;font-size:11px;margin:5px 0 0}.navigation-buttons{font-size:11px}#matrix-map{display:grid;grid-template-columns:repeat(7,4px);gap:2px;flex:0 0 auto}#matrix-map span{width:4px;height:4px;background:#3d493f}#matrix-map .selected{background:#cef479}.matrix-shell{max-width:100%;overflow-x:auto}.matrix-scroller{--canvas-size: 288px;--cell-pitch: 288px;--row-label: 136px;--column-label: 80px;position:relative;width:calc(var(--row-label) + var(--visible-columns,3) * var(--cell-pitch));height:calc(var(--column-label) + 3 * var(--cell-pitch));overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.matrix-scroller.dragging{cursor:grabbing}.matrix{width:calc(var(--row-label) + 7 * var(--cell-pitch));table-layout:fixed;border-collapse:separate;border-spacing:0}.matrix th{text-align:left;font-size:11px;font-weight:400;background:#181a19}.matrix th:first-child{width:var(--row-label);position:sticky;left:0;z-index:4}.matrix thead th{position:sticky;top:0;height:var(--column-label);padding:6px 8px;vertical-align:middle;z-index:6}.matrix thead th:first-child{z-index:8}.column-label-content{position:absolute;top:0;right:28px;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:4px}.matrix tbody th{height:var(--cell-pitch);padding:0}.row-label-content{position:absolute;top:0;right:28px;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:4px}.matrix strong{display:block;font-size:12px;font-weight:500;color:#e9eeea}.matrix small{display:block;font-size:10px;color:#96a69a;margin-top:5px}.matrix td{position:relative;width:var(--cell-pitch);height:var(--cell-pitch);padding:0;vertical-align:middle}.matrix td.is-row-pinned,.matrix td.is-column-pinned{background:#181a19;z-index:2}.matrix td.is-row-pinned.is-column-pinned{z-index:3}.matrix tbody th.is-row-pinned{z-index:5}.matrix thead th.is-column-pinned{z-index:7}.matrix .is-row-pinned{box-shadow:inset 0 1px #718946,inset 0 -1px #718946}.matrix .is-column-pinned{box-shadow:inset 1px 0 #718946,inset -1px 0 #718946}.matrix td.is-row-pinned.is-column-pinned{box-shadow:inset 0 0 0 1px #cef479}.matrix td:is(.is-row-pinned,.is-column-pinned):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inherit;pointer-events:none;z-index:2}.pin-toggle{position:absolute;top:6px;right:5px;display:grid;place-items:center;min-height:22px;width:22px;height:22px;padding:3px;border-color:transparent;background:transparent;color:#87948b}.pin-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pin-toggle[aria-pressed=true]{color:#cef479;background:#30382c}.matrix tbody .pin-toggle{top:0;max-height:100%}.axis-pin-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 10px;color:#96a69a;font-size:11px}.axis-pin-controls button{font-size:11px;min-height:28px;padding:4px 8px}.cell-scene{position:relative;width:var(--canvas-size);height:var(--canvas-size);background:#777;margin:0}.cell-scene.reference{outline:2px solid #ff9632;outline-offset:-2px}.cell-scene:focus-visible{outline:2px solid #cef479;outline-offset:-2px}.matrix canvas{position:relative;display:block;width:var(--canvas-size);height:var(--canvas-size);aspect-ratio:1;image-rendering:pixelated}.diff-badge{position:absolute;bottom:5px;left:5px;pointer-events:none;background:#181a19e6;color:#ffb36c;font:10px IBM Plex Mono,monospace;padding:4px 6px}.metric-badge{position:absolute;top:5px;left:5px;pointer-events:none;background:#181a19e6;color:#d7e5d1;font:9px IBM Plex Mono,monospace;padding:4px 6px;max-width:calc(100% - 10px)}.small-pixels .diff-badge,.small-pixels .metric-badge{display:none}.small-pixels{--column-label: 56px}.small-pixels .row-label-content small,.small-pixels .column-label-content small{display:none}.small-pixels .row-label-content strong,.small-pixels .column-label-content strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.small-pixels .column-label-content{top:0;right:0;bottom:24px;left:0;padding:0 2px}.small-pixels .matrix thead .pin-toggle{top:auto;bottom:2px;right:max(0px,calc((var(--cell-pitch) - 22px) / 2));max-width:100%}.metrics-toggle{display:flex;gap:6px;align-items:center;font-size:11px;margin-top:7px}.metrics-toggle input{accent-color:#cef479}.measurement-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px}.measurement-actions .group-note{margin:0}.metric-table-scroll{overflow-x:auto;margin-top:16px}.metric-table{width:100%;border-collapse:collapse;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.metric-table caption{text-align:left;color:#abb6ac;font-size:11px;margin-bottom:9px}.metric-table th,.metric-table td{padding:7px 9px;border-bottom:1px solid #343b36;white-space:nowrap}.metric-table th{color:#abb6ac;font-weight:500}.metric-table th:first-child,.metric-table td:first-child{text-align:left}.metric-baseline{color:#ffb36c}.metric-explainer{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:11px;color:#96a69a;line-height:1.5}.metric-explainer strong{color:#d3ddd4;font-weight:500}.method-jump{display:flex;align-items:center;gap:10px;margin-top:8px;color:#96a69a;font-size:11px}.method-jump select{min-height:30px;font-size:11px;max-width:220px;padding:4px 8px}.row-sorting{display:flex;flex-wrap:wrap;align-items:end;gap:12px;max-width:1048px;margin:16px 0;padding:14px 0;border-top:1px solid #343c36;border-bottom:1px solid #343c36}.row-sorting label{display:grid;gap:6px;font-size:11px;color:#96a69a}.row-sorting select{min-height:36px;font-size:12px;padding:6px 10px}.row-sorting .group-note{flex-basis:100%;margin:0}.row-sorting>small{flex-basis:100%;font-size:10px;color:#96a69a}.matrix .row-flips{margin-top:12px;color:#d9e9dd;font-variant-numeric:tabular-nums}.matrix-scroller{overflow-anchor:none}.difference-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.difference-controls label{display:flex;align-items:center;gap:8px}.difference-controls input{accent-color:#ff9632}#diff-status{font-size:11px;color:#abb6ac;margin:12px 0 18px;min-height:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 22px;color:#a4aea7;border-bottom:1px solid #343b36}.settings-panel{border:0;border-radius:0;margin-bottom:12px}.settings-tabs{display:flex;gap:12px;padding:0;border-bottom:1px solid #343b36;flex-wrap:wrap}.settings-tabs button{padding:9px 0;background:transparent;font-size:12px;color:#96a69a}.settings-tabs button:hover{color:#e9eeea;background:transparent}.settings-tabs button[aria-selected=true]{background:transparent;color:#e9eeea;box-shadow:inset 0 -1px currentColor}[role=tabpanel]{padding:16px 0}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 28px}.group-note{color:#96a69a;font-size:11px;line-height:1.5;margin:12px 0 0}.display-controls{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:28px;align-items:start}.scale-control label{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#bdc7bf}.scale-control input{margin:13px 0 7px}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#96a69a}.controls label{display:flex;flex-wrap:wrap;gap:11px;align-content:start;justify-content:space-between;color:#bdc7bf;font-size:12px}.controls select{width:100%;min-width:0;font-size:12px}.fixed-grid-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#bdc7bf}.fixed-grid-label strong{color:#e9eeea;font-weight:500}.fixed-grid-label small{color:#96a69a;font-size:10px}output{color:#e9eeea;font:11px IBM Plex Mono,monospace}input[type=range]{display:block;width:100%;height:20px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;margin:5px 0;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#59635c}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:8px;height:16px;margin-top:-7px;border:0;border-radius:0;background:#e9eeea}input[type=range]::-moz-range-track{height:2px;background:#59635c}input[type=range]::-moz-range-thumb{width:8px;height:16px;border:0;border-radius:0;background:#e9eeea}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:13px;height:13px;margin:0;border:1px solid #87948b;border-radius:0;background:transparent;cursor:pointer}input[type=checkbox]:checked{border-color:#e9eeea;background:#e9eeea}input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid #181a19;border-width:0 2px 2px 0;transform:rotate(45deg)}.note{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;color:#9caaa0;font-size:12px;line-height:1.65}.note p{margin:4px 0}#status{font-size:12px;color:#cef479;margin:8px 0}#status:empty{display:none}#share-fallback{width:100%;padding:10px}#error{color:#ffb5b5;padding:14px 0}footer{display:flex;flex-wrap:wrap;gap:8px 22px;color:#87948b;font-size:10px;padding-top:20px}a{color:#bdcaaa;text-underline-offset:3px}@media(max-width:800px){main{padding:24px 20px}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.display-controls{grid-template-columns:1fr 1fr;gap:18px}.intro{display:block}#runtime{display:block;margin-top:10px}.note{grid-template-columns:1fr;gap:6px}.matrix-navigation{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:540px){header{align-items:flex-start;flex-direction:column}main{padding:22px 16px}.controls{gap:24px 18px}button{min-height:44px}}.settings-panel{max-width:1400px}.sampling-controls{margin-top:22px;padding-top:18px;border-top:1px solid #343b36}.search-controls{margin-top:18px}