.au-open-btn {
  background: #3a414d;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}
.au-open-btn:hover { filter: brightness(1.15); }
.au-open-btn.au-live { background: #dc3545; animation: au-pulse 1.6s ease-in-out infinite; }
.au-open-btn.au-paused { background: #fd7e14; }
.au-open-btn.au-wait { background: #6c757d; }

@keyframes au-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6); }
  50% { box-shadow: 0 0 0 6px rgba(220, 53, 69, 0); }
}

.au-panel {
  background: #1d2128;
  color: #e8e8e8;
  border: 1px solid #2c313a;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 8px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 13px;
}
.au-panel[hidden] { display: none; }

.au-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.au-title { font-weight: bold; font-size: 14px; }
.au-state {
  border-radius: 4px;
  padding: 3px 9px;
  font-weight: bold;
  background: #333a45;
}
.au-state.au-live { background: #dc3545; }
.au-state.au-paused { background: #fd7e14; }
.au-state.au-wait { background: #6c757d; }

.au-vu {
  flex: 1;
  min-width: 80px;
  max-width: 220px;
  height: 8px;
  background: #11141a;
  border-radius: 4px;
  overflow: hidden;
}
.au-vu span {
  display: block;
  height: 100%;
  width: 0;
  background: #28a745;
  transition: width 0.08s linear;
}
.au-vu span.au-clip { background: #dc3545; }

.au-panel select {
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #3a414d;
  background: #11141a;
  color: #e8e8e8;
  max-width: 260px;
}
.au-check { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }

.au-panel button {
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  cursor: pointer;
  font-weight: bold;
  color: white;
}
.au-panel button[hidden] { display: none; }
.au-go { background: #28a745; }
.au-pause { background: #fd7e14; }
.au-stop { background: #3a414d; }
.au-panel button:disabled { opacity: 0.6; cursor: wait; }

.au-help { color: #9aa3ad; font-size: 12px; line-height: 1.4; }


.au-ghost {
  color: #9aa3ad;
  font-style: italic;
  font-size: 15px;
  padding: 6px 10px;
  min-height: 1.4em;
  white-space: nowrap;
  overflow: hidden;
}
.au-ghost[hidden] { display: none; }