popup.css

.container {
  font-family: system-ui, Arial, sans-serif;
  padding: 12px;
  width: 420px;
}

h1 {
    font-size: 16px;
    margin: 0 0 8px 0;
}

.status-section p {
  margin: 8px 0;
}

.status-disconnected { color: #b00; font-weight: 600 }
.status-connected { color: #080; font-weight: 700 }

.sample-section textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: monospace;
}

.log-box {
  max-height: 240px;
  overflow: auto;
  background: #f7f7f7;
  padding: 8px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 12px;
}

.log-line { margin: 6px 0; white-space: pre-wrap }
.log-info { color: #333; }
.log-error { color: #d00; font-weight: bold; }
.log-success { color: #070; }
.log-warning { color: #850; }