:root {
  --qwen-addon-bg: color-mix(in srgb, #111827 94%, transparent);
  --qwen-addon-border: rgba(148, 163, 184, 0.3);
  --qwen-addon-text: #f3f4f6;
  --qwen-addon-accent: #10b981;
}

.qwen-addon-toolbar {
  position: fixed;
  top: 10px;
  right: 68px;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--qwen-addon-border);
  border-radius: 12px;
  background: var(--qwen-addon-bg);
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.24);
  color: var(--qwen-addon-text);
  backdrop-filter: blur(14px);
}

.qwen-addon-button {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: 500 13px/1.2 ui-sans-serif, system-ui, -apple-system, sans-serif;
  cursor: pointer;
}

.qwen-addon-button:hover,
.qwen-addon-button:focus-visible {
  background: rgba(148, 163, 184, 0.16);
  outline: none;
}

.qwen-addon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--qwen-addon-accent);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.16);
}

.qwen-addon-button[aria-pressed="false"] .qwen-addon-dot {
  background: #7c8491;
  box-shadow: none;
}

@media (max-width: 760px) {
  .qwen-addon-toolbar {
    top: auto;
    right: 10px;
    bottom: 78px;
  }
}
