:root{--line:rgba(255,255,255,.09);--blue:#4bd1ff;--green:#67e6a3;--red:#ff7474;--muted:#8da3b1}.test-main{padding:28px 30px 60px}.test-hero{display:flex;justify-content:space-between;gap:24px}.test-hero h1{font-size:clamp(30px,3vw,46px);margin:4px 0 8px}.test-hero p{max-width:900px;color:var(--muted);line-height:1.55}.eyebrow,.badge{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.card{background:linear-gradient(180deg,#101a22,#091017);border:1px solid var(--line);border-radius:16px}.test-state{min-width:230px;background:#0c141b;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center}.test-state span{width:10px;height:10px;background:#687780;border-radius:50%;grid-row:1/3}.test-state small{color:var(--muted)}.test-state.running span{background:var(--blue);box-shadow:0 0 15px var(--blue)}.test-state.ok span{background:var(--green)}.test-state.error span{background:var(--red)}.controls{padding:14px;margin:18px 0;display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.13);background:#0d1b24;color:#eef8ff;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.btn.primary{background:#0b7399;border-color:#3bcaff}.btn.danger{background:#35151a}.btn:disabled{opacity:.35}.test-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.test-layout>.card,.hints{padding:14px}.head{display:flex;justify-content:space-between;align-items:center}.head h2{margin:4px 0 12px}.test-list{display:grid;gap:8px}.test-item{display:grid;grid-template-columns:32px minmax(160px,1fr) minmax(170px,1.2fr) auto;align-items:center;gap:10px;background:#081017;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px}.test-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#18242c;color:#8093a0;font-weight:900}.test-item.ok .test-icon{background:#123426;color:var(--green)}.test-item.bad .test-icon{background:#34171c;color:var(--red)}.test-item.running .test-icon{background:#0d3545;color:var(--blue)}.test-item strong{font-size:13px}.test-item small{display:block;color:var(--muted);margin-top:2px}.stage{font:10px/1.35 Consolas,monospace;color:#9fb4c1;word-break:break-word}.ms{font-size:11px;color:var(--muted)}.json-card pre{height:570px;overflow:auto;background:#050a0e;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;color:#cfefff;white-space:pre-wrap;word-break:break-word;font:11px/1.45 Consolas,monospace}.hints{margin-top:16px}.hints h2{margin-top:0}.hints p{color:var(--muted);line-height:1.55}@media(max-width:1000px){.test-layout{grid-template-columns:1fr}.test-hero{display:block}.test-state{margin-top:12px}}@media(max-width:650px){.test-main{padding:18px}.test-item{grid-template-columns:30px 1fr}.stage,.ms{grid-column:2}}