.audio-badge{position:absolute;inset:0;z-index:3;display:block;overflow:hidden;text-align:left;pointer-events:auto;background:#070b18;color:#f7f7ff}
.audio-badge canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.viz-top,.viz-bottom{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(14px,2.3vw,26px);pointer-events:none}
.viz-top{top:0;background:linear-gradient(180deg,#020713aa,transparent)}
.viz-bottom{bottom:0;align-items:flex-end;background:linear-gradient(0deg,#020713c4,transparent);padding-top:38px}
.viz-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#d5e3f7}
.viz-live-dot{height:8px;width:8px;border-radius:50%;background:#53f4df;box-shadow:0 0 12px #39f4df}
.viz-picker{display:flex;align-items:center;gap:8px;pointer-events:auto;white-space:nowrap;color:#d9e6f5;font-size:12px;font-weight:700}
.viz-picker select{max-width:200px;min-height:36px;padding:7px 28px 7px 10px;border:1px solid #a6c6e566;border-radius:9px;color:#fff;background:#101a2bd9;font:600 12px system-ui,sans-serif;cursor:pointer;color-scheme:dark}
.viz-picker select:focus-visible,.viz-enable:focus-visible{outline:3px solid #48e6ff;outline-offset:3px}
.viz-track{min-width:0;max-width:min(70%,600px)}.viz-track small{display:block;color:#a9c4dc;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.viz-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:clamp(14px,1.6vw,20px)}
.viz-state{display:flex;align-items:center;gap:8px;color:#b1d4df;font-size:11px;white-space:nowrap}.viz-enable{pointer-events:auto;border:1px solid #60cce7;background:#0b2535;color:#effdff;border-radius:8px;padding:8px 10px;font-size:11px;cursor:pointer}
@media(max-width:600px){.viz-top,.viz-bottom{padding:10px;gap:8px}.viz-brand{font-size:9px;letter-spacing:.1em}.viz-picker{gap:4px;font-size:10px}.viz-picker select{max-width:148px;min-height:32px;font-size:11px;padding:6px}.viz-bottom{padding-top:22px}.viz-track small{display:none}.viz-track strong{font-size:12px}.viz-state{font-size:9px}.viz-enable{font-size:10px;padding:5px}}