.demo-runtime {
  position: fixed;
  z-index: 55;
  right: 12px;
  bottom: 38px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px 7px 11px;
  border: 1px solid rgba(79,225,236,.28);
  border-radius: 999px;
  color: #b9dbe7;
  background: rgba(5,13,22,.92);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
  font-size: 10px;
  font-weight: 700;
}

.demo-runtime span { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.demo-runtime i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px rgba(79,225,236,.85); }
.demo-runtime button { min-height: 27px; padding: 4px 9px; border: 1px solid var(--line-bright); border-radius: 999px; color: #e6f4fb; background: #10263a; cursor: pointer; font-size: 10px; font-weight: 750; }
.demo-runtime button:hover { border-color: var(--cyan); }

@media (max-width: 720px) {
  .demo-runtime { right: 8px; bottom: 38px; }
  .demo-runtime span { max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
}