.analysis-tags button,
.upload-small {
  cursor: pointer;
  background: #fff;
  color: #555;
  border-color: #dfe2e8;
  transition: .18s;
}

.analysis-tags button:hover,
.upload-small:hover {
  border-color: #7380ed;
  color: #4f5ed5;
  background: #f4f5ff;
  transform: translateY(-1px);
}

.analysis-tags button.active {
  color: #fff;
  border-color: #596df0;
  background: linear-gradient(90deg, #7057f3, #269ff6);
  box-shadow: 0 7px 18px #586ee52b;
}

.analysis-tags button:active,
.upload-small:active {
  transform: translateY(0);
}

.composer-tools button,
.composer-options button {
  cursor: pointer;
  transition: .18s;
}

.composer-tools button:hover,
.composer-options button:hover {
  color: #4f5ed5;
  background: #edf0ff;
  transform: translateY(-1px);
}

.composer-tools button.selected,
.composer-options button.selected {
  color: #fff;
  background: linear-gradient(90deg, #7057f3, #269ff6);
}

.quick-model-picker {
  position: relative;
}

.quick-model-menu[hidden] {
  display: none;
}

.quick-model-menu {
  position: absolute;
  z-index: 30;
  left: 0;
  bottom: calc(100% + 9px);
  width: 310px;
  padding: 7px;
  border: 1px solid #e0e2e7;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(22, 28, 40, .15);
}

.quick-model-menu button {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  padding: 10px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  text-align: left;
  color: #222;
}

.quick-model-menu button:hover {
  background: #f3f5ff;
  transform: none;
}

.quick-model-menu button b {
  font-size: 11px;
}

.quick-model-menu button small {
  grid-column: 1;
  color: #8a8f98;
  font-size: 9px;
}

.quick-model-menu button i {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #5367ee;
  font-style: normal;
}

.quick-option-picker {
  position: relative;
}

.quick-option-menu[hidden] {
  display: none;
}

.quick-option-menu {
  position: absolute;
  z-index: 30;
  left: 0;
  bottom: calc(100% + 9px);
  width: 230px;
  padding: 7px;
  border: 1px solid #e0e2e7;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(22, 28, 40, .15);
}

.quick-option-menu.compact {
  width: 150px;
}

.quick-option-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 11px;
  border: 0;
  border-radius: 9px;
  color: #222;
  background: transparent;
  text-align: left;
}

.quick-option-menu button:hover {
  color: #4f5ed5;
  background: #f3f5ff;
  transform: none;
}

.quick-option-menu button i {
  color: #5367ee;
  font-style: normal;
}

.brand .gemini-mark {
  padding: 3px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(63, 87, 170, .16);
}

.brand .gemini-mark svg {
  display: block;
  width: 23px;
  height: 23px;
}

.header-actions .help-button {
  width: auto;
  padding: 0 12px;
  color: #555b66;
  font-size: 11px;
  font-weight: 700;
}