:root{--ink:#eef1f6;--muted:#9aa4b5;--bg:#0c1018;--card:#151b27;--accent:#fd3;--good:#5bd67a;--warn:#ffb347;--bad:#ff5a5a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}main{max-width:960px;margin:0 auto;padding:24px 16px 48px}h1{color:var(--accent);margin:0 0 8px}.lead{color:var(--muted);line-height:1.5}.controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}select{font:inherit;background:var(--card);color:var(--ink);border:1px solid #2c3444;border-radius:6px;padding:8px}button{font:inherit;background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:700}button.secondary{color:var(--ink);background:#2c3444}button:disabled{opacity:.5;cursor:default}.hidden{display:none}.where{color:var(--muted);margin:12px 0}.where b{color:var(--ink)}canvas{background:var(--card);border-radius:8px;width:100%;height:160px}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:12px 0;display:grid}.stat{background:var(--card);border-radius:8px;padding:10px 12px}.stat .k{color:var(--muted);font-size:12px}.stat .v{margin-top:2px;font-size:22px;font-weight:700}#verdict{background:var(--card);border-radius:8px;padding:14px 16px;line-height:1.5}#verdict.good{border-left:4px solid var(--good)}#verdict.warn{border-left:4px solid var(--warn)}#verdict.bad{border-left:4px solid var(--bad)}pre{background:var(--card);white-space:pre-wrap;border-radius:8px;padding:14px;font-size:13px}#copied{color:var(--good);margin-left:10px}a{color:var(--accent)}