:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--line: #30363d;--text: #e6edf3;--dim: #8b949e;--accent: #58a6ff;--good: #3fb950;--bad: #f85149}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header{padding:24px 32px 0;border-bottom:1px solid var(--line)}h1{margin:0 0 4px;font-size:22px}header p{margin:0 0 16px;color:var(--dim);max-width:80ch}nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--dim);font:inherit;padding:8px 12px;cursor:pointer}nav button.active{color:var(--text);border-bottom-color:var(--accent)}main{padding:24px 32px}.drop{display:block;border:1px dashed var(--line);border-radius:8px;padding:32px;text-align:center;color:var(--dim);cursor:pointer}.drop.over{border-color:var(--accent);color:var(--text)}.drop input{display:none}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0}#root{max-width:60ch}select,input,textarea{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit}textarea{width:100%;font-family:ui-monospace,monospace;font-size:13px}main button{background:var(--accent);color:#04121f;border:0;border-radius:6px;padding:8px 18px;font:inherit;font-weight:600;cursor:pointer}main button:disabled{opacity:.5;cursor:wait}.status{min-height:1.5em;color:var(--dim)}.status.good{color:var(--good)}.status.bad{color:var(--bad)}pre{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;overflow:auto;font-size:13px}pre:empty{display:none}table{border-collapse:collapse;margin:12px 0;font-size:13px}th,td{border:1px solid var(--line);padding:4px 10px;text-align:left;font-family:ui-monospace,monospace}th{color:var(--dim);font-weight:500}.graph{overflow:auto;margin-top:16px}.graph svg{display:block}.graph .block{fill:var(--panel);stroke:var(--line)}.graph .entry{stroke:var(--accent)}.graph text{fill:var(--text);font:11px ui-monospace,monospace}.graph .address{fill:var(--dim)}.graph .edge{fill:none;stroke:var(--dim);stroke-width:1.2}.graph .branch{stroke:var(--good)}.graph .unresolved{stroke:var(--bad);stroke-dasharray:4 3}
