:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#e6e6ea;--bg:#0f1115;--card:#171a21;--muted:#9aa0ab;--accent:#6ea8fe;--ok:#3fb950;--warn:#d29922;--bad:#f85149}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:880px;margin:0 auto;padding:32px 20px 64px}h1{margin:0 0 4px;font-size:24px}.muted{color:var(--muted)}.small{font-size:13px}.hidden{display:none!important}.drop{text-align:center;background:var(--card);cursor:pointer;border:2px dashed #3a4150;border-radius:12px;margin:20px 0;padding:36px 20px}.drop.over{border-color:var(--accent)}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.result{background:var(--card);border-radius:12px;grid-template-columns:minmax(0,280px) 1fr;gap:20px;padding:20px;display:grid}@media (width<=640px){.result{grid-template-columns:1fr}}.preview img{background:#000;border-radius:8px;width:100%;display:block}.level strong{margin:0 6px;font-size:28px}.bar{margin:10px 0}.bar .row{justify-content:space-between;font-size:13px;display:flex}.bar .track{background:#2a3040;border-radius:6px;height:10px;overflow:hidden}.bar .fill{background:var(--accent);height:100%}.bar.hit .fill{background:var(--bad)}.flags span{background:#2a3040;border-radius:999px;margin:6px 8px 0 0;padding:2px 10px;font-size:13px;display:inline-block}.flags span.on{background:var(--warn);color:#000}details{margin-top:14px}summary{cursor:pointer}label{margin:8px 0;display:block}select{font:inherit;margin-left:6px}.verdict{font-weight:600}.verdict.blocked{color:var(--bad)}.verdict.allowed{color:var(--ok)}pre{background:#0b0d12;border-radius:8px;padding:12px;font-size:12px;overflow:auto}.error{color:var(--bad);background:#f851491a;border-radius:8px;padding:10px 14px}footer{margin-top:28px}a{color:var(--accent)}
