.testing-toolkit{background:transparent}
.testkit-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-bottom:65px}
.testkit-capabilities article{padding-top:20px;border-top:1px solid var(--line)}
.testkit-capability-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}
.testkit-capability-top svg{width:25px;height:25px;fill:none;stroke:var(--green);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.testkit-capabilities article:nth-child(2) svg{stroke:var(--blue)}
.testkit-capabilities article:nth-child(3) svg{stroke:#b5a9d5}
.testkit-availability{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.04em;color:var(--green);white-space:nowrap}
.testkit-availability.planned{color:var(--faint)}
.testkit-capabilities h3{font-size:21px;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}
.testkit-capabilities p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.testkit-capability-note{display:block;margin-top:19px;font-family:var(--mono);font-size:10px;color:var(--faint)}
.testkit-demo{background:transparent;min-width:0}
.testkit-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}
.testkit-kicker{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--blue);margin-bottom:10px}
.testkit-demo-heading h3{font-size:28px;line-height:1.3;letter-spacing:-.9px}
.testkit-demo-label{font-family:var(--mono);font-size:9px;letter-spacing:.07em;color:var(--faint);padding:7px 0 7px 15px;border-left:1px solid var(--line)}
.testkit-demo-description{font-size:13px;line-height:1.7;color:var(--muted);margin:13px 0 25px}
.testkit-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:14px}
.testkit-scenarios{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.testkit-scenarios button{display:flex;gap:9px;align-items:center;min-height:38px;padding:8px 11px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--muted);font-family:inherit;font-size:12px;text-align:left;cursor:pointer;transition:border-color .18s,color .18s}
.testkit-scenarios button span{font-family:var(--mono);font-size:9px;color:var(--faint)}
.testkit-scenarios button:hover{color:var(--fg)}
.testkit-scenarios button[aria-pressed=true]{color:var(--fg);border-color:#3b4b5b}
.testkit-scenarios button[aria-pressed=true] span{color:var(--blue)}
.testkit-run-controls{display:flex;align-items:center;gap:14px}
.testkit-seed-field{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}
.testkit-seed-field input{font-family:var(--mono);font-size:13px;color:var(--fg);width:83px;min-height:36px;padding:7px 9px;background:transparent;border:1px solid var(--line);border-radius:4px;outline-offset:3px}
.testkit-seed-field input[aria-invalid=true]{border-color:var(--coral)}
.testkit-run,.testkit-reset{background:transparent;border:1px solid #385369;border-radius:4px;color:#b9d8f3;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:8px 15px;font-family:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.testkit-run:hover{border-color:var(--blue);color:var(--fg)}
.testkit-reset{width:36px;padding:7px;border-color:transparent;color:var(--faint)}
.testkit-reset:hover{color:var(--fg);border-color:var(--line)}
.testkit-run svg,.testkit-reset svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.testkit-run:disabled{cursor:wait;color:var(--faint);border-color:var(--line)}
.testkit-scenario-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:17px 24px}
.testkit-scenario-summary>p{color:var(--muted);font-size:12px;line-height:1.7;margin:0;max-width:630px}
.testkit-bug-toggle{display:flex;align-items:center;gap:9px;position:relative;flex-shrink:0;font-size:11px;color:var(--muted);cursor:pointer;min-height:24px}
.testkit-bug-toggle input{position:absolute;opacity:0;width:28px;height:20px;left:0;margin:0}
.testkit-switch{display:block;position:relative;width:27px;height:15px;border:1px solid #45515f;border-radius:12px;transition:border-color .18s}
.testkit-switch:before{content:"";position:absolute;top:3px;left:3px;width:7px;height:7px;background:#8090a1;border-radius:50%;transition:transform .18s,background .18s}
.testkit-bug-toggle input:checked+.testkit-switch{border-color:#a56f70}
.testkit-bug-toggle input:checked+.testkit-switch:before{background:var(--coral);transform:translateX(12px)}
.testkit-bug-toggle input:focus-visible+.testkit-switch{outline:2px solid var(--blue);outline-offset:5px}
.testkit-results{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);gap:65px;min-height:280px}
.testkit-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:9px;line-height:1.5;letter-spacing:.05em;color:var(--faint);margin-bottom:15px}
.testkit-result-heading>span:first-child{color:#9aaabb}
.testkit-result-heading>span:last-child{white-space:nowrap;text-align:right}
.testkit-trace,.testkit-checks{list-style:none;padding:0;margin:0}
.testkit-trace-row{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;min-height:38px;padding:6px 0;color:var(--muted)}
.testkit-trace-row:before{content:"";position:absolute;width:1px;top:19px;bottom:-4px;left:47px;background:var(--line)}
.testkit-trace-row:last-child:before{display:none}
.testkit-trace-row:after{content:"";position:absolute;top:12px;left:45px;width:5px;height:5px;background:#66798c;border-radius:50%}
.testkit-trace-row[data-kind=fault]:after{background:#e5bd83}
.testkit-trace-row[data-kind=passed]:after{background:var(--green)}
.testkit-trace-row[data-kind=failed]:after{background:var(--coral)}
.testkit-trace-step{font-family:var(--mono);font-size:9px;color:var(--faint);padding-top:2px}
.testkit-trace-row>div{min-width:0;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.testkit-trace-row strong{font-size:12px;font-weight:400;color:#d2dbe6}
.testkit-trace-row small{font-size:10px;line-height:1.7;color:var(--faint);overflow-wrap:anywhere}
.testkit-trace-row.is-current strong{color:var(--fg)}
.testkit-empty{display:flex;align-items:flex-start;gap:18px;padding:35px 0 45px;min-height:220px}
.testkit-empty-mark{font-size:32px;color:#5a738b;line-height:1.2}
.testkit-empty strong{font-size:15px;font-weight:400;color:#bdc9d7}
.testkit-empty p{max-width:320px;font-size:12px;line-height:1.8;margin:8px 0 0;color:var(--faint)}
.testkit-checks li{display:grid;grid-template-columns:17px 1fr;column-gap:10px;padding:12px 0;border-bottom:1px solid #1c2631}
.testkit-check-symbol{font-size:13px;line-height:1.55;color:#657488}
.testkit-check-label{font-size:12px;color:#b5c1cf;line-height:1.7}
.testkit-check-detail{display:block;font-family:var(--mono);font-size:9px;line-height:1.8;color:var(--faint);grid-column:2;overflow-wrap:anywhere}
.testkit-checks li[data-result=passed] .testkit-check-symbol{color:var(--green)}
.testkit-checks li[data-result=failed] .testkit-check-symbol,.testkit-checks li[data-result=failed] .testkit-check-label{color:var(--coral)}
.testkit-verdict{font-size:11px;line-height:1.8;color:var(--faint);margin:17px 0 0;min-height:40px}
.testkit-verdict[data-result=passed]{color:var(--green)}
.testkit-verdict[data-result=failed]{color:var(--coral)}
.testkit-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 0;margin-top:17px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:var(--faint)}
.testkit-demo-footer>span:first-child{font-family:var(--mono);font-size:9px;color:#91a3b7}
.testkit-workflow{border-block:1px solid var(--line);margin-top:47px}
.testkit-workflow summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:22px 0}
.testkit-workflow summary::-webkit-details-marker{display:none}
.testkit-workflow summary>span{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.testkit-workflow summary strong{font-size:15px;font-weight:400;color:#c4d0df}
.testkit-workflow summary span span{font-size:11px;color:var(--faint)}
.testkit-workflow summary svg{width:18px;height:18px;flex-shrink:0;stroke:var(--blue);fill:none;stroke-width:1.2;transition:transform .18s}
.testkit-workflow[open] summary svg{transform:rotate(45deg)}
.testkit-workflow-content{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:13px 0 30px}
.testkit-workflow-content>div{min-width:0}
.testkit-code-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--faint);margin-bottom:17px}
.testkit-workflow-content h4{font-size:20px;font-weight:400;letter-spacing:-.5px;color:var(--fg);margin:0 0 10px}
.testkit-workflow-content p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.testkit-workflow-content pre{font-family:var(--mono);font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;border-left:1px solid #3a5269;background:transparent;padding:12px 0 12px 17px;color:#b6d1ec;margin:20px 0 15px}
.testkit-workflow-content pre code{font-family:inherit}
.testkit-workflow-content pre span{color:var(--faint)}
.testkit-workflow-content .testkit-code-note{font-size:10px;color:var(--faint)}
.testkit-planned pre{border-left-color:#554d66;color:#beb1da}
.testkit-determinism{margin-top:20px;padding-top:15px;border-top:1px solid #1c2631}
.testkit-determinism>span{display:block;font-size:11px;color:#aebdce;margin-bottom:8px}
.testkit-determinism>code{font-family:var(--mono);font-size:10px;color:#b6d1ec;overflow-wrap:anywhere}
.testkit-determinism>p{font-size:10px;margin-top:7px;color:var(--faint)}
.testkit-noscript{font-size:13px;color:var(--muted);margin:20px 0}
@media(max-width:1100px){.testkit-capabilities{gap:28px}.testkit-capabilities h3{font-size:19px}.testkit-results{gap:35px}.testkit-controls{gap:13px}.testkit-scenarios{gap:4px}.testkit-scenarios button{padding-inline:8px;font-size:11px}.testkit-run-controls{gap:10px}.testkit-workflow-content{gap:35px}}
@media(max-width:860px){.testkit-controls{align-items:flex-start}.testkit-scenarios{width:100%;gap:8px}.testkit-run-controls{width:100%;padding-top:2px}.testkit-seed-field{margin-right:auto}.testkit-capability-top{align-items:flex-start;gap:8px}.testkit-availability{font-size:8px}.testkit-capabilities{gap:22px}.testkit-capabilities p{font-size:12px}.testkit-capability-note{font-size:9px;line-height:1.8}.testkit-trace-row>div{gap:0 10px}.testkit-demo-footer{align-items:flex-start}.testkit-demo-footer>span:last-child{max-width:260px;text-align:right}}
@media(max-width:650px){.testkit-capabilities{grid-template-columns:1fr;gap:24px;margin-bottom:46px}.testkit-capability-top{margin-bottom:12px;align-items:center}.testkit-capabilities h3{font-size:22px;margin-bottom:9px}.testkit-capabilities p{font-size:13px;max-width:480px}.testkit-capability-note{font-size:10px;margin-top:12px}.testkit-availability{font-size:9px}.testkit-demo-heading{align-items:flex-start;gap:16px}.testkit-demo-heading h3{font-size:24px;letter-spacing:-.7px}.testkit-demo-label{font-size:8px;max-width:88px;line-height:1.7;padding-left:12px;margin-top:2px}.testkit-demo-description{font-size:12px;margin-bottom:20px}.testkit-scenarios{gap:5px;justify-content:space-between}.testkit-scenarios button{gap:0;font-size:10px;padding:8px 7px;min-height:38px}.testkit-scenarios button span{display:none}.testkit-run-controls{padding-top:5px}.testkit-seed-field input{font-size:16px;width:85px}.testkit-scenario-summary{align-items:flex-start;gap:15px;flex-direction:column;padding-block:16px 23px}.testkit-scenario-summary>p{font-size:12px}.testkit-bug-toggle{font-size:11px;min-height:30px}.testkit-results{grid-template-columns:1fr;gap:24px}.testkit-trace-column{min-height:260px}.testkit-result-heading{margin-bottom:12px}.testkit-trace-row{min-height:36px}.testkit-checks li{padding-block:11px}.testkit-verdict{margin-top:14px;min-height:0}.testkit-demo-footer{flex-direction:column;gap:7px;margin-top:25px}.testkit-demo-footer>span:last-child{text-align:left;max-width:none;font-size:9px}.testkit-workflow{margin-top:35px}.testkit-workflow summary>span{gap:6px;flex-direction:column}.testkit-workflow summary strong{font-size:14px}.testkit-workflow summary span span{font-size:10px}.testkit-workflow-content{grid-template-columns:1fr;gap:30px;padding-top:6px}.testkit-planned{border-top:1px solid var(--line);padding-top:25px}.testkit-workflow-content h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){.testing-toolkit *,.testing-toolkit *:before{transition:none!important}}