:root{--bg:#f7f7f5;--fg:#1f2328;--muted:#6b7280;--node:#fff;--stroke:#2563eb;--edge:#9ca3af;--ok:#15803d;--bad:#b91c1c;--panel:#fff;--border:#e5e7eb}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--fg:#e6e6e6;--muted:#9aa0a6;--node:#22262e;--stroke:#60a5fa;--edge:#4b5563;--ok:#4ade80;--bad:#f87171;--panel:#1d2026;--border:#2e323a}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);flex-direction:column;font:15px/1.4 system-ui,-apple-system,sans-serif;display:flex}#view{flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}#view svg{max-width:100%;max-height:100%}.empty{color:var(--muted)}footer{border-top:1px solid var(--border);background:var(--panel);padding:12px 16px}#stats{color:var(--muted);min-height:18px;margin-bottom:8px;font-size:13px}#stats .ok{color:var(--ok)}#stats .bad{color:var(--bad)}input{width:100%;font:inherit;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:ui-monospace,monospace}input:focus{outline:2px solid var(--stroke);outline-offset:-1px}.node circle{fill:var(--node);stroke:var(--stroke);stroke-width:2px}.node text{fill:var(--fg);text-anchor:middle;dominant-baseline:central;font-family:ui-monospace,monospace;font-size:13px}.edge{stroke:var(--edge);stroke-width:1.5px}