.stream-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.stream-toolbar>span{font:11px/1.6 var(--mono);color:var(--muted)}.stream-toolbar button{background:transparent;border:1px solid #777;border-radius:2px;color:var(--ink);padding:6px 12px;cursor:pointer;white-space:nowrap;font-size:12px}.stream-toolbar button:hover{border-color:var(--accent)}.stream-toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.stream-stage{position:relative;min-width:0;overflow:hidden;background:#242424}.stream-stage>svg{display:block;width:100%;height:280px}.stream-stage>p{position:absolute;inset:100px 20px auto;text-align:center;color:var(--muted);font-size:12px}.stream-stage .stream-label{fill:var(--muted);font:10px var(--mono);letter-spacing:.08em}.stream-divider{stroke:var(--line);stroke-width:1;fill:none}.stream-hit{fill:transparent}.stream-mark{fill:var(--accent);fill-opacity:.7}.stream-id{fill:#192411;font:9px var(--mono);pointer-events:none}.stream-tile{cursor:pointer;outline:none}.stream-tile[data-state=confirmed] .stream-mark{fill:#68afd2;fill-opacity:.75}.stream-tile[data-state=accepted] .stream-mark{fill:#e2a15f;fill-opacity:.8}.stream-tile[data-state=not-in-mempool] .stream-mark{fill:#888;fill-opacity:.5}.stream-tile:focus .stream-mark,.stream-tile:hover .stream-mark,.stream-tile.is-selected .stream-mark{stroke:var(--ink);stroke-width:1.5;fill-opacity:1}.stream-detail{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font:11px/1.8 var(--mono);min-height:60px}.stream-detail>a{overflow-wrap:anywhere}.stream-detail>span{color:var(--muted)}.stream-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0;font-size:11px;color:var(--muted)}.stream-legend>span{display:inline-flex;align-items:center;gap:7px}.stream-legend i{display:inline-block;width:10px;height:7px;background:var(--accent)}.stream-legend .accepted{background:#e2a15f}.stream-legend .confirmed{background:#68afd2}.stream-legend .outside{background:#888}.stream-log{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px;font:11px/1.7 var(--mono)}.stream-log li{display:flex;gap:12px;min-width:0}.stream-log time,.stream-log li>span{color:var(--muted)}.stream-log a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.stream-toolbar{align-items:start;gap:10px}.stream-log{grid-template-columns:1fr}.stream-log li:nth-child(n+5){display:none}.stream-legend{gap:8px 12px}.topbar nav{gap:6px}}

.stream-stage>svg{height:410px}.stream-tile{will-change:transform}.stream-block{opacity:1}.stream-block-box{fill:#68afd2;fill-opacity:.045;stroke:#68afd2;stroke-opacity:.55;stroke-width:1}.stream-block-title{fill:#93c9e2;font:12px var(--mono)}.stream-block-count{fill:var(--muted);font:9px var(--mono)}.stream-block a:hover .stream-block-title{fill:var(--accent)}.stream-mark{fill-opacity:.8}.stream-id{font-size:8px}
@media(prefers-reduced-motion:reduce){.stream-block{transition:none}}