.bodygraph-overlay{overflow:visible;pointer-events:none}.bg-gate-marker{pointer-events:none}.bg-gate-marker .bg-gate-disc{fill:#ffffff59;stroke:#ffffff80;stroke-width:1.2}.bg-gate-marker.is-active .bg-gate-disc{stroke-width:2}.bg-gate-marker.is-design .bg-gate-disc{stroke:#c04040}.bg-gate-marker.is-personality .bg-gate-disc{stroke:#2a2a2a}.bg-gate-marker.is-both .bg-gate-disc{stroke:#c04040}.bg-gate-num{font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;fill:#1a1a22;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#ffffffd9;stroke-width:2.5px}.bg-gate-marker.is-active .bg-gate-num{font-size:11px}.bg-ch-active{fill:none;stroke-linecap:round;stroke-linejoin:round}.bg-layer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin-top:8px;padding:8px 12px;background:#ffffffe6;border:1px solid var(--b2, #e8e4dc);border-radius:8px;font-size:10px;color:var(--gray, #666)}.bg-layer-bar label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.bg-layer-bar input{accent-color:#c04040}.bg-layer-legend{display:flex;align-items:center;gap:10px;margin-left:2px;padding-left:10px;border-left:1px solid var(--b2, #e8e4dc)}.bg-layer-legend span{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600}.bg-legend-swatch{width:12px;height:3px;border-radius:2px}