:root{--bg:#f6f7f9;--panel:#fff;--text:#1c1f24;--muted:#5d6470;--line:#dde1e6;--accent:#2f80ed;--danger:#c62828;--view-bg:#e9ecf0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--panel:#1b1e23;--text:#e6e8eb;--muted:#9aa1ab;--line:#2c3138;--accent:#5b9cf5;--danger:#ff6b6b;--view-bg:#22262c}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}#panel{background:var(--panel);border-right:1px solid var(--line);flex:none;width:340px;padding:16px;overflow-y:auto}#view{flex:1;min-width:0;position:relative}h1{margin:0;font-size:17px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 6px;font-size:12px}.sub,.hint{color:var(--muted);margin:2px 0 0;font-size:12px}select,input[type=number]{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 6px}select{width:100%}input[type=number]{width:72px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.button:hover,.button:focus-visible{border-color:var(--accent)}.inline{color:var(--muted)}.choices{gap:3px;display:grid}.choices label{cursor:pointer;align-items:center;gap:6px;display:flex}i[data-swatch]{border-radius:2px;width:14px;height:4px;display:inline-block}.inline-check{cursor:pointer;align-items:center;gap:6px;margin-top:8px;display:flex}#legend{color:var(--muted);margin-top:8px;font-size:12px}.ramp{background:linear-gradient(90deg,#3b4cc0,#ebebeb,#b40426);border-radius:3px;height:10px}.ramp.seq{background:linear-gradient(90deg,#440154,#21918c,#fde725)}.ramp-labels{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}#error{color:var(--danger);min-height:0;margin:10px 0 0}#error:empty{display:none}#stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}#stats th,#stats td{text-align:right;border-bottom:1px solid var(--line);padding:2px 4px}#stats th:first-child,#stats td:first-child{text-align:left}#stats dl{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:2px 8px;margin:0;display:grid}#stats dt{color:var(--muted)}#stats dd{text-align:right;margin:0}.dot{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.flag{color:var(--danger)}.ok{color:var(--muted)}@media (width<=720px){body{flex-direction:column-reverse}#panel{border-right:none;border-top:1px solid var(--line);width:100%;max-height:50vh}#view{min-height:50vh}}