:root{color-scheme:dark;--bg:#12151e;--surface:#1b202b;--raised:#262e3e;--border:#374159;--text:#edf0f7;--muted:#a8b4cb;--accent:#b9caff;--green:#9bd6bf}html[data-theme=light]{color-scheme:light;--bg:#f3f5fa;--surface:#fff;--raised:#e8edf7;--border:#cbd4e3;--text:#202938;--muted:#58677e;--accent:#3859a1;--green:#236b51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:32px 20px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{letter-spacing:3px;font-size:17px;color:var(--text);text-decoration:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}nav{display:grid;gap:10px;margin-top:42px}button,input,select{font:inherit}button{border:1px solid var(--border);background:var(--raised);color:var(--text);border-radius:7px;padding:10px 16px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}nav button{text-align:left;background:transparent;border-color:transparent}nav button[aria-current=page]{background:var(--raised);border-color:var(--border)}.aside-bottom{margin-top:auto;font-size:11px;color:var(--muted)}main{margin-left:240px;padding:40px 44px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-weight:450;font-size:34px;letter-spacing:-1px;margin:5px 0}h2{font-size:19px;font-weight:500;margin:24px 0 12px}h3{font-size:15px;font-weight:550}p{color:var(--muted)}label{display:block;font-size:12px;color:var(--muted)}input,select{border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);padding:10px;width:100%;margin:6px 0 12px}input[type=checkbox]{width:auto;margin:0 10px 0 0}.connection{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.connection label{min-width:220px}.connection input{margin-bottom:0}.pill{border:1px solid var(--border);border-radius:20px;padding:6px 14px;color:var(--muted);font-size:11px}.notice{padding:12px 18px;background:var(--raised);border-left:3px solid var(--accent);font-size:12px;color:var(--muted);margin-bottom:24px}.stats,.cards,.two{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}article,.stat{border:1px solid var(--border);border-radius:10px;padding:22px;background:var(--surface)}.stat strong{display:block;font-size:28px;font-weight:400}.stat span,.subtle{color:var(--muted);font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.section-title p{margin-top:0;font-size:12px}.tool strong{color:var(--green)}.tool p{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.primary{background:#3b455e;color:white;width:100%;margin-top:10px}table{width:100%;border-collapse:collapse;background:var(--surface);font-size:12px}td,th{text-align:left;padding:14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;max-height:300px;overflow:auto;background:var(--bg);padding:16px}details{border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:14px;background:var(--surface)}summary{cursor:pointer}.pipeline{display:flex;align-items:center;gap:12px}.pipeline article{flex:1;min-height:150px}.pipeline b{color:var(--accent);font-weight:400}.pipeline p{font-size:12px}.graph-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:auto}svg{min-width:650px;width:100%;display:block}svg text{fill:var(--text);font:13px system-ui}svg line{stroke:var(--border);stroke-width:2}svg .dependency{stroke:var(--accent);stroke-dasharray:6 6}svg rect,svg circle{fill:var(--raised);stroke:var(--border);stroke-width:2}svg g[tabindex]{cursor:pointer}svg g:hover rect,svg g:focus rect{stroke:var(--accent)}.legend{display:flex;gap:22px;margin:18px 0;font-size:11px;color:var(--muted)}#detail{margin-bottom:18px}code{font-size:12px;overflow-wrap:anywhere;color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}@media(max-width:1050px){aside{width:190px}main{margin-left:190px;padding:28px 22px}.two{grid-template-columns:1fr}.pipeline{flex-wrap:wrap}.pipeline article{min-width:160px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}.aside-bottom{display:none}nav{display:flex;margin:14px 0 0;gap:4px;flex-wrap:wrap}nav button{padding:8px}.brand{font-size:14px}main{margin:0;padding:22px 16px}.connection,.section-title{display:block}.connection button{margin-top:12px}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:22px}.legend{flex-wrap:wrap}}

.run-map{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.run-card{min-width:230px}.run-card h3{color:var(--accent)}
@media(max-width:650px){.aside-bottom{display:block;margin-top:12px}.aside-bottom p{display:none}.aside-bottom select{max-width:240px}}

.map-version{margin:16px 0}.map-version button{display:block;margin-top:16px}.pipeline{flex-wrap:wrap}.pipeline article{min-width:145px}