.bench-stage{--mq-ink:var(--ink,#07080A);--mq-glass:var(--glass,#171A1F);--mq-edge:var(--edge,#2A2F36);--mq-bone:var(--bone,#E9E6DF);--mq-ph:var(--phosphor,#FFB547);--mq-core:var(--core,#FFE2A8);--mq-ember:var(--ember,#8A3A0C);--mq-dim:rgba(233,230,223,.66);--mq-mono:var(--f-mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);position:relative;overflow:hidden;background:var(--mq-ink);color:var(--mq-bone);min-height:240px;outline:none}.bench-stage:focus-visible{outline:2px solid var(--mq-ph);outline-offset:-2px}.bench-stage .mq-gl{position:absolute;inset:0;z-index:0;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bench-stage .mq-gl.is-grabbing{cursor:grabbing}.bench-stage .mq-gl.is-point{cursor:pointer}.bench-stage .mq-gl canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.bench-stage .mq-gl canvas.is-on{opacity:1}.bench-stage .mq-labels{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.bench-stage .mq-l3{position:absolute;left:0;top:0;font:500 10px/1 var(--mq-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:var(--mq-bone);color:var(--mq-ink);padding:5px 7px 4px;border-radius:0;opacity:0;will-change:transform,opacity;box-shadow:0 6px 16px #00000073}.bench-stage .mq-l3:after{content:"";position:absolute;left:50%;bottom:-5px;width:1px;height:5px;background:inherit}.bench-stage .mq-l3.big{font-size:11.5px;padding:6px 9px 5px}.bench-stage .mq-l3.hot{background:var(--mq-ph)}.bench-stage .mq-l3.bad{background:#f08a4b}.bench-stage .mq-l3.dim{background:var(--mq-glass);color:var(--mq-bone);box-shadow:inset 0 0 0 1px var(--mq-edge)}.bench-stage .mq-vtip{position:absolute;left:0;top:0;z-index:3;font:500 10px/1 var(--mq-mono);letter-spacing:.06em;white-space:nowrap;background:var(--mq-bone);color:var(--mq-ink);padding:6px 8px 5px;opacity:0;pointer-events:none;box-shadow:0 6px 16px #00000073;will-change:transform,opacity;transition:opacity .15s}.bench-stage .mq-vtip:after{content:"";position:absolute;left:50%;bottom:-5px;width:1px;height:5px;background:var(--mq-bone)}.bench-stage .mq-vtip:before{content:"LIVE";color:var(--mq-ember);margin-right:7px;font-weight:600}.bench-reset{position:absolute;top:16px;right:16px;z-index:4;cursor:pointer;font:500 10.5px/1 var(--mq-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mq-bone);background:#0d0f12c7;border:1px solid var(--mq-edge);border-radius:0;padding:9px 11px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bench-reset:hover{border-color:var(--mq-dim)}.bench-reset:focus-visible{outline:2px solid var(--mq-ph);outline-offset:3px}.bench-hint{position:absolute;top:16px;left:16px;z-index:3;margin:0;max-width:calc(100% - 150px);pointer-events:none;font:400 10.5px/1.5 var(--mq-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mq-dim);background:#07080a99;border:1px solid var(--mq-edge);padding:6px 9px 5px}.bench-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bench-hint-touch{display:none}@media(max-width:700px){.bench-hint-keys{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bench-hint-touch{display:inline}.bench-hint.is-used{display:none}}@media(prefers-reduced-motion:reduce){.bench-stage .mq-gl canvas,.bench-stage .mq-vtip{transition:none}}.bench{--bn-ph:var(--phosphor,#FFB547);--bn-core:var(--core,#FFE2A8);--bn-edge:var(--edge,#2A2F36);--bn-dim:rgba(233,230,223,.66);--bn-mono:var(--f-mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);--bn-side:360px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--bn-side);height:100vh;height:100svh;padding-top:var(--nav-h,60px);overflow:hidden;background:var(--ink,#07080A)}.bench-stage{position:relative;min-width:0;min-height:0;height:100%}.bench-nogl{position:absolute;left:0;top:var(--nav-h,60px);bottom:0;right:var(--bn-side);display:grid;place-items:center;padding:24px;text-align:center;font:500 12px/1.5 var(--bn-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone,#E9E6DF);z-index:1}.bench-nogl[hidden]{display:none}.bench-side{position:relative;z-index:2;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--bn-edge);background:#0d0f12eb}.bench-sheet{display:none}.bench-body{flex:1;min-height:0;overflow:auto;padding:22px 20px 28px;display:grid;align-content:start;gap:22px;overscroll-behavior:contain}.bench-title{font:700 20px/1.1 var(--f-display,"Archivo",Arial,sans-serif);font-stretch:118%;letter-spacing:-.01em}.bench-intro{margin:-12px 0 0;font:400 12.5px/1.5 var(--bn-mono);color:var(--bn-dim)}.bench-blk{display:grid;gap:10px}.bench-tag{margin:0;font:500 9.5px/1 var(--bn-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bn-ph)}.bench-tag--live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bn-ph);margin-right:7px;vertical-align:1px}.bench-present,.bench-count{font:400 13px/1.5 var(--bn-mono)}.bench-count b{font-weight:600;color:var(--bn-core)}.bench-newest{display:grid;gap:4px}.bench-house{appearance:none;-webkit-appearance:none;width:100%;text-align:left;cursor:pointer;border:1px solid var(--bn-edge);background:#171a1f99;color:inherit;font:400 12px/1.4 var(--bn-mono);padding:8px 10px;border-radius:0;transition:border-color .2s,background .2s}.bench-house:hover{border-color:var(--bn-ph);background:#171a1ff2}.bench-house:disabled{cursor:default;opacity:.7;border-color:var(--bn-edge)}.bench-trace{display:grid;gap:5px;border-left:1px solid var(--bn-ph);padding-left:12px}.bench-trace:empty{display:none}.bench-trace li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 12px;align-items:baseline;font:400 12px/1.5 var(--bn-mono)}.bench-trace code{font:inherit;color:var(--bn-core)}.bench-trace span{color:var(--bn-dim)}.bench-trace li[data-mine=true] code{color:var(--bn-ph)}.bench-you{grid-column:2;justify-self:start;font:500 9px/1 var(--bn-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--ink,#07080A);background:var(--bn-ph);padding:3px 5px 2px}.bench-small{font:400 11.5px/1.5 var(--bn-mono);color:var(--bn-dim)}.bench-small[hidden]{display:none}.bench-small a{color:inherit}.bench-small a:hover{color:var(--bn-core)}.bench-ns{padding:16px var(--gutter,20px)}@media(max-width:899.98px){.bench{grid-template-columns:minmax(0,1fr)}.bench-nogl{right:0;bottom:56px}.bench-side{position:absolute;left:0;right:0;bottom:0;background:#0d0f12;max-height:min(72%,560px);border-left:0;border-top:1px solid var(--bn-edge);padding-bottom:env(safe-area-inset-bottom,0px)}.bench-sheet{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:0;cursor:pointer;background:transparent;color:inherit}.bench-sheet-s:before{content:"Show";font:500 10px/1 var(--bn-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bn-dim)}.bench.is-open .bench-sheet-s:before{content:"Hide"}.bench-body{display:none;border-top:1px solid var(--bn-edge)}.bench.is-open .bench-body{display:grid}.bench-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.bench-intro{margin:0}.bench-tag{font-size:11px}.bench-you{font-size:10px}}@media(forced-colors:active){.bench-house,.bench-sheet{border:1px solid ButtonText}}.bench-time{position:absolute;z-index:3;left:16px;right:calc(var(--bn-side) + 16px);bottom:16px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0d0f12d1;border:1px solid var(--bn-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 10.5px/1.3 var(--bn-mono)}.bench-time[hidden]{display:none}.bench-play{appearance:none;-webkit-appearance:none;flex:none;cursor:pointer;min-height:29px;min-width:120px;padding:0 12px;border:1px solid var(--bn-edge);border-radius:0;background:#171a1fe6;color:var(--bone,#E9E6DF);font:500 10.5px/1 var(--bn-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center}.bench-play:hover{border-color:var(--bn-ph)}.bench-play[hidden]{display:none}.bench-range{flex:1 1 80px;min-width:0;height:29px;margin:0;accent-color:var(--bn-ph);background:transparent;cursor:pointer}.bench-time-l{flex:0 0 42ch;margin:0;color:var(--bn-dim);letter-spacing:.04em;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}.bench-play:focus-visible,.bench-range:focus-visible{outline:2px solid var(--bn-ph);outline-offset:3px}@media(max-width:899.98px){.bench-time{right:16px;bottom:72px;flex-wrap:wrap;gap:6px 10px}.bench-time-l{order:1;flex:1 0 100%;white-space:normal;text-align:left;overflow:visible}.bench-play{order:2}.bench-range{order:3;flex:1 1 0}}@media(forced-colors:active){.bench-play,.bench-time{border:1px solid ButtonText}}