#aiEditorPromo[hidden] { display: none; }
#aiEditorPromo { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; min-height: 44px; margin: 0 0 10px; padding: 10px 40px; border: 1px solid #e4edf4; border-radius: 6px; background: #f2f7fb; color: #7c7a7d; font: 400 14px/1.4 'Source Sans Pro', sans-serif; }
#aiEditorPromo .promo-new { flex-shrink: 0; padding: 2px 7px; border-radius: 4px; background: white; color: #4a86b3; font-size: 11px; font-weight: 600; }
#aiEditorPromo .promo-message { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 9px; row-gap: 2px; text-align: center; }
#aiEditorPromo a { padding: 0; color: #4a86b3; font-weight: 600; white-space: nowrap; }
#aiEditorPromo button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 4px; background: transparent; color: #7c7a7d; cursor: pointer; }
#aiEditorPromo button::before { content: ''; width: 12px; height: 12px; background: currentColor; -webkit-mask: url(/images/site/closeIcon.svg) center / contain no-repeat; mask: url(/images/site/closeIcon.svg) center / contain no-repeat; }
#aiEditorPromo button:hover { color: #4a86b3; }
#aiEditorPromo a:focus-visible, #aiEditorPromo button:focus-visible { outline: 2px solid #4a86b3; outline-offset: 2px; }
#aiEditorPromo:not([hidden]) + #resultListBox { margin-top: 0; }
@media (max-width: 900px) {
    #aiEditorPromo { margin-top: 60px; }
}
@media (max-width: 600px) {
    #aiEditorPromo { padding-left: 12px; gap: 7px; border-radius: 0; font-size: 13px; }
    #aiEditorPromo .promo-message { column-gap: 6px; }
}