:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#eee;background:#111;margin:0;font:14px/1.5 system-ui,-apple-system,sans-serif}main{max-width:900px;margin:0 auto;padding:12px}fieldset{border:1px solid #333;border-radius:6px;margin:0 0 12px}legend{color:#9cf;padding:0 6px}label{margin:8px 0;display:block}input[type=range]{width:100%}dl.metrics{grid-template-columns:max-content 1fr;gap:2px 12px;margin:0 0 12px;display:grid}dl.metrics dt{color:#888}dl.metrics dd{margin:0}dl.metrics dd.bad{color:#f66;font-weight:700}pre.text{white-space:pre-wrap;word-break:break-all;background:#000;border:1px solid #333;border-radius:6px;margin:0 0 12px;padding:10px}canvas,img{max-width:100%;display:block}h1{margin:0 0 8px;font-size:18px}h2{margin:0 0 8px;font-size:16px}h3{margin:12px 0 4px;font-size:14px}p.hint{color:#888;margin:6px 0;font-size:12px}p.error{color:#f66;background:#2a1010;border:1px solid #622;border-radius:6px;padding:10px}code{background:#000;border-radius:3px;padding:1px 4px}button{font:inherit;color:#eee;background:#222;border:1px solid #444;border-radius:6px;padding:8px 14px}button:disabled{opacity:.5}input[type=text],input[type=file]{width:100%;font:inherit;color:#eee;background:#000;border:1px solid #444;border-radius:6px;margin-top:4px;padding:8px;display:block}select{font:inherit;color:#eee;background:#000;border:1px solid #444;border-radius:6px;margin-left:6px;padding:4px 8px}ul.diffs{color:#fc6;margin:0;padding-left:20px}ul.diffs b{color:#fff}