.bg-tool{--bg-line:#303940;--bg-muted:#a3afb6;--bg-btc:#f3a64b;--bg-paxg:#e4d164;--bg-usdc:#65bbdc;--bg-green:#6cd5b0;margin:12px 0 36px;letter-spacing:0;color:#e8edef;font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}
.bg-tool *{box-sizing:border-box;letter-spacing:0}
.bg-tool [hidden]{display:none!important}
.bg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.bg-tool h2{font-size:26px;line-height:1.25;margin:4px 0}
.bg-tool h3{font-size:15px;margin:18px 0 10px}
.bg-kicker,.bg-note,.bg-risk{color:var(--bg-muted);font-size:12px}
.bg-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;padding:16px 0;border-block:1px solid var(--bg-line)}
.bg-controls label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--bg-muted)}
.bg-tool input,.bg-tool select,.bg-tool button{font:inherit;color:#eef3f4;background:#131b20;border:1px solid #4c5961;border-radius:4px;min-height:42px;padding:8px 10px;width:100%;min-width:0}
.bg-tool button{cursor:pointer;width:auto;font-weight:600}
.bg-controls button{width:100%;border-color:var(--bg-green)}
.bg-tool .bg-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px;flex:none;justify-self:start}
.bg-icon-button svg{width:20px;height:20px}
.bg-tool button:disabled{opacity:.45;cursor:not-allowed}
.bg-tool :focus-visible{outline:2px solid var(--bg-green);outline-offset:3px}
.bg-note{margin:10px 0;overflow-wrap:anywhere}
.bg-status{padding:10px 0;min-height:42px;color:var(--bg-muted);overflow-wrap:anywhere}
.bg-status[data-state="error"]{color:#ffaaaa}
.bg-metrics,.bg-benchmarks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 0;border-block:1px solid var(--bg-line)}
.bg-metrics dt,.bg-benchmarks dt{color:var(--bg-muted);font-size:12px}
.bg-metrics dd{font-size:20px;font-variant-numeric:tabular-nums}
.bg-benchmarks{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
.bg-metrics dd,.bg-benchmarks dd{overflow-wrap:anywhere}
.bg-allocations{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bg-allocation-row{display:grid;grid-template-columns:52px minmax(0,1fr) 60px;gap:8px;align-items:center;margin:10px 0;font-variant-numeric:tabular-nums}
.bg-track{height:9px;background:#252d33;overflow:hidden;border-radius:2px}
.bg-track span{display:block;height:100%}
.bg-allocation-row output{text-align:right;font-size:12px}
.bg-chart{margin:20px 0;border-block:1px solid var(--bg-line);padding:14px 0}
.bg-chart figcaption{font-size:13px;margin-bottom:8px}
#bg-chart{display:block;width:100%;height:260px;touch-action:pan-y}
#bg-chart-point{min-height:36px;font-variant-numeric:tabular-nums}
.bg-table-wrap{overflow-x:auto;border-block:1px solid var(--bg-line)}
.bg-tool table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px;text-align:left}
.bg-tool th,.bg-tool td{padding:10px 8px;border-bottom:1px solid var(--bg-line);vertical-align:top}
.bg-tool th{color:var(--bg-muted);font-weight:500}
.bg-tool td small{display:block;color:var(--bg-muted);margin-top:4px}
.bg-tool summary{cursor:pointer;color:var(--bg-usdc);padding:10px 0}
.bg-provenance{margin:16px 0;font-size:12px;overflow-wrap:anywhere}
.bg-provenance dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;margin:8px 0}
.bg-provenance dt{color:var(--bg-muted)}
.bg-provenance ul{padding-left:18px;margin-top:8px}
.bg-risk{border-top:1px solid var(--bg-line);padding-top:14px;margin-top:12px}
@media(max-width:600px){.bg-header{align-items:flex-start}.bg-tool h2{font-size:22px}.bg-header button{max-width:112px}.bg-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-metrics,.bg-benchmarks{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-allocations{grid-template-columns:1fr;gap:0}.bg-provenance dl>div{grid-template-columns:1fr;gap:2px}#bg-chart{height:220px}}
