.Benchmark-module__RB5aca__card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.Benchmark-module__RB5aca__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.Benchmark-module__RB5aca__title{font-size:15px}.Benchmark-module__RB5aca__button{font:inherit;color:var(--bg);background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 14px;font-size:13px;font-weight:600;transition:filter .15s}.Benchmark-module__RB5aca__button:hover:not(:disabled){filter:brightness(1.08)}.Benchmark-module__RB5aca__button:disabled{opacity:.6;cursor:progress}.Benchmark-module__RB5aca__blurb{color:var(--text-dim);font-size:13px;line-height:1.5}.Benchmark-module__RB5aca__loopList{border-left:2px solid var(--border);color:var(--text-dim);flex-direction:column;gap:6px;padding-left:12px;font-size:13px;line-height:1.5;list-style:none;display:flex}.Benchmark-module__RB5aca__loopBad{color:var(--bad);font-weight:600}.Benchmark-module__RB5aca__loopGood{color:var(--good);font-weight:600}.Benchmark-module__RB5aca__result{flex-direction:column;gap:10px;display:flex}.Benchmark-module__RB5aca__barRow{grid-template-columns:64px 1fr auto;align-items:center;gap:10px;display:grid}.Benchmark-module__RB5aca__barLabel{color:var(--text-dim);font-size:12px}.Benchmark-module__RB5aca__track{background:var(--bg-input);border-radius:999px;height:14px;overflow:hidden}.Benchmark-module__RB5aca__fill{transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .3s}.Benchmark-module__RB5aca__fillBad{background:var(--bad)}.Benchmark-module__RB5aca__fillGood{background:var(--good)}.Benchmark-module__RB5aca__barValue{color:var(--text);text-align:right;font-size:13px}.Benchmark-module__RB5aca__callout{color:var(--text-dim);font-size:14px}.Benchmark-module__RB5aca__callout strong{color:var(--bad);margin-right:2px;font-size:18px}.Benchmark-module__RB5aca__stage{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);flex-wrap:wrap;gap:2px;max-height:44px;padding:4px;display:flex;overflow:hidden}.Benchmark-module__RB5aca__node{background:var(--accent-dim);border-radius:2px;width:8px;height:8px}
.Metrics-module__4Y04fG__panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:16px;display:flex}.Metrics-module__4Y04fG__header{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:600;display:flex}.Metrics-module__4Y04fG__display{color:var(--text-faint);font-size:12px;font-weight:500}.Metrics-module__4Y04fG__stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.Metrics-module__4Y04fG__stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.Metrics-module__4Y04fG__statLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.Metrics-module__4Y04fG__statValue{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:24px;line-height:1.05}.Metrics-module__4Y04fG__statUnit{color:var(--text-faint);font-size:12px}.Metrics-module__4Y04fG__stat[data-health=good] .Metrics-module__4Y04fG__statValue{color:var(--good)}.Metrics-module__4Y04fG__stat[data-health=warn] .Metrics-module__4Y04fG__statValue{color:var(--warn)}.Metrics-module__4Y04fG__stat[data-health=bad] .Metrics-module__4Y04fG__statValue{color:var(--bad)}.Metrics-module__4Y04fG__sparkline{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-end;gap:1px;height:48px;padding:6px;display:flex}.Metrics-module__4Y04fG__bar{background:var(--good);border-radius:1px 1px 0 0;flex:auto;min-width:1px;min-height:1px}.Metrics-module__4Y04fG__bar[data-health=warn]{background:var(--warn)}.Metrics-module__4Y04fG__bar[data-health=bad]{background:var(--bad)}.Metrics-module__4Y04fG__longtasks{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}
.Playground-module__eK_ZgG__viewport{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);contain:layout paint;height:360px;overflow-y:auto}.Playground-module__eK_ZgG__grid{flex-wrap:wrap;align-content:flex-start;gap:6px;padding:14px;display:flex}.Playground-module__eK_ZgG__box{border-top:0 solid var(--accent);background:linear-gradient(135deg, var(--accent) 0%, #7c5cff 100%);contain:layout;border-radius:4px;flex:none;width:20px;height:20px;animation:3s ease-in-out infinite Playground-module__eK_ZgG__lt-drift;position:relative}
.TechniqueList-module__BsWKVW__list{flex-direction:column;gap:8px;list-style:none;display:flex}.TechniqueList-module__BsWKVW__item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .15s,background .15s}.TechniqueList-module__BsWKVW__item[data-enabled=true]{border-color:var(--border-strong);background:var(--bg-elev)}.TechniqueList-module__BsWKVW__row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.TechniqueList-module__BsWKVW__checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none}.TechniqueList-module__BsWKVW__label{flex:auto;font-size:14px;font-weight:500}.TechniqueList-module__BsWKVW__tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;flex:none;padding:2px 7px;font-size:10px}.TechniqueList-module__BsWKVW__stage{}.TechniqueList-module__BsWKVW__stage[data-stage=layout]{color:var(--stage-layout)}.TechniqueList-module__BsWKVW__stage[data-stage=paint]{color:var(--stage-paint)}.TechniqueList-module__BsWKVW__stage[data-stage=style]{color:var(--stage-style)}.TechniqueList-module__BsWKVW__stage[data-stage=composite]{color:var(--stage-composite)}.TechniqueList-module__BsWKVW__kind{color:var(--good);}.TechniqueList-module__BsWKVW__details{margin-top:8px}.TechniqueList-module__BsWKVW__summary{color:var(--text-dim);cursor:pointer;font-size:13px}.TechniqueList-module__BsWKVW__note{color:var(--text-dim);margin-top:8px;font-size:13px;line-height:1.5}.TechniqueList-module__BsWKVW__note strong{color:var(--text);font-weight:600}.TechniqueList-module__BsWKVW__snippet{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--text-dim);white-space:pre;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5;overflow-x:auto}
.Lab-module__L0Fsja__lab{flex-direction:column;gap:18px;display:flex}.Lab-module__L0Fsja__grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:18px;display:grid}@media (max-width:860px){.Lab-module__L0Fsja__grid{grid-template-columns:1fr}}.Lab-module__L0Fsja__controls{flex-direction:column;gap:14px;display:flex}.Lab-module__L0Fsja__controlHead{justify-content:space-between;align-items:center;display:flex}.Lab-module__L0Fsja__controlTitle{font-size:16px}.Lab-module__L0Fsja__groupHead{flex-direction:column;gap:4px;margin-top:6px;display:flex}.Lab-module__L0Fsja__groupNote{color:var(--text-faint);font-size:12px;line-height:1.5}.Lab-module__L0Fsja__reset{font:inherit;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 10px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.Lab-module__L0Fsja__reset:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.Lab-module__L0Fsja__reset:disabled{opacity:.45;cursor:default}.Lab-module__L0Fsja__boxCount{flex-direction:column;gap:6px;display:flex}.Lab-module__L0Fsja__boxCountLabel{color:var(--text-dim);justify-content:space-between;font-size:13px;display:flex}.Lab-module__L0Fsja__slider{width:100%;accent-color:var(--accent);cursor:pointer}.Lab-module__L0Fsja__stage{flex-direction:column;gap:18px;display:flex}
.page-module__E0kJGG__page{flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;padding:48px 24px 80px;display:flex}.page-module__E0kJGG__hero{flex-direction:column;gap:12px;max-width:720px;display:flex}.page-module__E0kJGG__eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px}.page-module__E0kJGG__title{letter-spacing:-.02em;font-size:40px}.page-module__E0kJGG__lede{color:var(--text-dim);font-size:17px;line-height:1.6}.page-module__E0kJGG__primer{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:960px){.page-module__E0kJGG__primer{grid-template-columns:1fr}}.page-module__E0kJGG__primer article{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.page-module__E0kJGG__primer h2{margin-bottom:8px;font-size:15px}.page-module__E0kJGG__primer p{color:var(--text-dim);font-size:14px;line-height:1.6}.page-module__E0kJGG__legend{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:18px;padding:14px 18px;list-style:none;display:flex}.page-module__E0kJGG__legendItem{align-items:center;gap:8px;font-size:13px;display:flex}.page-module__E0kJGG__legendDot{border-radius:3px;width:10px;height:10px}.page-module__E0kJGG__legendDot[data-stage=style]{background:var(--stage-style)}.page-module__E0kJGG__legendDot[data-stage=layout]{background:var(--stage-layout)}.page-module__E0kJGG__legendDot[data-stage=paint]{background:var(--stage-paint)}.page-module__E0kJGG__legendDot[data-stage=composite]{background:var(--stage-composite)}.page-module__E0kJGG__legendLabel{font-weight:600}.page-module__E0kJGG__legendNote{color:var(--text-faint)}.page-module__E0kJGG__footer{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;padding-top:18px;font-size:12px;display:flex}