.page-bench{--series-1:#3987e5;--series-1-soft:#86b6ef}.bench{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:48px;padding-bottom:112px;display:grid}.bench-panel,.bench-results{border:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--bg-2);box-shadow:var(--shadow);border-radius:18px;padding:24px}.bench-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.bench-field{gap:7px;display:grid}.bench-label,.bench-env dt,.tile-label{font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.bench-field select{min-width:220px;font:.93rem var(--sans);color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px}.bench-buttons{gap:10px;display:flex}.bench-progress{margin-top:18px}.bench-bar{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.bench-bar span{background:var(--series-1);width:0;height:100%;transition:width .15s linear;display:block}.bench-progress-text{color:var(--ink-2);margin-top:8px;font-size:.76rem}.bench-env{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 0;padding-top:18px;display:grid}.bench-env dd{color:var(--ink);margin:5px 0 0;font-size:.92rem}.bench-results-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bench-results-head h2{font-size:1.2rem}.bench-stamp{color:var(--ink-3);font-size:.74rem}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.tile{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:18px}.tile-value{letter-spacing:-.03em;color:var(--ink);margin-top:8px;font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:600}.tile-unit{color:var(--ink-2);letter-spacing:0;font-size:.9rem;font-weight:500}.tile-sub{color:var(--ink-3);margin-top:4px;font-size:.8rem}.chart{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:20px 0 0;padding:18px 18px 12px;position:relative}.chart-caption{gap:3px;margin-bottom:14px;display:grid}.chart-title{color:var(--ink);font-weight:600}.chart-sub{color:var(--ink-3);font-size:.8rem}.bar-plot{position:relative}.bar-row,.bar-axis-row{grid-template-columns:minmax(150px,28%) minmax(0,1fr);align-items:center;gap:16px;display:grid}.bar-row{border-radius:8px;outline:none;min-height:44px;position:relative}.bar-row:hover .bar,.bar-row:focus-visible .bar{filter:brightness(1.18)}.bar-row:focus-visible{box-shadow:0 0 0 2px var(--accent)}.bar-label{color:var(--ink-2);text-align:right;font-size:.86rem}.bar-track{background:linear-gradient(90deg, var(--line) 0 1px, transparent 1px) 0 0 / var(--grid-step,25%) 100% repeat-x;height:44px;box-shadow:inset -1px 0 0 var(--line);margin-right:72px;position:relative}.bar{background:var(--series-1);border-radius:0 4px 4px 0;height:20px;transition:width .2s;position:absolute;top:12px;left:0}.whisker{background:var(--series-1-soft);height:2px;transition:left .2s,width .2s;position:absolute;top:21px}.whisker:after{content:"";background:var(--series-1-soft);border-radius:1px;width:2px;height:12px;position:absolute;top:-5px;right:-1px}.bar-value{font:500 .78rem/20px var(--mono);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:10px;position:absolute;top:12px}.bar-axis{border-top:1px solid var(--line-strong);height:24px;margin-right:72px;position:relative}.tick{font:.7rem var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;position:absolute;top:6px;transform:translate(-50%)}.chart-tip{right:18px;top:var(--tip-y,0);z-index:3;border:1px solid var(--line-strong);background:var(--surface-3);box-shadow:var(--shadow);pointer-events:none;border-radius:9px;gap:2px;padding:9px 12px;display:grid;position:absolute}.tip-value{color:var(--ink);font-weight:600}.tip-label{color:var(--ink-2);font-size:.8rem}.tip-rows{color:var(--ink-3);font-size:.72rem}#bench-table td.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}#bench-table th:not(:first-child){text-align:right}.op-name{color:var(--ink);display:block}.op-detail{color:var(--ink-3);font-size:.78rem;display:block}.bench-actions{justify-content:flex-end;display:flex}.bench-method{max-width:820px}.bench-method h2{margin-top:24px;font-size:1.2rem}@media (max-width:860px){.bench-env{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:minmax(0,1fr)}.bar-row,.bar-axis-row{grid-template-columns:minmax(0,1fr);gap:2px}.bar-label{text-align:left;padding-top:8px}.bar-axis-row .bar-label{display:none}.chart-tip{left:18px;right:auto}}@media (max-width:560px){.bench{padding-top:32px;padding-bottom:80px}.bench-field,.bench-field select{width:100%}}