@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f6f7f4;--ink:#172e28;--muted:#67736d;--line:#dce2db;--green:#145e47;--lime:#d6ee9a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1.5px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.mark{background:var(--ink);color:var(--lime);font-size:30px;width:37px;height:37px;text-align:center;line-height:30px;border-radius:9px}.tag,.live,.eyebrow,.section-title,.stats span{font-size:10px;letter-spacing:1.4px;font-weight:600}.tag{color:var(--muted)}.live{letter-spacing:.3px;display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:#418562;border-radius:50%}main{max-width:1400px;margin:auto;padding:58px 5% 24px}.eyebrow{color:var(--green)}h1{font:500 clamp(45px,5.3vw,76px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:#558064}.intro{color:var(--muted);line-height:1.8;margin-bottom:36px;font-size:15px}.setup{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.section-title{display:flex;justify-content:space-between;gap:12px;font-size:10px}.section-title span+span{color:var(--muted);letter-spacing:0;font-weight:400}.controls{display:flex;gap:14px;align-items:end;margin-top:25px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;flex:1}input,select{border:1px solid var(--line);border-radius:5px;background:#fafbf8;color:var(--ink);padding:13px;font:inherit;width:100%;height:45px}button,.file-button{font:600 12px 'DM Sans',sans-serif;border:0;border-radius:5px;padding:14px 19px;cursor:pointer;background:var(--green);color:white;min-height:44px;white-space:nowrap}button span{margin-left:20px}button:disabled{opacity:.45;cursor:default}.secondary,.file-button{background:transparent;color:var(--ink);border:1px solid var(--line)}details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;color:var(--muted);font-size:12px}summary{cursor:pointer}.advanced{display:flex;gap:16px;padding:20px 0 0}.advanced label:last-child{flex:2}details p{line-height:1.7}.stats{display:grid;grid-template-columns:repeat(5,1fr);padding:30px 0;gap:16px}.stats div{border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span{font-size:9px;color:var(--muted);display:block}.stats strong{display:block;font:500 29px 'Space Grotesk',sans-serif;margin-top:10px}.workspace{display:grid;grid-template-columns:2.3fr 1fr;gap:24px;align-items:start}.results,aside{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.progress{height:3px;background:#eef0eb;margin:22px 0 14px;border-radius:10px;overflow:hidden}#bar{background:var(--green);height:100%;width:0;transition:width .3s}.filters{display:flex;gap:6px;margin:15px 0}.filters button{min-height:30px;padding:7px 12px;background:transparent;color:var(--muted);font-weight:500}.filters .selected{background:#eaf0e5;color:var(--ink)}.empty{text-align:center;padding:58px 0 70px}.empty>span{font-size:45px;color:#a5b4a2}.empty h3{font:500 20px 'Space Grotesk',sans-serif}.empty p,aside p{color:var(--muted);line-height:1.8;font-size:13px}aside h3{font:500 25px/1.3 'Space Grotesk',sans-serif;margin-top:28px}.aside-note{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.aside-note button,.file-button{display:block;width:100%;margin-top:10px;text-align:center}.file-button input{display:none}.file-button{font-size:12px}.probe{padding:15px 0;border-bottom:1px solid #edf0e9}.probe summary{display:flex;gap:12px;align-items:center;list-style:none}.dot{font-size:10px;border-radius:4px;background:#edf0eb;padding:5px;color:#697467;min-width:64px;text-align:center}.dot.pass{background:#eaf2e6;color:#2b673d}.dot.fail,.dot.warn{background:#fff0dc;color:#9a5918}.dot.cancelled,.dot.skip{background:#edf0f4;color:#65728a}.probe-name{flex:1;font-size:12px;font-weight:500}.timing{font:11px monospace;color:var(--muted)}.probe pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 monospace;background:#f6f8f3;padding:12px}.probe p{font-size:12px;line-height:1.7;color:var(--muted)}.finding{margin-top:20px;border-left:2px solid #b1cc84;padding-left:13px}.finding b{font-size:13px}.finding p{margin:7px 0}.limits{padding:55px 0 35px}h2{font:500 28px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.limit-grid p{font-size:12px;color:var(--muted);line-height:1.9}.limit-grid b{display:block;color:var(--ink);margin-bottom:8px}footer{border-top:1px solid var(--line);padding-top:20px;font-size:10px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}#compare{font-size:12px;line-height:1.8;margin-top:15px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #98b269;outline-offset:3px}@media(max-width:900px){.tag{display:none}.workspace{grid-template-columns:1fr}.controls{flex-wrap:wrap}.controls label{min-width:200px}.stats{grid-template-columns:repeat(3,1fr)}.stats strong{font-size:24px}.limit-grid{grid-template-columns:1fr;gap:5px}}@media(max-width:550px){header{height:70px}.live{display:none}main{padding-top:36px}.setup,.results,aside{padding:18px}.section-title{flex-wrap:wrap}.controls label{min-width:100%}.advanced{flex-direction:column}.stats{gap:20px}.stats span{font-size:8px;letter-spacing:.7px}.stats strong{font-size:21px}.timing{font-size:9px}.probe-name{font-size:11px}.limit-grid{gap:0}footer{flex-direction:column}h1{letter-spacing:-2px}}