.harness-frame{width:100%;overflow-x:auto;background:#0b0c10}@media (min-width:768px){.harness-frame{width:1040px;min-width:1040px;position:relative;left:50%;transform:translateX(-50%);overflow-x:visible}}.harness-diagram{--bg:#0b0c10;--panel:#12141a;--text:#dbe1ea;--muted:#7a8494;--border:#333a47;--prefs-c:#b794f6;--harness-c:#9fb0c9;--agent-c:#f5b942;--db-c:#33d0e0;--dash-c:#59d888;--step0-c:#ec6fa0;margin:0;padding:24px 20px 36px;background:var(--bg);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.harness-diagram *{box-sizing:border-box}.harness-diagram .wrap{width:1000px;margin:0 auto}.harness-diagram h1{font-size:20px;margin:0 0 6px;color:#fff}.harness-diagram .subtitle,.harness-diagram h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.harness-diagram .subtitle{color:var(--muted);font-size:13px;max-width:760px;margin:0 0 26px;line-height:1.5}.harness-diagram .group{border:1px solid var(--border);border-radius:10px;padding:16px 14px 14px;position:relative;margin-bottom:10px}.harness-diagram .group-label{position:absolute;top:-9px;left:12px;background:var(--bg);padding:0 8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.harness-diagram .group.prefs{border-color:var(--prefs-c);color:var(--prefs-c)}.harness-diagram .group.db{border-color:var(--db-c);color:var(--db-c)}.harness-diagram .group.harness{border-color:var(--harness-c);color:var(--harness-c)}.harness-diagram .group.agents{border-color:var(--agent-c);color:var(--agent-c)}.harness-diagram .group.dash{border-color:var(--dash-c);color:var(--dash-c)}.harness-diagram .group.step0{border-color:var(--step0-c);color:var(--step0-c)}.harness-diagram .leaf{border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:9px 11px;color:var(--text)}.harness-diagram .leaf .leaf-title{font-weight:700;font-size:12px}.harness-diagram .leaf .leaf-desc{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.harness-diagram .prefs-row{display:flex;gap:10px}.harness-diagram .prefs-row .leaf{flex:1;text-align:center}.harness-diagram .top-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:0}.harness-diagram .top-row .group.prefs{flex:1}.harness-diagram .top-row .group.step0{width:230px;flex:none}.harness-diagram .vconn{display:flex;flex-direction:column;align-items:center;margin:2px 0 8px}.harness-diagram .vconn .line{width:2px;height:22px;background:var(--muted);position:relative}.harness-diagram .vconn .line:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%,100%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--muted)}.harness-diagram .vconn .lbl{font-size:10.5px;color:var(--muted);margin-top:4px}.harness-diagram .pipeline{position:relative;display:grid;grid-template-columns:190px 56px 1fr 56px 220px;grid-template-rows:repeat(4,auto);column-gap:20px;row-gap:16px;align-items:stretch;padding:6px 0}.harness-diagram .pipeline .cell{display:flex;align-items:center;position:relative;z-index:1}.harness-diagram .pipeline .cell.g-db{align-items:stretch}.harness-diagram .g-db{grid-column:1}.harness-diagram .g-cx1{grid-column:2}.harness-diagram .g-harness{grid-column:3}.harness-diagram .g-cx2{grid-column:4}.harness-diagram .g-agents{grid-column:5}.harness-diagram .panel-bg{grid-row:1/5;margin:-10px -9px;border-radius:12px;border:1px solid var(--border);position:relative;z-index:0}.harness-diagram .panel-bg .panel-label{position:absolute;top:-9px;left:14px;background:var(--bg);padding:0 8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.harness-diagram .panel-bg.db{grid-column:1;border-color:var(--db-c)}.harness-diagram .panel-bg.db .panel-label{color:var(--db-c)}.harness-diagram .panel-bg.harness{grid-column:3;border-color:var(--harness-c)}.harness-diagram .panel-bg.harness .panel-label{color:var(--harness-c)}.harness-diagram .panel-bg.agents{grid-column:5;border-color:var(--agent-c)}.harness-diagram .panel-bg.agents .panel-label{color:var(--agent-c)}.harness-diagram .agent-box,.harness-diagram .db-box{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:10px 12px;width:100%}.harness-diagram .db-box{border-color:var(--db-c);color:var(--db-c);display:flex;align-items:center;justify-content:center;text-align:center;height:100%}.harness-diagram .agent-box{border-color:var(--agent-c);color:var(--agent-c)}.harness-diagram .agent-box .leaf-title,.harness-diagram .db-box .leaf-title{font-size:12px}.harness-diagram .step-box{border:1px solid var(--harness-c);background:var(--panel);border-radius:8px;padding:9px 12px;width:100%;color:var(--text)}.harness-diagram .step-box .step-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.harness-diagram .step-num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--harness-c);color:#0b0c10;font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center}.harness-diagram .step-box .step-title{font-weight:700;font-size:12px;color:var(--harness-c)}.harness-diagram .step-desc{font-size:11px;color:var(--muted);line-height:1.4}.harness-diagram .hconn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:2px}.harness-diagram .hconn .hline{width:100%;height:2px;background:var(--muted);position:relative}.harness-diagram .hconn .hline.r:after{right:-1px;border-left:7px solid var(--muted)}.harness-diagram .hconn .hline.l:before,.harness-diagram .hconn .hline.r:after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent}.harness-diagram .hconn .hline.l:before{left:-1px;border-right:7px solid var(--muted)}.harness-diagram .hconn .hlbl{font-size:9px;color:var(--muted);text-align:center;line-height:1.25}.harness-diagram .hconn.empty{visibility:hidden}.harness-diagram .dash-box{border:1px solid var(--dash-c);background:var(--panel);border-radius:8px;padding:10px 14px;color:var(--dash-c);text-align:left;margin:0;max-width:520px}.harness-diagram .dash-box .leaf-desc{color:var(--muted)}.harness-diagram .legend{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 26px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:11.5px;color:var(--text)}.harness-diagram .legend-item{display:flex;align-items:center;gap:6px}.harness-diagram .dot{width:10px;height:10px;border-radius:3px;flex:none}.harness-diagram .footer-note{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:28px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}