/* AI hook owns its appearance and dimensions independently of Button. */
/* @gaip-ai-hook-icon:start */
/* Generated from icons/sparkle.svg and icons/sparkle-color.svg by build-ai-hook-assets.cjs. */
.gaip-ai-hook { --gaip-ai-hook-icon-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%201L8.898%203.426C9.528%205.129%2010.871%206.472%2012.574%207.102L15%208L12.574%208.898C10.871%209.528%209.528%2010.871%208.898%2012.574L8%2015L7.102%2012.574C6.472%2010.871%205.129%209.528%203.426%208.898L1%208L3.426%207.102C5.129%206.472%206.472%205.129%207.102%203.426L8%201Z%22%2F%3E%0A%3C%2Fsvg%3E"); --gaip-ai-hook-text-icon: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2064%2064%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3E%E7%94%BB%E6%9D%BF%E5%A4%87%E4%BB%BD%3C%2Ftitle%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20cx%3D%2284.0329851%25%22%20cy%3D%2250%25%22%20fx%3D%2284.0329851%25%22%20fy%3D%2250%25%22%20r%3D%2274.9262118%25%22%20id%3D%22radialGradient-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2310BFD4%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20cx%3D%2221.7999517%25%22%20cy%3D%2268.0761843%25%22%20fx%3D%2221.7999517%25%22%20fy%3D%2268.0761843%25%22%20r%3D%2292.4952704%25%22%20id%3D%22radialGradient-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23F7DB35%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20cx%3D%2213.5479363%25%22%20cy%3D%2226.5729009%25%22%20fx%3D%2213.5479363%25%22%20fy%3D%2226.5729009%25%22%20r%3D%2263.0374208%25%22%20id%3D%22radialGradient-3%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FA5353%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20cx%3D%2218.4029093%25%22%20cy%3D%2226.7879564%25%22%20fx%3D%2218.4029093%25%22%20fy%3D%2226.7879564%25%22%20r%3D%2250%25%22%20id%3D%22radialGradient-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FA6C53%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20cx%3D%2255.474729%25%22%20cy%3D%2250%25%22%20fx%3D%2255.474729%25%22%20fy%3D%2250%25%22%20r%3D%2244.0877153%25%22%20gradientTransform%3D%22translate%280.5547%2C%200.5%29%2C%20rotate%2883.2619%29%2C%20scale%281%2C%200.6517%29%2C%20translate%28-0.5547%2C%20-0.5%29%22%20id%3D%22radialGradient-5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M31.6767677%2C50.2830754%20C25.065643%2C50.2830754%2018.4545183%2C51.7600542%2011.8433937%2C54.7140119%20L11.8444073%2C54.7162876%20C10.8659763%2C55.1520894%209.71951421%2C54.7122016%209.2837124%2C53.7337707%20C9.05999501%2C53.2314964%209.05999501%2C52.657867%209.2837124%2C52.1555927%20C12.2399458%2C45.5454817%2013.7169246%2C38.934357%2013.7169246%2C32.3232323%20C13.7169246%2C25.7121076%2012.2399458%2C19.100983%209.2859881%2C12.4898583%20L9.2837124%2C12.4908719%20C8.8479106%2C11.512441%209.28779842%2C10.3659789%2010.2662293%2C9.93017705%20C10.7685036%2C9.70645966%2011.342133%2C9.70645966%2011.8444073%2C9.93017705%20C18.4545183%2C12.8864104%2025.065643%2C14.3633892%2031.6767677%2C14.3633892%20C38.2878924%2C14.3633892%2044.899017%2C12.8864104%2051.5101417%2C9.93245274%20L51.5091281%2C9.93017705%20C52.487559%2C9.49437525%2053.6340211%2C9.93426306%2054.0698229%2C10.912694%20C54.2935403%2C11.4149682%2054.2935403%2C11.9885977%2054.0698229%2C12.4908719%20C51.1135896%2C19.100983%2049.6366108%2C25.7121076%2049.6366108%2C32.3232323%20C49.6366108%2C38.934357%2051.1135896%2C45.5454817%2054.0675473%2C52.1566063%20L54.0698229%2C52.1555927%20C54.5056248%2C53.1340237%2054.0657369%2C54.2804858%2053.087306%2C54.7162876%20C52.5850318%2C54.940005%2052.0114023%2C54.940005%2051.5091281%2C54.7162876%20C44.899017%2C51.7600542%2038.2878924%2C50.2830754%2031.6767677%2C50.2830754%20Z%22%20id%3D%22path-6%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22%E7%94%BB%E6%9D%BF%E5%A4%87%E4%BB%BD%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E6%98%9F%E5%BD%A2%22%20transform%3D%22translate%2831.6768%2C%2032.3232%29%20rotate%28-315%29%20translate%28-31.6768%2C%20-32.3232%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFFFFF%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-1%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-1%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-2%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-3%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-4%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22url%28%23radialGradient-5%29%22%20xlink%3Ahref%3D%22%23path-6%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
/* @gaip-ai-hook-icon:end */
.gaip-ai-hook {
  --gaip-ai-hook-color: #ffffff;
  --gaip-ai-hook-border: #2f3640;
  --gaip-ai-hook-background: #2f3640;
  --gaip-ai-hook-hover-background: #424852;
  --gaip-ai-hook-hover-border: #424852;
  --gaip-ai-hook-active-background: #242a32;
  --gaip-ai-hook-focus-color: #2f3640;
  --gaip-ai-hook-disabled-color: #a8aaac;
  --gaip-ai-hook-disabled-background: #f5f5f5;
  --gaip-ai-hook-disabled-border: #e5e6e7;
  --gaip-ai-hook-height: 32px;
  --gaip-ai-hook-font-size: 14px;
  --gaip-ai-hook-icon-size: 16px;
  --gaip-ai-hook-padding-inline: 12px;
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--gaip-ai-hook-height);
  min-height: var(--gaip-ai-hook-height);
  max-width: 100%;
  margin: 0;
  padding: 0 var(--gaip-ai-hook-padding-inline);
  border: 1px solid var(--gaip-ai-hook-border);
  border-radius: 999px;
  background: var(--gaip-ai-hook-background);
  color: var(--gaip-ai-hook-color);
  font-family: inherit;
  font-size: var(--gaip-ai-hook-font-size);
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
/* Host headings use important descendant typography. Keep this component's contract
   inside its own boundary, independent of modal/card title nesting and load order. */
.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook,
.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook :where(.gaip-ai-hook__icon, .gaip-ai-hook__label, .gaip-ai-hook__label *) {
  font-family: inherit !important;
  font-size: var(--gaip-ai-hook-font-size) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 20px !important;
}
.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook.gaip-ai-hook :where(.gaip-ai-hook__icon, .gaip-ai-hook__label, .gaip-ai-hook__label *) {
  color: inherit !important;
}
.gaip-ai-hook[data-gaip-ai-hook-size="small"] {
  --gaip-ai-hook-height: 24px;
  --gaip-ai-hook-font-size: 12px;
  --gaip-ai-hook-icon-size: 14px;
  --gaip-ai-hook-padding-inline: 8px;
  gap: 5px;
}
.gaip-ai-hook[data-gaip-ai-hook-variant="text"] {
  --gaip-ai-hook-color: var(--gaip-palette-ink, #2f3640);
  --gaip-ai-hook-hover-background: transparent;
  --gaip-ai-hook-active-background: transparent;
  --gaip-ai-hook-text-border-gradient: linear-gradient(90deg, #10bfd4 0%, #ffffff 50%, #fa6c53 100%);
  --gaip-ai-hook-focus-color: var(--gaip-palette-ink, #2f3640);
  --gaip-ai-hook-height: 28px;
  --gaip-ai-hook-font-size: 14px;
  --gaip-ai-hook-icon-size: 16px;
  --gaip-ai-hook-padding-inline: 8px;
  position: relative;
  border-color: transparent;
  border-radius: 999px;
  background: transparent;
}
/* Draw only the ring so text hooks stay transparent over every host surface. */
.gaip-ai-hook[data-gaip-ai-hook-variant="text"]::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: inherit;
  background: var(--gaip-ai-hook-text-border-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 1;
  pointer-events: none;
  transition: opacity 140ms ease;
}
.gaip-ai-hook[data-gaip-ai-hook-variant="text"]:disabled::before,
.gaip-ai-hook[data-gaip-ai-hook-variant="text"][aria-disabled="true"]::before {
  opacity: 0;
}
.gaip-ai-hook:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--gaip-ai-hook-hover-border);
  background: var(--gaip-ai-hook-hover-background);
}
.gaip-ai-hook:active:not(:disabled):not([aria-disabled="true"]),
.gaip-ai-hook[aria-expanded="true"]:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--gaip-ai-hook-hover-border);
  background: var(--gaip-ai-hook-active-background);
}
.gaip-ai-hook[data-gaip-ai-hook-variant="text"]:hover:not(:disabled):not([aria-disabled="true"]),
.gaip-ai-hook[data-gaip-ai-hook-variant="text"]:active:not(:disabled):not([aria-disabled="true"]),
.gaip-ai-hook[data-gaip-ai-hook-variant="text"][aria-expanded="true"]:not(:disabled):not([aria-disabled="true"]) {
  border-color: transparent;
  text-decoration: none;
}
.gaip-ai-hook:focus-visible {
  outline: 2px solid var(--gaip-ai-hook-focus-color);
  outline-offset: 3px;
}
.gaip-ai-hook:disabled,
.gaip-ai-hook[aria-disabled="true"] {
  border-color: var(--gaip-ai-hook-disabled-border);
  background: var(--gaip-ai-hook-disabled-background);
  color: var(--gaip-ai-hook-disabled-color);
  cursor: not-allowed;
}
.gaip-ai-hook[data-gaip-ai-hook-variant="text"]:disabled,
.gaip-ai-hook[data-gaip-ai-hook-variant="text"][aria-disabled="true"] {
  border-color: transparent;
  background: transparent;
}
.gaip-ai-hook .gaip-ai-hook__icon {
  box-sizing: border-box;
  display: inline-block;
  flex: 0 0 var(--gaip-ai-hook-icon-size);
  width: var(--gaip-ai-hook-icon-size);
  height: var(--gaip-ai-hook-icon-size);
  background: var(--gaip-ai-hook-text-icon) center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}
.gaip-ai-hook .gaip-ai-hook__label { min-width: 0; }
/* Both variants share the supplied color SVG; disabled states use the monochrome mask. */
.gaip-ai-hook:disabled .gaip-ai-hook__icon,
.gaip-ai-hook[aria-disabled="true"] .gaip-ai-hook__icon,
.gaip-ai-hook:disabled .gaip-ai-hook__label,
.gaip-ai-hook[aria-disabled="true"] .gaip-ai-hook__label {
  background-image: none;
  -webkit-text-fill-color: currentColor;
}
.gaip-ai-hook:disabled .gaip-ai-hook__icon,
.gaip-ai-hook[aria-disabled="true"] .gaip-ai-hook__icon {
  background-color: currentColor;
  -webkit-mask: var(--gaip-ai-hook-icon-mask) center / contain no-repeat;
  mask: var(--gaip-ai-hook-icon-mask) center / contain no-repeat;
}
.gaip-ai-hook[hidden] { display: none; }
.gaip-ai-hook-popover {
  position: fixed;
  inset: auto;
  z-index: 14020;
  box-sizing: border-box;
  max-height: calc(100vh - 24px);
  margin: 0;
  padding: 16px;
  overflow-y: auto;
  border: 1px solid #e4dfd2;
  border-radius: 12px;
  background: #fff;
  color: #2f3640;
  box-shadow: 0 8px 32px rgb(47 54 64 / 16%);
  font-family: inherit;
}
.gaip-ai-hook-popover::backdrop { background: transparent; pointer-events: none; }
.gaip-ai-hook-popover__title { margin: 0 24px 12px 0; font-size: 14px; font-weight: 600; line-height: 22px; overflow-wrap: anywhere; }
.gaip-ai-hook-popover__close { position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; color: #7e848e; background: transparent; font-family: inherit; font-size: 22px; font-weight: 400; line-height: 26px; cursor: pointer; }
.gaip-ai-hook-popover__close:hover { background: #f4f3f0; color: #2f3640; }
.gaip-ai-hook-popover__questions { display: grid; gap: 8px; }
.gaip-ai-hook-popover__question { box-sizing: border-box; display: block; width: 100%; padding: 9px 12px; border: 1px solid #ede4cf; border-radius: 8px; background: #fffaf0; color: #6e531e; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.gaip-ai-hook-popover__question:hover:not(:disabled):not([aria-disabled="true"]) { border-color: #d3af60; background: #fff1d2; }
.gaip-ai-hook-popover__question:active:not(:disabled):not([aria-disabled="true"]) { border-color: #c5a04b; background: #f9e5b4; }
.gaip-ai-hook-popover__question:focus-visible,
.gaip-ai-hook-popover__close:focus-visible { outline: 2px solid #9b761f; outline-offset: 2px; }
.gaip-ai-hook-popover__question:disabled,
.gaip-ai-hook-popover__question[aria-disabled="true"] { opacity: .55; cursor: wait; }
.gaip-ai-hook-popover__status { margin: 10px 0 0; color: #7a818b; font-size: 13px; font-weight: 400; line-height: 20px; overflow-wrap: anywhere; }
.gaip-ai-hook-popover__status[data-state="error"] { color: #cf1322; }
.gaip-ai-hook-popover__status[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .gaip-ai-hook, .gaip-ai-hook::before { transition: none; } }
@media (forced-colors: active) {
  .gaip-ai-hook { border-color: ButtonText; }
  .gaip-ai-hook[data-gaip-ai-hook-variant="text"] { border-color: ButtonText; }
  .gaip-ai-hook[data-gaip-ai-hook-variant="text"]::before { display: none; }
  .gaip-ai-hook[data-gaip-ai-hook-variant="text"]:hover:not(:disabled):not([aria-disabled="true"]),
  .gaip-ai-hook[data-gaip-ai-hook-variant="text"][aria-expanded="true"]:not(:disabled):not([aria-disabled="true"]) { border-color: ButtonText; }
  .gaip-ai-hook:disabled,
  .gaip-ai-hook[aria-disabled="true"] { color: GrayText; border-color: GrayText; }
  .gaip-ai-hook[data-gaip-ai-hook-variant="text"] .gaip-ai-hook__label { background-image: none; -webkit-text-fill-color: currentColor; }
  .gaip-ai-hook .gaip-ai-hook__icon { background: currentColor; -webkit-mask: var(--gaip-ai-hook-icon-mask) center / contain no-repeat; mask: var(--gaip-ai-hook-icon-mask) center / contain no-repeat; }
}