@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:200 400;font-display:swap;src:url(/fonts/exo2-latin.woff2)format("woff2")}:root{--bg:#0c0d10;--ink:#f3f4f6;--ink-2:#c4c8d0;--mute:#8a909c;--dim:#6b717d;--line:#ffffff14;--tint:#7aa2ff;--warn:#ffb938;--ease:cubic-bezier(.22, .8, .24, 1);--pad:clamp(16px, 3vw, 40px);--font-ui:Inter, system-ui, sans-serif;--font-display:"Exo 2", Inter, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html,body{height:100%;margin:0}body{background:var(--bg) radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tint) 9%, transparent), transparent 70%) no-repeat;color:var(--ink);font:400 14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}.ps:focus{outline:none}.ps{height:100%;padding:18px max(var(--pad), env(safe-area-inset-right,0px)) max(14px, env(safe-area-inset-bottom,0px)) max(var(--pad), env(safe-area-inset-left,0px));grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:14px;max-width:1600px;margin:0 auto;display:grid}button{font:inherit;color:inherit}.btn,.seg,.ctl{all:unset;box-sizing:border-box;cursor:pointer;height:40px;color:var(--ink-2);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .12s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.btn:hover,.seg:hover,.ctl:hover:not(:disabled){color:var(--ink);background:#ffffff17;box-shadow:inset 0 0 0 1px #fff3}.btn:active,.seg:active,.ctl:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible,.seg:focus-visible,.ctl:focus-visible{outline-offset:3px;outline:2px solid #fff9}.ctl:disabled{cursor:default;opacity:.35}svg{fill:currentColor;flex:none;width:14px;height:14px}svg.stroke{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}kbd{height:18px;font:600 10px var(--font-ui);opacity:.55;border-radius:4px;place-items:center;padding:0 5px;display:inline-grid;box-shadow:inset 0 0 0 1px}@media (hover:none){kbd,.help{display:none}}.label,dt{letter-spacing:.24em;text-transform:uppercase;color:var(--mute);font-size:10px;font-weight:500}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.sizes{align-items:center;gap:6px;display:flex}.sizes .label{margin-right:8px}.seg{font-variant-numeric:tabular-nums;min-width:48px;padding:0 14px}.seg[aria-pressed=true]{color:#0c0d10;background:var(--ink);box-shadow:none}.input{align-items:center;gap:14px;display:flex}.seed{font:12px var(--mono);color:var(--dim)}.btn{padding:0 14px}.stage{grid-template-rows:1fr 1fr;gap:10px;min-height:0;display:grid}.lane{min-height:0;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff06;border-radius:10px;grid-template-rows:auto minmax(0,1fr);padding:10px 12px 0;display:grid;position:relative}.lane-head{align-items:baseline;gap:10px;height:22px;display:flex}.lane-head b{font:300 18px/1 var(--font-display);letter-spacing:.04em;color:var(--tint)}.lane-head .count{font:12px var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}.lane-head .hint{color:var(--dim);margin-left:auto;font-size:11px}.lane canvas{cursor:pointer;border-bottom:1px solid #ffffff24;width:100%;height:100%;min-height:0;display:block}.transport{align-items:center;gap:16px;display:flex}.keys,.speed{flex:none;align-items:center;gap:6px;display:flex}.ctl{width:44px;height:44px}.ctl.play{color:#0c0d10;background:var(--ink);width:52px;height:52px;box-shadow:none;border-radius:50%}.ctl.play:hover{color:#0c0d10;background:#fff}.ctl.play svg{width:18px;height:18px}.ctl .i-pause,.playing .ctl .i-play{display:none}.playing .ctl .i-pause{display:inline}.ctl.small{width:36px;height:36px}.speed output{text-align:center;min-width:86px;font:12px var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}input[type=range]{--p:0;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tint) calc(var(--p) * 100%), #ffffff1f 0);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--tint);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 4px #0c0d10e6}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:16px;height:16px}input[type=range]:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff9}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto auto auto minmax(0,1fr);margin:0;display:grid}.stats>div{min-width:0;padding:10px 26px 10px 0}.stats>div+div{border-left:1px solid var(--line);padding-left:22px}.stats dd{white-space:nowrap;align-items:baseline;gap:8px;min-height:30px;margin:4px 0 0;display:flex}.stats b{font:200 28px/1 var(--font-display);font-variant-numeric:tabular-nums}.stats .of{color:var(--mute);font-variant-numeric:tabular-nums;font-size:13px}.stats code{font:400 22px/1 var(--mono);color:var(--tint);min-width:3ch}#limit{font-variant-numeric:tabular-nums;align-items:center;font-size:15px}#limit.none{color:var(--mute);font-size:13px}.mark{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.mark.pass{color:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 55%, transparent)}.mark.fail{color:var(--warn);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 55%, transparent)}#mix{font:12px/1.6 var(--mono);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.foot{justify-content:space-between;align-items:baseline;gap:20px;min-height:20px;display:flex}.foot p{color:var(--ink-2);margin:0;font-size:12.5px}.foot .help{color:var(--dim);flex:none}[data-state=sorted] #summary{color:var(--ink)}[data-state=error] #summary{color:var(--warn)}@media (max-width:760px){.ps{gap:10px;padding-top:12px}.top{gap:10px}.sizes{flex:100%}.sizes .label{display:none}.seg{flex:1;min-width:0;height:44px;padding:0 6px}.input{flex:100%;justify-content:space-between}.btn{height:44px}.lane-head .hint{display:none}.transport{flex-wrap:wrap;gap:8px 12px}.transport input[type=range]{flex:100%;order:-1}.keys{flex:1}.ctl.small{width:44px;height:44px}.stats>div+div{padding-left:12px}.stats b{font-size:22px}.stats .of{font-size:11.5px}.stats code{font-size:18px}#limit{gap:6px;font-size:13px}.mark{letter-spacing:.1em;padding:2px 6px;font-size:9px}.stats{grid-template-columns:auto auto minmax(0,1fr)}.st-mix,.foot .help{display:none}}@media (max-width:760px) and (max-height:640px){.stats{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}