.runtime-broker { overflow: visible; }
.broker-stage { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; }
.broker-stage[hidden] { display: none; }
.broker-source { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.broker-canvas { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: saturate(.97); }
.broker-toggle { position: absolute; z-index: 2; right: 0; bottom: 22px; width: auto !important; height: auto !important; min-width: 112px; }
.broker-toggle.is-active { background: var(--accent); color: #fff; }
.broker-toggle.is-active b { transform: rotate(180deg); }
@media (max-width: 760px) { .broker-toggle { bottom: 12px; right: 0; min-width: 96px; } }