/* Reuse the intelligent-creation slider and its highest-tier animation. */
.aoImageThinkingOptions { box-sizing: border-box; overflow: auto; }
.aoImageThinkingOptions .aoImageThinkingLabels > button {
  position: absolute; top: -4px; left: var(--agent-thinking-stop); transform: translateX(-50%);
  min-width: 30px; padding: 4px; border: 0; border-radius: 5px; background: transparent;
  color: #90949c; font: inherit; line-height: 1.2; cursor: pointer;
}
.aoImageThinkingOptions .aoImageThinkingLabels > button.active { color: #167fdf; font-weight: 720; }
.aoImageThinkingOptions[data-agent-thinking-level=deep] .aoImageThinkingLabels > button.active { color: #df4d2c; }
.aoImageThinkingOptions .aoImageThinkingLabels > button:hover { color: #252a34; }
.aoImageThinkingOptions .aoImageThinkingLabels > button:focus-visible { outline: 2px solid #439fff; outline-offset: 1px; }
.aoImageThinkingOptions .aoImageThinkingLabels > button:disabled { cursor: default; }
.aoImageThinkingOptions input:disabled { cursor: default; }
/* The round thumb already has a keyboard focus halo; remove the drawer's
   rectangular focus outline without removing that visible focus feedback. */
.aoImageThinkingOptions .unifiedAgentThinkingSlider > input[type=range]:focus,
.exactKreaWorkbench.theme-light .exactAdvancedDrawer .aoImageThinkingOptions .unifiedAgentThinkingSlider > input[type=range]:focus {
  outline: none !important; outline-offset: 0 !important;
}
.aoImageThinkingOptions .aoImageThinkingSummary { gap: 10px; padding: 12px 8px; }
.aoImageThinkingMetrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
.aoImageThinkingMetric { display: grid; justify-items: center; gap: 5px; color: #727782; font-size: 11px; font-weight: 550; }
.aoImageThinkingStars { display: flex; gap: 1px; }
.aoImageThinkingStar { position: relative; display: block; width: 14px; height: 14px; color: #dde0e6; }
.aoImageThinkingStar svg { display: block; width: 14px; height: 14px; max-width: none; }
.aoImageThinkingStarFill { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: #ecb635; }
.aoImageThinkingOptions .aoImageThinkingNote { color: #9296a0; text-align: center; font-size: 10px; font-weight: 400; line-height: 1.5; }
.aoImageThinkingOptions.aoImageThinkingInline {
  position: relative; z-index: auto; width: 100%; max-height: none; margin: 0; padding: 8px 0 0;
  background: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; overflow: visible;
}
.aoImageThinkingInline .unifiedAgentThinkingHeader { display: none; }
/* The legacy settings drawer gives every input/button a white card and checkmark.
   Keep those rules off the embedded slider so it matches the dock popover. */
.exactKreaWorkbench.theme-light .exactAdvancedDrawer .aoImageThinkingInline .unifiedAgentThinkingSlider > input[type=range] {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
.exactKreaWorkbench.theme-light .exactAdvancedDrawer .aoImageThinkingInline .aoImageThinkingLabels > button {
  min-height: 0; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #90949c !important;
}
.exactKreaWorkbench.theme-light .exactAdvancedDrawer .aoImageThinkingInline .aoImageThinkingLabels > button.active { color: #167fdf !important; }
.exactKreaWorkbench.theme-light .exactAdvancedDrawer .aoImageThinkingInline[data-agent-thinking-level=deep] .aoImageThinkingLabels > button.active { color: #df4d2c !important; }
.aoImageThinkingInline .aoImageThinkingLabels > button::before,
.aoImageThinkingInline .aoImageThinkingLabels > button::after { display: none !important; }
@media (max-width: 760px) {
  .unifiedCreatorComposerSurface .aoImageThinkingMenu .aoImageThinkingTrigger { width: auto !important; min-width: 94px; padding-inline: 10px !important; }
  .unifiedCreatorComposerSurface .aoImageThinkingMenu .aoImageThinkingTrigger > span { display: inline !important; font-size: 11px; white-space: nowrap; }
}