:root{--ink:#24292f;--muted:#57606a;--line:#d0d7de;--panel:#f6f8fa;--accent:#0969da;--soft:#ddf4ff}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.wrap{width:min(1400px,calc(100% - 2rem));margin:auto}header{border-bottom:1px solid var(--line);background:var(--panel)}
header a{display:inline-block;padding:.85rem 0;color:var(--ink);font-weight:650;text-decoration:none}main{padding:2rem 0 4rem}
h1,h2{line-height:1.25}h1{margin-top:0;font-size:clamp(2rem,5vw,3rem)}h2{margin-top:2.5rem;border-bottom:1px solid var(--line)}
a{color:var(--accent)}code{padding:.15em .35em;border-radius:4px;background:var(--panel)}.muted,.status,#count{color:var(--muted)}
.controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.controls label{display:grid;gap:.3rem;font-size:.9rem;font-weight:600}.search{flex:1 1 320px}
input,select,button{min-height:2.4rem;padding:.45rem .65rem;border:1px solid #8c959f;border-radius:6px;background:#fff;color:var(--ink);font:inherit}
button{cursor:pointer}button:hover:not(:disabled){background:var(--soft)}button:disabled{opacity:.45;cursor:not-allowed}
.panes{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:.8rem;margin:1rem 0}
.pane{padding:.75rem;border:1px solid var(--line);border-radius:8px}.pane h3{margin:0 0 .55rem;font-size:.95rem}
.options{max-height:210px;overflow:auto;display:grid;gap:.35rem}.option{display:flex;align-items:center;gap:.45rem;font-size:.88rem}.option input{min-height:auto}.n{margin-left:auto;color:var(--muted)}
.status{padding:1rem;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.status.error{color:#82071e;border-color:#ff8182;background:#ffebe9}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}
th,td{padding:.65rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{white-space:nowrap;background:var(--panel);cursor:pointer;user-select:none}th:after{content:"↕";margin-left:.35rem;color:#8c959f}
th.asc:after{content:"↑";color:var(--accent)}th.desc:after{content:"↓";color:var(--accent)}
tbody tr:nth-child(even){background:#fbfcfd}tbody tr:hover{background:var(--soft)}td:nth-child(3),td:nth-child(4){white-space:nowrap}
.pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.pager>div{display:flex;align-items:center;gap:.65rem}
@media(max-width:950px){.panes{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 1rem)}.panes{grid-template-columns:1fr}.pager{display:block}}