/* Final desktop geometry, after the historical generated stylesheets. */
#chatPage.chat-main.zordex-active .message.assistant.error {
  color: #fca5a5 !important;
  border-left: 3px solid #ef4444 !important;
  background: #291719 !important;
}
.app-shell, .app-main, #chatPage.chat-main, .conversation-stage { min-width: 0; }
#chatPage.chat-main.zordex-active {
  container: zordex-main / inline-size;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  box-sizing: border-box;
}
#chatPage.chat-main.zordex-active > .chat-header { grid-area: 1 / 1 !important; }
#chatPage.chat-main.zordex-active > .conversation-stage {
  grid-area: 2 / 1 !important;
  grid-template-columns: minmax(0, 1fr) 8px minmax(0, clamp(40%, var(--zordex-workbench-width, 55%), 68%)) !important;
  width: 100% !important;
  min-width: 0 !important;
}
#chatPage.chat-main.zordex-active > .conversation-stage:has(.zordex-start-state) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
}
#chatPage.chat-main.zordex-active > .conversation-stage:has(.zordex-start-state) > .message-list {
  grid-area: 1 / 1 !important;
  width: 100% !important;
}
#chatPage.chat-main.zordex-active > .conversation-stage:has(.zordex-start-state) > #zordexContextPanel,
#chatPage.chat-main.zordex-active > .conversation-stage:has(.zordex-start-state) > .zordex-v5-outer-resizer { display: none !important; }
#chatPage.chat-main.zordex-active > .s6-coding-tools {
  grid-area: 3 / 1 !important;
  justify-self: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  width: min(960px, calc(100% - 32px)) !important;
  max-width: calc(100% - 32px) !important;
  max-height: none !important;
  margin: 8px auto 6px !important;
  padding: 0 !important;
  gap: 6px !important;
  overflow: visible !important;
}
#chatPage.chat-main.zordex-active > .s6-coding-tools button { min-width: 0; font-size: 12px; }
#chatPage.chat-main.zordex-active > .composer {
  grid-area: 4 / 1 !important;
  justify-self: center !important;
  width: min(960px, calc(100% - 32px)) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 auto 12px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  max-height: none !important;
  transform: none !important;
}
#chatPage.chat-main.zordex-active .composer textarea { width: 100%; min-width: 0; box-sizing: border-box; }
#chatPage.chat-main.zordex-active .composer-tools { flex-wrap: wrap !important; min-width: 0; }
#chatPage.chat-main.zordex-active .message-list { min-width: 0 !important; max-width: 100%; overflow-x: hidden; padding: 24px 20px !important; }
#chatPage.chat-main.zordex-active .message { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#chatPage.chat-main.zordex-active #zordexContextPanel { min-width: 0 !important; grid-column: 3 !important; container: workbench / inline-size; }
#chatPage.chat-main.zordex-active .zordex-v5-outer-resizer { grid-column: 2 !important; }
#chatPage.chat-main.zordex-active .conversation-stage.zordex-v71-workbench-visible > #zordexContextPanel { display: block !important; }
#chatPage.chat-main.zordex-active .zordex-v5-body { grid-template-columns: minmax(90px, 25%) minmax(0, 1fr) !important; }
#chatPage.chat-main.zordex-active .zordex-v5-stage { grid-template-columns: minmax(0, 1fr) 7px minmax(0, 1fr) !important; }
#chatPage.chat-main.zordex-active .zordex-v5-build[data-view="code"] .zordex-v5-stage,
#chatPage.chat-main.zordex-active .zordex-v5-build[data-view="preview"] .zordex-v5-stage { grid-template-columns: minmax(0, 1fr) !important; }
#chatPage.chat-main.zordex-active .zordex-v5-nav { flex-wrap: wrap; gap: 6px; }
#chatPage.chat-main.zordex-active .zordex-v5-nav > div { min-width: 0; flex-wrap: wrap !important; }
@container workbench (max-width: 800px) {
  #chatPage.chat-main.zordex-active .zordex-v5-build[data-view="split"] .zordex-v5-stage { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
  #chatPage.chat-main.zordex-active .zordex-v5-build[data-view="split"] .zordex-v5-inner-resizer { display: none !important; }
  #chatPage.chat-main.zordex-active .zordex-v5-build[data-view="split"] .zordex-v5-code { grid-area: 1 / 1 !important; width: 100% !important; height: 100% !important; }
  #chatPage.chat-main.zordex-active .zordex-v5-build[data-view="split"] .zordex-v5-preview { grid-area: 2 / 1 !important; width: 100% !important; height: 100% !important; }
}
@container zordex-main (max-width: 760px) {
  #chatPage.chat-main.zordex-active > .conversation-stage { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important; }
  #chatPage.chat-main.zordex-active .zordex-v5-outer-resizer { display: none !important; }
  #chatPage.chat-main.zordex-active #zordexContextPanel { grid-area: 2 / 1 !important; }
}
@media (min-width: 1101px) {
  body:not(.zordex-app-mode) .app-shell { grid-template-columns: 240px minmax(0, 1fr) !important; }
  body:not(.zordex-app-mode) .sidebar { display: flex; min-width: 0; }
  #chatPage.chat-main:not(.zordex-active) { grid-template-columns: minmax(0, 1fr) 190px !important; grid-template-rows: minmax(0, 1fr) auto !important; }
  #chatPage.chat-main:not(.zordex-active) > .conversation-stage { grid-area: 1 / 1 !important; }
  #chatPage.chat-main:not(.zordex-active) > .composer { grid-area: 2 / 1 !important; min-width: 0; }
  #chatPage.chat-main:not(.zordex-active) > .s6-zorqelia-tools {
    grid-area: 1 / 2 / 3 / 3 !important;
    display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;
    align-self: stretch !important; justify-self: stretch !important; align-items: stretch !important; justify-content: flex-start !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
    height: auto !important; min-height: 0 !important; margin: 0 !important;
    padding: 64px 12px 16px !important; gap: 8px !important; overflow-y: auto !important;
    border-left: 1px solid var(--border) !important; box-sizing: border-box;
  }
  #chatPage.chat-main:not(.zordex-active) > .s6-zorqelia-tools::before { content: "AI TOOLS" !important; display: block !important; font-size: 11px; color: #9ba5ad; margin-bottom: 6px; }
  #chatPage.chat-main:not(.zordex-active) > .s6-zorqelia-tools button { flex: 0 0 auto !important; width: 100% !important; min-height: 36px !important; white-space: normal !important; text-align: left; box-sizing: border-box; }
}