:root{--bg:#0d0d0d;--card:#1a1a1a;--accent:#0078ff;--good:#0f8;--warn:#fc0;--bad:#f34;color-scheme:dark;--muted:#9aa3b2;--maxw:1100px}body{background:var(--bg);color:#eee;flex-direction:column;align-items:center;gap:18px;margin:0;padding:28px;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}h1{margin:0;font-size:20px}.panel{background:var(--card);border-radius:10px;max-width:1100px;padding:18px;box-shadow:0 6px 30px #0009}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}label{color:#ccc;font-size:13px}select,input{color:#fff;background:#0b0b0b;border:1px solid #222;border-radius:6px;padding:6px 8px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px}button.secondary{background:#444}.preview{background:#000;border-radius:8px;justify-content:center;align-items:center;margin-top:14px;display:flex;overflow:hidden}canvas#renderCanvas{background:#000;width:640px;height:360px;display:block}.results{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.stat{background:#111;border-radius:8px;padding:12px}.orb{vertical-align:middle;border-radius:50%;width:18px;height:18px;margin-right:8px;display:inline-block}.orb.good{background:var(--good);box-shadow:0 0 10px var(--good)}.orb.warn{background:var(--warn);box-shadow:0 0 10px var(--warn)}.orb.bad{background:var(--bad);box-shadow:0 0 10px var(--bad)}pre{white-space:pre-wrap;color:#ddd;background:#070707;border-radius:6px;max-height:260px;padding:10px;overflow:auto}.muted{color:#999;font-size:13px}@media (width<=700px){.results{grid-template-columns:1fr}}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}