:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#101720;color:#d9e4ed}body{margin:0}header{padding:16px 24px;background:#182532;border-bottom:1px solid #385068}h1{margin:0 0 6px;font-size:24px}h2{font-size:19px}nav{display:flex;gap:18px;margin-top:12px}a{color:#8bccff}main{padding:20px 24px}button,select,input{font:inherit;color:inherit;background:#243849;border:1px solid #55728a;padding:6px 9px;border-radius:3px}button{cursor:pointer}button:hover{background:#365570}label{display:inline-flex;align-items:center;gap:7px;margin:5px 14px 5px 0}input[type=range]{padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #304354;padding:7px 10px}th{position:sticky;top:0;background:#182532}small,.muted{color:#98adbf}canvas,img.pixel{image-rendering:pixelated}canvas{max-width:100%;background:#080c11}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.split{display:grid;grid-template-columns:minmax(250px,1fr) minmax(500px,2fr);gap:18px}.list{overflow:auto;max-height:76vh}.selected{background:#2c4960}pre{white-space:pre-wrap;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.card{border:1px solid #385068;padding:12px;background:#172330}.card h3{margin:2px 0 10px}.card img{max-width:100%;height:120px;object-fit:contain}details{padding:10px;border:1px solid #385068}audio{width:100%;min-width:220px}code{font-size:.9em}@media(max-width:900px){.split{grid-template-columns:1fr}.list{max-height:35vh}}

[hidden]{display:none!important}