#profileOverviewPane .profile-motion {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(181, 194, 211, .25);
    border-bottom: 1px solid rgba(181, 194, 211, .25);
    padding: 18px 0;
    color: #e9edf4;
}
#profileMotion[hidden],
#profileMotion [hidden] { display: none !important; }
.profile-motion-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.profile-motion-heading h3 { margin: 0 0 4px; font-size: 14px; line-height: 1.3; }
.profile-motion-heading p { margin: 0; color: #a7b1c1; font-size: 12px; line-height: 1.5; }
.profile-motion-actions { display: flex; gap: 8px; flex-shrink: 0; }
.profile-motion-actions button {
    min-height: 34px;
    border: 1px solid #596575;
    border-radius: 6px;
    background: #242b34;
    color: #eef2f7;
    padding: 0 12px;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}
.profile-motion-actions button:first-child { border-color: #6dcfa5; color: #8decc1; }
.profile-motion-actions button:disabled { opacity: .55; cursor: not-allowed; }
.profile-motion.is-busy .profile-motion-actions button:disabled { cursor: progress; }
.profile-motion-preview { display: grid; grid-template-columns: repeat(auto-fill, minmax(82px, 1fr)); gap: 10px; margin-top: 16px; }
.profile-motion-preview figure { margin: 0; text-align: center; min-width: 0; }
.profile-motion-preview img { width: 76px; height: 80px; margin: auto; display: block; object-fit: contain; }
.profile-motion-preview figcaption { color: #a7b1c1; font-size: 11px; margin-top: 4px; }
.profile-motion-setting { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 12px; cursor: pointer; }
.profile-motion-setting input { accent-color: #5cc99c; }
.profile-motion-status { min-height: 1em; margin: 8px 0 0; color: #f0c55a; font-size: 12px; }
html[data-theme="light"] #profileOverviewPane .profile-motion { color: #243443; border-color: #d8e0e8; }
html[data-theme="light"] .profile-motion-heading p,
html[data-theme="light"] .profile-motion-preview figcaption { color: #536579; }
html[data-theme="light"] .profile-motion-actions button { background: #f6f8fa; border-color: #bac8d5; color: #243443; }
html[data-theme="light"] .profile-motion-actions button:first-child { border-color: #219064; color: #176244; }
html[data-theme="light"] .profile-motion-status { color: #815915; }
#desktopAgentBanner { display: none; }
@media (min-width: 1280px) {
    #desktopNavigation:has(.has-profile-art) .desktop-nav-group + .desktop-nav-group { margin-top: 12px; padding-top: 10px; }
    #desktopNavigation button[data-destination].has-profile-art { min-height: 56px; padding: 0 8px 0 4px; gap: 6px; }
    #desktopNavigation button[data-destination] .desktop-nav-character { width: 60px; height: 56px; flex: 0 0 60px; object-fit: contain; }
    #desktopNavigation button[data-destination].has-profile-art > svg { display: none; }
    #desktopNavigation .desktop-nav-primary button[data-destination].has-profile-art { min-height: 58px; }
    body.desktop-navigation-enabled #desktopAgentLauncher.has-profile-art {
        right: 6px; bottom: 8px; width: 116px; height: 116px; padding: 0;
        border: 0; border-radius: 8px; background: transparent; box-shadow: none;
    }
    #desktopAgentLauncher.has-profile-art > svg { display: none; }
    #desktopAgentLauncher .desktop-agent-character { width: 116px; height: 116px; object-fit: contain; filter: drop-shadow(0 5px 8px #000b); }
    body.desktop-navigation-enabled #desktopAgentLauncher.has-profile-art:hover { background: transparent; transform: scale(1.05); }
    body.desktop-navigation-enabled #desktopAgentLauncher.has-profile-art + #desktopAgentBanner {
        display: flex; flex-direction: column; justify-content: center; position: fixed;
        right: 128px; bottom: 61px; z-index: 10009; min-width: 138px; min-height: 50px;
        padding: 7px 12px; border: 1px solid #5f6975; border-radius: 8px;
        background: #222932; color: #f4f5f7; box-shadow: 0 5px 18px #0008;
        font: 600 13px system-ui, sans-serif; text-align: left; cursor: pointer;
    }
    #desktopAgentBanner small { margin-top: 2px; color: #b8c3ce; font: 400 11px system-ui, sans-serif; }
    #desktopAgentBanner::after {
        content: ''; position: absolute; right: -6px; bottom: 13px; width: 10px; height: 10px;
        border-top: 1px solid #5f6975; border-right: 1px solid #5f6975;
        background: #222932; transform: rotate(45deg);
    }
    #desktopAgentBanner:hover { border-color: #f2c14e !important; }
    #desktopAgentBanner:focus-visible { outline: 2px solid #f2c14e; outline-offset: 3px; }
    body.desktop-navigation-enabled.agc-open #desktopAgentBanner,
    body.desktop-navigation-enabled.desktop-chat-open #desktopAgentBanner { display: none !important; }
    body.desktop-navigation-enabled.desktop-chat-open #desktopAgentLauncher.has-profile-art {
        top: 12px; right: calc(var(--chat-right) + 16px); bottom: auto;
        width: 44px; height: 44px;
    }
    body.desktop-navigation-enabled.desktop-chat-open #desktopAgentLauncher .desktop-agent-character { width: 44px; height: 44px; }
}
@media (min-width: 1280px) and (max-height: 980px) {
    body.desktop-navigation-enabled #desktopNavigation:has(.has-profile-art) {
        top: 56px; bottom: 12px; gap: 8px;
    }
    #desktopNavigation:has(.has-profile-art) .desktop-nav-links { flex: 1 1 auto; }
    #desktopNavigation:has(.has-profile-art) .desktop-nav-group + .desktop-nav-group {
        margin-top: 5px; padding-top: 6px;
    }
    #desktopNavigation:has(.has-profile-art) h2 { margin-bottom: 2px; padding-left: 8px; font-size: 11px; }
    #desktopNavigation button[data-destination].has-profile-art,
    #desktopNavigation .desktop-nav-primary button[data-destination].has-profile-art {
        min-height: 40px; height: 40px;
    }
    #desktopNavigation button[data-destination] .desktop-nav-character {
        width: 58px; height: 52px; flex-basis: 58px; margin-block: -6px;
    }
    #desktopNavigation:has(.has-profile-art) #desktopLightTheme { min-height: 34px; padding-block: 6px; }
    #desktopNavigation:has(.has-profile-art) .desktop-nav-create { min-height: 44px; padding-block: 6px; }
}
html[data-theme="light"] body.desktop-navigation-enabled #desktopAgentLauncher.has-profile-art + #desktopAgentBanner { background: #fff; color: #22303b; border-color: #b7c3ce; box-shadow: 0 5px 18px #20304430; }
html[data-theme="light"] #desktopAgentBanner small { color: #536579; }
html[data-theme="light"] #desktopAgentBanner::after { background: #fff; border-color: #b7c3ce; }
@media (max-width: 600px) {
    .profile-motion-heading { align-items: flex-start; flex-direction: column; }
    .profile-motion-actions { flex-wrap: wrap; }
}