:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e3eaf2;background:#0b131c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:46px 26px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#93a8bd}h1{font-size:46px;letter-spacing:-2px;margin:14px 0 10px}h1 span{color:#68e7ae}p{font-size:14px;line-height:1.6;color:#a4b6c9}header p{font-size:16px}.badge{font-size:12px;border:1px solid #364a5f;padding:10px 15px;border-radius:30px;white-space:nowrap}.panel{padding:26px;margin:20px 0;background:#111e2b;border:1px solid #263b50;border-radius:18px}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.step{font-size:11px;color:#68e7ae}h2{font-size:19px;margin:0;font-weight:600}#elapsed{margin-left:auto;font-variant-numeric:tabular-nums;font-size:14px;color:#a9bfd3}.controls{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:18px}label{font-size:12px;color:#c3d0de}input:not([type=checkbox],[type=file]),select{width:100%;padding:13px;margin-top:8px;border:1px solid #3c5268;border-radius:8px;background:#0b1520;color:#e9f1f9;font:inherit;font-size:14px}.checks{display:flex;flex-wrap:wrap;gap:24px;margin:22px 0}.checks label{display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:#68e7ae}.system{font-size:12px;color:#92aec7;line-height:1.8}.warning{color:#ffc777;font-size:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button,.button{font:inherit;font-size:12px;font-weight:650;border:0;border-radius:8px;background:#68e7ae;color:#082a1c;padding:12px 17px;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#253b50;color:#e0eaf4}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled),.button:hover{filter:brightness(1.12)}.text-link{color:#8fdbc3;font-size:12px;margin-left:10px}.fine{font-size:11px;color:#91a7bd;line-height:1.65}.live{background:linear-gradient(125deg,#132432,#111e2b)}progress{width:100%;height:8px;accent-color:#68e7ae;border:0}#status{font-size:13px;min-height:22px}#latest{font-size:35px;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:12px 0;color:#68e7ae}.sample-head{display:flex;justify-content:space-between;margin-top:26px;font-size:9px;letter-spacing:1.5px;color:#9bb2c7}canvas{width:100%;height:90px;display:block}.result-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#91acc3}th,td{padding:16px 10px;border-bottom:1px solid #293c4e}td:nth-child(2){color:#68e7ae;font-variant-numeric:tabular-nums}.ratio{color:#e6d798}details{margin-top:24px}summary{cursor:pointer;font-size:12px;color:#b8cee0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}footer{padding:22px 4px}footer h3{font-size:14px}footer p{font-size:12px}strong{color:#d8e7f5;font-weight:550}:focus-visible{outline:2px solid #68e7ae;outline-offset:3px}@media(max-width:760px){main{padding:26px 14px}header{flex-direction:column;align-items:start}h1{font-size:37px}.panel{padding:20px}.controls,.notes{grid-template-columns:1fr}.result-head{flex-direction:column}.checks{gap:15px}.text-link{margin:10px 0}th,td{min-width:105px}td:first-child{min-width:220px}.section-title{gap:10px}h2{font-size:17px}}

pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#09151e;padding:16px;border-radius:8px} input[readonly]{opacity:.8} details{margin:18px 0}