:root {
  --vneu-tools-bg: rgba(26, 22, 17, 0.96);
  --vneu-tools-panel: #211c16;
  --vneu-tools-border: rgba(201, 181, 157, 0.18);
  --vneu-tools-text: #f3eee8;
  --vneu-tools-muted: #b8aa9a;
  --vneu-tools-accent: #e4753c;
}

#vneu-feature-fab,
#vneu-voice-speed {
  position: fixed;
  z-index: 2147483000;
  border: 1px solid var(--vneu-tools-border);
  color: var(--vneu-tools-text);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.34);
  font: 700 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#vneu-feature-fab {
  right: 18px;
  bottom: 86px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(145deg, #f08a4e, #c84f26);
}

#vneu-feature-fab[data-has-draft="true"]::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #55d98a;
  border: 2px solid #17130f;
}

#vneu-voice-speed {
  right: 74px;
  bottom: 92px;
  min-width: 48px;
  height: 36px;
  padding: 0 12px;
  border-radius: 18px;
  background: rgba(31, 27, 22, 0.94);
}

#vneu-feature-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: none;
  background: rgba(7, 6, 5, 0.58);
  backdrop-filter: blur(5px);
}

#vneu-feature-backdrop[data-open="true"] {
  display: block;
}

#vneu-feature-sheet {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: min(520px, 100vw);
  box-sizing: border-box;
  overflow: auto;
  padding: max(18px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));
  color: var(--vneu-tools-text);
  background: var(--vneu-tools-bg);
  border-left: 1px solid var(--vneu-tools-border);
  font: 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vneu-tools-header,
.vneu-tools-row,
.vneu-tools-result-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vneu-tools-header {
  justify-content: space-between;
  margin-bottom: 16px;
}

.vneu-tools-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
}

.vneu-tools-close,
.vneu-tools-button,
.vneu-tools-tab {
  border: 1px solid var(--vneu-tools-border);
  color: var(--vneu-tools-text);
  background: #2a241d;
  cursor: pointer;
}

.vneu-tools-close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 22px;
}

.vneu-tools-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-bottom: 16px;
}

.vneu-tools-tab,
.vneu-tools-button {
  min-height: 40px;
  border-radius: 13px;
  padding: 8px 12px;
  font: 650 14px/1.2 inherit;
}

.vneu-tools-tab[data-active="true"],
.vneu-tools-button--accent {
  border-color: transparent;
  background: linear-gradient(135deg, #e9783e, #bd4724);
}

.vneu-tools-input {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border: 1px solid var(--vneu-tools-border);
  border-radius: 15px;
  padding: 11px 14px;
  outline: none;
  color: var(--vneu-tools-text);
  background: #17130f;
  font: 16px/1.35 inherit;
}

.vneu-tools-input:focus {
  border-color: rgba(228, 117, 60, 0.75);
  box-shadow: 0 0 0 3px rgba(228, 117, 60, 0.12);
}

.vneu-tools-panel[hidden] {
  display: none;
}

.vneu-tools-hint,
.vneu-tools-meta,
.vneu-tools-empty {
  color: var(--vneu-tools-muted);
}

.vneu-tools-hint {
  margin: 10px 2px 14px;
}

.vneu-tools-list {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.vneu-tools-card {
  padding: 13px;
  border: 1px solid var(--vneu-tools-border);
  border-radius: 16px;
  background: var(--vneu-tools-panel);
}

.vneu-tools-card-title {
  font-weight: 750;
}

.vneu-tools-card-text {
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.vneu-tools-result-head {
  justify-content: space-between;
}

.vneu-tools-card .vneu-tools-row {
  flex-wrap: wrap;
  margin-top: 11px;
}

.vneu-tools-error {
  margin-top: 12px;
  color: #ff9b82;
}

@media (max-width: 700px) {
  #vneu-feature-fab {
    right: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom));
  }

  #vneu-voice-speed {
    right: 66px;
    bottom: calc(82px + env(safe-area-inset-bottom));
  }

  #vneu-feature-sheet {
    top: 8vh;
    width: 100%;
    border-left: 0;
    border-top: 1px solid var(--vneu-tools-border);
    border-radius: 24px 24px 0 0;
  }
}