:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111316;--panel:#1a1d22;--line:#2c3139;--text:#e4e6ea;--muted:#8b929e;--accent:#d9a441;--ok:#6cc07a;--bad:#e07070;font:14px/1.45 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;margin:0;display:flex}header{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}h1{margin:0 12px 0 0;font-size:16px}h1 a{color:inherit;text-decoration:none}[hidden]{display:none!important}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px}.tag{color:var(--accent);border:1px solid var(--accent);border-radius:3px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:400}.muted{color:var(--muted)}code{font-size:12px}button,select,input{font:inherit;color:var(--text);border:1px solid var(--line);background:#262a31;border-radius:4px;padding:5px 10px}button{cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1406;font-weight:600}button:disabled{opacity:.5;cursor:default}main{flex:1;grid-template-columns:280px 1fr 380px;min-height:0;display:grid}main>*{min-height:0;padding:14px 16px;overflow:auto}#sidebar,#tile-panel{background:var(--panel)}#sidebar{border-right:1px solid var(--line)}#tile-panel{border-left:1px solid var(--line)}section+section{margin-top:20px}.row{gap:6px;margin-bottom:8px;display:flex}.row>select,.row>input{flex:1;min-width:0}dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 12px;display:grid}dt{color:var(--muted)}dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:2px 6px 2px 0}th{color:var(--muted);font-weight:400}.ok{color:var(--ok)}.bad{color:var(--bad)}#log{color:var(--muted);margin:0;padding-left:18px;font-size:12px}#overview-panel{flex-direction:column;align-items:center;display:flex}#overview-wrap{max-width:100%;position:relative}#overview{max-width:100%;max-height:calc(100vh - 110px);image-rendering:pixelated;cursor:crosshair;display:block}#hover{pointer-events:none;white-space:nowrap;background:#000000bf;border-radius:3px;padding:2px 6px;font-size:12px;position:absolute}.images{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}figure{margin:0}figure canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#000;display:block}figcaption{color:var(--muted);margin-top:2px;font-size:11px}.errors{color:var(--bad);padding-left:18px}@media (width<=900px){body{height:auto}main{display:block}}