html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #actionsHubPage,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #libraryPage,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #usagePage,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #flashcardsPage,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #networkCont,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #compareCont,
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body .avatarSection {
      display:none !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #chatbox {
      display:block !important;
      visibility:visible !important;
    }
    html.zb-direct-chat-route body:not(.flashcards-page-open) #flashcardsPage {
      display:none !important;
      visibility:hidden !important;
      pointer-events:none !important;
    }
    html.zb-direct-chat-route body #menubar {
      left:var(--zb-direct-chat-left, 52px) !important;
      right:0 !important;
      width:calc(100% - var(--zb-direct-chat-left, 52px)) !important;
      visibility:visible !important;
    }
    html.zb-direct-chat-route body #inputMessageCont,
    html.zb-direct-chat-route body #msgCont {
      left:var(--zb-direct-chat-left, 52px) !important;
      width:calc(100vw - var(--zb-direct-chat-left, 52px)) !important;
      right:auto !important;
    }
    html.zb-direct-chat-route body #msgCont2 {
      left:var(--zb-direct-chat-left, 52px) !important;
      width:calc(100vw - var(--zb-direct-chat-left, 52px)) !important;
      right:auto !important;
      text-align:center !important;
    }
    html.zb-direct-chat-route body #theSidebar {
      position:fixed !important;
      left:0 !important;
      top:0 !important;
      bottom:0 !important;
      height:100vh !important;
      margin:0 !important;
      transform:none !important;
      z-index:70 !important;
      overflow:hidden !important;
    }
    html.zb-direct-chat-route body #theSidebarSmall {
      position:fixed !important;
      left:0 !important;
      top:0 !important;
      height:100vh !important;
      margin:0 !important;
      transform:none !important;
      z-index:70 !important;
    }
    @media(min-width:769px) {
      body.direct-chat-route.zb-view-agent:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) .avatarSection {
        position:fixed !important;
        left:var(--zb-direct-chat-left, 260px) !important;
        top:58px !important;
        width:calc(100vw - var(--zb-direct-chat-left, 260px)) !important;
        height:calc(100vh - 58px) !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:stretch !important;
        justify-content:center !important;
        overflow:hidden !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #chatbox {
        position:fixed !important;
        left:var(--zb-direct-chat-left, 260px) !important;
        top:58px !important;
        width:calc((100vw - var(--zb-direct-chat-left, 260px)) / 2) !important;
        height:calc(100vh - 58px) !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        display:block !important;
        overflow:hidden !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) .avatarSection {
        position:fixed !important;
        left:calc(var(--zb-direct-chat-left, 260px) + ((100vw - var(--zb-direct-chat-left, 260px)) / 2)) !important;
        top:58px !important;
        width:calc((100vw - var(--zb-direct-chat-left, 260px)) / 2) !important;
        height:calc(100vh - 58px) !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:stretch !important;
        justify-content:center !important;
        overflow:hidden !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #inputMessageCont,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgCont {
        left:0 !important;
        width:100% !important;
        max-width:100% !important;
        right:auto !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #inputMessageCont {
        top:0 !important;
        height:calc(100vh - 141px) !important;
        max-height:calc(100vh - 141px) !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgCont {
        box-sizing:border-box !important;
        padding-left:32px !important;
        padding-right:32px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #helpHeader,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgArea,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #inputMessage {
        width:min(520px, 100%) !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
      }
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #helpHeader {
        white-space:normal !important;
        overflow-wrap:break-word !important;
      }
      body.direct-chat-route.zb-view-agent:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #avatarContainer,
      body.direct-chat-route.zb-view-agent:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #faceContainer,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #avatarContainer,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #faceContainer {
        left:0 !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
        justify-content:center !important;
      }
      body.direct-chat-route.zb-view-agent:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #bottomBar,
      body.direct-chat-route.zb-view-split:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #bottomBar {
        width:100% !important;
      }
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #chatbox {
        left:var(--zb-direct-chat-left, 260px) !important;
        width:calc((100vw - var(--zb-direct-chat-left, 260px)) / 2) !important;
        right:auto !important;
      }
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #inputMessageCont,
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgCont,
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgCont2 {
        left:0 !important;
        width:100% !important;
        max-width:100% !important;
        right:auto !important;
        transform:none !important;
      }
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #inputMessageCont {
        top:0 !important;
        height:calc(100vh - 141px) !important;
        max-height:calc(100vh - 141px) !important;
      }
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgCont {
        padding-left:clamp(16px, 3vw, 32px) !important;
        padding-right:clamp(16px, 3vw, 32px) !important;
      }
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #helpHeader,
      html.zb-direct-chat-route.zb-view-split body.direct-chat-route:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #msgArea {
        width:min(620px, calc(100% - 32px)) !important;
        max-width:min(620px, calc(100% - 32px)) !important;
        margin-left:auto !important;
        margin-right:auto !important;
      }
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #theSidebar {
      position:fixed !important;
      left:0 !important;
      top:0 !important;
      bottom:0 !important;
      height:100vh !important;
      margin:0 !important;
      transform:none !important;
      z-index:70 !important;
      overflow:hidden !important;
      transition:none !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready) body #theSidebarSmall {
      position:fixed !important;
      left:0 !important;
      top:0 !important;
      height:100vh !important;
      margin:0 !important;
      transform:none !important;
      z-index:70 !important;
      transition:none !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready).zb-sidebar-open-pre body #theSidebar {
      width:260px !important;
      max-width:260px !important;
      opacity:1 !important;
      pointer-events:auto !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready).zb-sidebar-open-pre body #theSidebarSmall {
      display:none !important;
      opacity:0 !important;
      pointer-events:none !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready).zb-sidebar-collapsed-pre body #theSidebar {
      width:52px !important;
      max-width:52px !important;
      opacity:0 !important;
      pointer-events:none !important;
    }
    html.zb-direct-chat-route:not(.zb-sidebar-runtime-ready).zb-sidebar-collapsed-pre body #theSidebarSmall {
      display:flex !important;
      opacity:1 !important;
      pointer-events:auto !important;
    }
    @media(min-width:769px) {
      body.sidebar-collapsed:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #theSidebar {
        max-width:52px !important;
        opacity:0 !important;
        pointer-events:none !important;
        overflow:hidden !important;
      }
      body.sidebar-collapsed:not(.agents-browser-open):not(.actions-hub-open):not(.library-page-open) #theSidebarSmall {
        display:flex !important;
        opacity:1 !important;
        pointer-events:auto !important;
        position:fixed !important;
        left:0 !important;
        top:0 !important;
        height:100vh !important;
        z-index:70 !important;
      }
    }
    @media(max-width:768px) {
      html.zb-direct-chat-route body #menubar {
        left:0 !important;
        width:100% !important;
      }
    }
    html.zb-sidebar-collapsed-pre body.library-page-open #libraryPage {
      left:var(--zb-library-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.usage-page-open #usagePage {
      left:var(--zb-usage-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.flashcards-page-open #flashcardsPage {
      left:var(--zb-flashcards-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.provider-keys-open #providerKeysPage {
      left:var(--zb-agent-browser-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.actions-hub-open #actionsHubPage {
      left:var(--zb-actions-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.agents-browser-open #networkCont,
    html.zb-sidebar-collapsed-pre body.agents-browser-open #menubar {
      left:var(--zb-agent-browser-left, 52px) !important;
    }
    html.zb-sidebar-collapsed-pre body.library-page-open #theSidebar,
    html.zb-sidebar-collapsed-pre body.usage-page-open #theSidebar,
    html.zb-sidebar-collapsed-pre body.flashcards-page-open #theSidebar,
    html.zb-sidebar-collapsed-pre body.provider-keys-open #theSidebar,
    html.zb-sidebar-collapsed-pre body.actions-hub-open #theSidebar,
    html.zb-sidebar-collapsed-pre body.agents-browser-open #theSidebar {
      width:52px !important;
      max-width:52px !important;
      opacity:0 !important;
      pointer-events:none !important;
    }
    html.zb-sidebar-collapsed-pre body.library-page-open #theSidebarSmall,
    html.zb-sidebar-collapsed-pre body.usage-page-open #theSidebarSmall,
    html.zb-sidebar-collapsed-pre body.flashcards-page-open #theSidebarSmall,
    html.zb-sidebar-collapsed-pre body.provider-keys-open #theSidebarSmall,
    html.zb-sidebar-collapsed-pre body.actions-hub-open #theSidebarSmall,
    html.zb-sidebar-collapsed-pre body.agents-browser-open #theSidebarSmall {
      display:flex !important;
      opacity:1 !important;
      pointer-events:auto !important;
    }
    html.zb-sidebar-open-pre body.library-page-open #libraryPage {
      left:var(--zb-library-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.usage-page-open #usagePage {
      left:var(--zb-usage-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.flashcards-page-open #flashcardsPage {
      left:var(--zb-flashcards-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.provider-keys-open #providerKeysPage {
      left:var(--zb-agent-browser-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.actions-hub-open #actionsHubPage {
      left:var(--zb-actions-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.agents-browser-open #networkCont,
    html.zb-sidebar-open-pre body.agents-browser-open #menubar {
      left:var(--zb-agent-browser-left, 260px) !important;
    }
    html.zb-sidebar-open-pre body.library-page-open #theSidebar,
    html.zb-sidebar-open-pre body.usage-page-open #theSidebar,
    html.zb-sidebar-open-pre body.flashcards-page-open #theSidebar,
    html.zb-sidebar-open-pre body.provider-keys-open #theSidebar,
    html.zb-sidebar-open-pre body.actions-hub-open #theSidebar,
    html.zb-sidebar-open-pre body.agents-browser-open #theSidebar {
      width:260px !important;
      max-width:260px !important;
      opacity:1 !important;
      pointer-events:auto !important;
    }
    html.zb-sidebar-open-pre body.library-page-open #theSidebarSmall,
    html.zb-sidebar-open-pre body.usage-page-open #theSidebarSmall,
    html.zb-sidebar-open-pre body.flashcards-page-open #theSidebarSmall,
    html.zb-sidebar-open-pre body.provider-keys-open #theSidebarSmall,
    html.zb-sidebar-open-pre body.actions-hub-open #theSidebarSmall,
    html.zb-sidebar-open-pre body.agents-browser-open #theSidebarSmall {
      display:none !important;
      opacity:0 !important;
      pointer-events:none !important;
    }
    @media(max-width:768px) {
      html.zb-sidebar-collapsed-pre body.library-page-open #libraryPage,
      html.zb-sidebar-open-pre body.library-page-open #libraryPage,
      html.zb-sidebar-collapsed-pre body.usage-page-open #usagePage,
      html.zb-sidebar-open-pre body.usage-page-open #usagePage,
      html.zb-sidebar-collapsed-pre body.flashcards-page-open #flashcardsPage,
      html.zb-sidebar-open-pre body.flashcards-page-open #flashcardsPage,
      html.zb-sidebar-collapsed-pre body.actions-hub-open #actionsHubPage,
      html.zb-sidebar-open-pre body.actions-hub-open #actionsHubPage,
      html.zb-sidebar-collapsed-pre body.agents-browser-open #networkCont,
      html.zb-sidebar-open-pre body.agents-browser-open #networkCont,
      html.zb-sidebar-collapsed-pre body.agents-browser-open #menubar,
      html.zb-sidebar-open-pre body.agents-browser-open #menubar {
        left:0 !important;
      }
    }
    /* Critical first-paint guards: these nodes are rendered before their full CSS block. */
    #actionsHubPage,
    #libraryPage,
    #usagePage {
      display:none !important;
    }
    #actionsEditorModal:not(.open),
    #agentMarkdownEditorModal:not(.open),
    #actionsIntegrationPreviewModal:not(.open),
    #actionsConnectAuthModal:not(.open) {
      display:none !important;
    }
    #msgCont{
    width: 100%;
    position: absolute;
    /* bottom: 20px; */
    top: 39%;
  }
  body.share-route #msgCont {
    top: unset !important;
    bottom: 20px !important;
    width: 100% !important;
    position: absolute !important;
  }
  body.share-route #helpHeader {
    display: none !important;
  }
  body.share-route #inputMessageCont {
    top: 58px !important;
    height: calc(100vh - 141px) !important;
    max-height: calc(100vh - 141px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  }
  body.share-route #inputMessage {
    max-width: 736px !important;
    margin: 21px auto 0 !important;
    position: relative !important;
  }
  body.share-route #inputMessage .outputMsg {
    display: block !important;
    min-height: 80px;
    padding: 20px 20px 40px !important;
    border-radius: 20px;
    max-width: 736px;
    margin: 0 auto 0 4px;
    white-space: pre-wrap;
    position: relative;
  }
  body.share-route #inputMessage .inputMsg {
    background-color: #444654;
    display: block !important;
    padding: 10px 20px;
    border-radius: 1.5rem;
    margin: 0 14px 0 auto;
    white-space: pre-wrap;
    width: fit-content;
  }
  body.share-route #shareFirstPaintShell {
    position: fixed;
    inset: 58px 0 0 0;
    z-index: 30;
    background: var(--bg-100, #23221e);
    overflow: hidden;
    pointer-events: none;
  }
  body.share-route:not(.share-hydrated) #chatbox #inputMessage {
    visibility: hidden !important;
  }
  body.share-route.share-hydrated #shareFirstPaintShell {
    display: none !important;
  }
  body.share-route #shareFirstPaintMessages {
    max-width: 736px;
    margin: 21px auto 0;
    max-height: calc(100vh - 141px);
    overflow: hidden;
  }
  body.share-route #shareFirstPaintMessages .outputMsg {
    display: block;
    min-height: 80px;
    padding: 20px 20px 40px;
    border-radius: 20px;
    max-width: 736px;
    margin: 0 auto 0 4px;
    white-space: pre-wrap;
    position: relative;
  }
  body.share-route #shareFirstPaintMessages .outputMsg pre,
  body.share-route #inputMessage .outputMsg pre {
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    padding: 12px;
    overflow: auto;
    white-space: pre;
  }
  body.share-route #shareFirstPaintMessages .outputMsg a,
  body.share-route #inputMessage .outputMsg a {
    color: #93c5fd;
    text-decoration: underline;
  }
  body.share-route #shareFirstPaintMessages .mcp-tool-badge-container,
  body.share-route #inputMessage .mcp-tool-badge-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 16px 0 18px;
    clear: both;
  }
  body.share-route #shareFirstPaintMessages .mcp-tool-badge,
  body.share-route #inputMessage .mcp-tool-badge {
    display: inline-flex;
    flex-direction: column;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid var(--border-300, rgba(255,255,255,.12));
    background: rgba(255,255,255,.025);
    min-width: 0;
    max-width: 90%;
    box-shadow: none;
  }
  body.share-route #shareFirstPaintMessages .mcp-tool-container,
  body.share-route #inputMessage .mcp-tool-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    align-items: center;
  }
  body.share-route #shareFirstPaintMessages .mcp-tool-container .nonselectable,
  body.share-route #inputMessage .mcp-tool-container .nonselectable {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 750;
    line-height: 1;
  }
  body.share-route #shareFirstPaintMessages .tool-icon,
  body.share-route #inputMessage .tool-icon {
    display: flex;
    align-items: center;
    color: var(--text-200, #aaa);
    font-size: 12px;
  }
  body.share-route #shareFirstPaintMessages .action-title,
  body.share-route #inputMessage .action-title {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  body.share-route #shareFirstPaintMessages .action-chevron,
  body.share-route #inputMessage .action-chevron {
    display: inline-flex;
    align-items: center;
    color: var(--text-300, #888);
    font-size: 10px;
    margin-left: 0;
  }
  body.share-route #shareFirstPaintMessages .action-muted,
  body.share-route #inputMessage .action-muted,
  body.share-route #shareFirstPaintMessages .action-source,
  body.share-route #inputMessage .action-source {
    opacity: .55;
    font-weight: 400;
  }
  body.share-route #shareFirstPaintMessages .inputMsg {
    background-color: #444654;
    display: block;
    padding: 10px 20px;
    border-radius: 1.5rem;
    margin: 0 14px 0 auto;
    white-space: pre-wrap;
    width: fit-content;
  }
  #msgCont2{
    width: 100% !important;
    position: absolute !important;
    bottom: 8px !important;
    display: block !important;
  }
  .resize-animation-stopper * {
    transition: none !important;
    animation: none !important;
  }