#page-ai-launcher-wrap {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 10020;
}
#page-ai-launcher-wrap[hidden], html.page-ai-open #page-ai-launcher-wrap { display:none !important; }
#page-ai-dismiss { position:absolute; top:-10px; right:-10px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; padding:0; border:1px solid #d9d9d9; border-radius:50%; background:#fff; color:#414141; font:22px/1 Arial,sans-serif; cursor:pointer; box-shadow:0 2px 5px #0002; }
#page-ai-dismiss:hover { background:#f2f2f2; }
#page-ai-dismiss:focus-visible { outline:2px solid #f23047; outline-offset:3px; }
#page-ai-launcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: 23px;
    background: linear-gradient(to right, #F23047, #FE7007);
    color: #fff;
    font: 700 15px/20px AlbertaSans, Roboto, sans-serif;
    box-shadow: 0 4px 16px rgba(4, 30, 77, .16);
    cursor: pointer;
    transition: box-shadow .2s ease;
}

#page-ai-launcher > span {
    width: 18px;
    height: 20px;
    flex: 0 0 18px;
    background: url(/images/UI_icons/white/file_sparkle.svg) center / contain no-repeat;
}

#page-ai-launcher:hover {
    box-shadow: 0 6px 20px rgba(4, 30, 77, .24);
}

#page-ai-launcher:focus-visible {
    outline: 2px solid #f23047;
    outline-offset: 3px;
}

#page-ai-launcher:active {
    box-shadow: 0 2px 8px rgba(4, 30, 77, .16);
}

#page-ai-launcher:disabled {
    cursor: wait;
    opacity: .7;
}

@media (max-width: 620px) {
    #page-ai-launcher-wrap { z-index: 999; }
}