:root {
  --ux-topbar-primary: 54px;
  --ux-topbar-secondary: 42px;
  --ux-topbar-height: 96px;
  --ux-nav-default: 320px;
  --ux-info-default: 270px;
  --ux-history-default: 280px;
  --ux-divider-size: 7px;
  --ux-focus: #1565c0;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell {
  grid-template-rows: var(--ux-topbar-height) minmax(0, 1fr) !important;
}

.topbar.ux-two-tier {
  display: grid !important;
  grid-template: var(--ux-topbar-primary) var(--ux-topbar-secondary) / minmax(0, 1fr) !important;
  min-width: 0;
  height: var(--ux-topbar-height) !important;
  min-height: var(--ux-topbar-height) !important;
  max-height: var(--ux-topbar-height) !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  background: var(--surface, var(--panel, #fff));
}

.ux-topbar-primary,
.ux-topbar-secondary {
  min-width: 0;
  display: flex;
  align-items: center;
}

.ux-topbar-primary {
  height: var(--ux-topbar-primary);
  gap: 10px;
  padding: 0 14px;
  border-bottom: 1px solid var(--line, #d8dee4);
  overflow: hidden;
}

.ux-topbar-secondary {
  height: var(--ux-topbar-secondary);
  gap: 10px;
  padding: 0 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
  background: var(--surface-soft, var(--panel-alt, #f7f9fb));
  border-bottom: 1px solid var(--line, #d8dee4);
}

.ux-topbar-secondary > * {
  flex: 0 0 auto;
}

.ux-topbar-primary > .brand {
  flex: 0 0 auto;
  min-width: 164px;
}

.ux-topbar-primary > .toolbar,
.ux-topbar-primary > .ux-primary-controls {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 !important;
  overflow: hidden;
}

.ux-topbar-primary .quick-find,
.ux-topbar-primary .quick-search {
  flex: 1 1 260px;
  min-width: 170px;
  max-width: 440px;
  margin-left: auto;
}

.ux-topbar-primary .server-load-indicator,
.ux-topbar-primary .account-menu {
  flex: 0 0 auto;
}

.ux-manual-rail,
.ux-filter-rail {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: max-content;
}

.ux-manual-rail::before,
.ux-filter-rail::before {
  color: var(--muted, #66717c);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
  white-space: nowrap;
}

.ux-manual-rail::before { content: "手册"; }
.ux-filter-rail::before { content: "筛选"; }

.ux-filter-rail {
  padding-left: 10px;
  border-left: 1px solid var(--line, #d8dee4);
}

.ux-topbar-secondary .manual-switch {
  display: flex !important;
  width: auto !important;
  min-width: max-content;
  max-width: none !important;
  margin: 0 !important;
}

.workspace[data-layout-key] {
  --ux-nav-width: var(--ux-nav-default);
  --ux-info-width: var(--ux-info-default);
  --ux-left-divider: var(--ux-divider-size);
  --ux-right-divider: var(--ux-divider-size);
  display: grid !important;
  grid-template-columns:
    minmax(0, var(--ux-nav-width))
    var(--ux-left-divider)
    minmax(520px, 1fr)
    var(--ux-right-divider)
    minmax(0, var(--ux-info-width)) !important;
  min-width: 0;
  overflow: hidden !important;
}

.workspace[data-layout-key] > .navigation-pane { grid-column: 1; }
.workspace[data-layout-key] > .ux-divider[data-pane="navigation"] { grid-column: 2; }
.workspace[data-layout-key] > .document-pane { grid-column: 3; }
.workspace[data-layout-key] > .ux-divider[data-pane="information"] { grid-column: 4; }
.workspace[data-layout-key] > .info-pane { grid-column: 5; }

.workspace[data-layout-key] > .navigation-pane,
.workspace[data-layout-key] > .document-pane,
.workspace[data-layout-key] > .info-pane {
  grid-row: 1;
  min-width: 0;
}

.workspace[data-layout-key].ux-nav-collapsed {
  --ux-nav-width: 0px !important;
  --ux-left-divider: 0px !important;
}

.workspace[data-layout-key].ux-info-collapsed {
  --ux-info-width: 0px !important;
  --ux-right-divider: 0px !important;
}

.workspace[data-layout-key].ux-nav-collapsed > .navigation-pane,
.workspace[data-layout-key].ux-info-collapsed > .info-pane {
  display: none !important;
}

.workspace[data-layout-key].ai-mode {
  grid-template-columns: minmax(0, 1fr) !important;
}

.workspace[data-layout-key].ai-mode > .navigation-pane {
  display: grid !important;
  grid-column: 1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.workspace[data-layout-key].ai-mode > .document-pane,
.workspace[data-layout-key].ai-mode > .info-pane,
.workspace[data-layout-key].ai-mode > .ux-divider {
  display: none !important;
}

.ux-divider {
  position: relative;
  z-index: 5;
  grid-row: 1;
  width: var(--ux-divider-size);
  min-width: var(--ux-divider-size);
  cursor: col-resize;
  touch-action: none;
  background: transparent;
  outline: none;
}

.ux-divider::after {
  content: "";
  position: absolute;
  inset: 0 2px;
  background: var(--line, #d8dee4);
  transition: background-color 120ms ease, box-shadow 120ms ease;
}

.ux-divider:hover::after,
.ux-divider:focus-visible::after,
.ux-divider.is-dragging::after {
  background: var(--accent, var(--ux-focus));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent, var(--ux-focus)) 20%, transparent);
}

.ux-divider:focus-visible,
.ux-layout-button:focus-visible,
.ux-history-toggle:focus-visible,
.ux-suggestion:focus-visible {
  outline: 2px solid var(--accent, var(--ux-focus)) !important;
  outline-offset: 2px;
}

.ux-layout-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 4px;
}

.ux-layout-button,
.ux-history-toggle {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border: 1px solid var(--line-strong, var(--line, #cbd3da));
  border-radius: 5px;
  color: var(--text, #1d2730);
  background: var(--surface, var(--panel, #fff));
  cursor: pointer;
}

.ux-layout-button:hover,
.ux-history-toggle:hover {
  color: var(--accent, var(--ux-focus));
  border-color: var(--accent, var(--ux-focus));
}

.ux-layout-button svg,
.ux-history-toggle svg {
  width: 17px;
  height: 17px;
}

.document-header {
  min-width: 0;
}

.document-header .ux-layout-actions {
  order: -1;
}

.document-title,
.document-heading strong,
#documentTitle {
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.3;
}

.breadcrumbs,
.breadcrumb,
.document-path,
.tree,
.outline-list,
.figure-list,
.navigation-panel {
  font-size: 12px;
}

.document-content,
.manual-content,
#manualContent,
#documentContent {
  min-width: 0;
  overflow-x: auto;
}

.document-content img,
.manual-content img,
#manualContent img,
#documentContent img {
  max-width: 100%;
  height: auto;
}

.document-content table,
.manual-content table,
#manualContent table,
#documentContent table {
  max-width: 100%;
}

.aw-ai-layout.ux-history-layout,
.ai-layout.ux-history-layout {
  --ux-history-width: var(--ux-history-default);
  display: grid !important;
  grid-template-columns: minmax(0, var(--ux-history-width)) var(--ux-divider-size) minmax(0, 1fr) !important;
}

.ux-history-layout.ux-history-collapsed {
  grid-template-columns: 0 0 minmax(0, 1fr) !important;
}

.ux-history-layout.ux-history-collapsed > .aw-conversation-pane,
.ux-history-layout.ux-history-collapsed > .conversation-pane,
.ux-history-layout.ux-history-collapsed > .ux-history-divider {
  display: none !important;
}

.ux-history-divider {
  grid-column: 2;
}

.ux-history-layout > .aw-chat-pane,
.ux-history-layout > .ai-chat-pane {
  grid-column: 3;
  min-width: 0;
}

.ux-history-toggle {
  position: absolute;
  z-index: 12;
  top: 9px;
  left: calc(var(--ux-history-width) + 12px);
  box-shadow: 0 2px 8px rgb(15 23 42 / 10%);
}

.ux-history-collapsed > .ux-history-toggle {
  left: 10px;
}

.ux-history-layout {
  position: relative;
}

.ux-ai-suggestions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  width: min(760px, calc(100% - 32px));
  margin: 18px auto;
}

.ux-suggestion {
  min-height: 76px;
  padding: 12px 14px;
  border: 1px solid var(--line, #d8dee4);
  border-radius: 8px;
  color: var(--text, #26323a);
  text-align: left;
  font: inherit;
  background: var(--surface, var(--panel, #fff));
  cursor: pointer;
}

.ux-suggestion strong,
.ux-suggestion span {
  display: block;
}

.ux-suggestion strong {
  margin-bottom: 5px;
  font-size: 13px;
}

.ux-suggestion span {
  color: var(--muted, #66717c);
  font-size: 11px;
  line-height: 1.45;
}

@media (min-width: 1025px) and (max-width: 1180px) {
  :root {
    --ux-nav-default: 270px;
    --ux-info-default: 230px;
  }

  .ux-topbar-primary {
    padding-inline: 10px;
  }

  .ux-topbar-primary > .brand {
    min-width: 142px;
  }

  .ux-topbar-primary .quick-find,
  .ux-topbar-primary .quick-search {
    flex-basis: 190px;
  }
}

@media (max-width: 1024px), (max-width: 1366px) and (hover: none), (max-width: 1366px) and (pointer: coarse) {
  :root {
    --ux-topbar-primary: 56px;
    --ux-topbar-secondary: 44px;
    --ux-topbar-height: 100px;
    --ux-drawer-width: min(72vw, 420px);
  }

  html,
  body {
    width: 100%;
    height: 100%;
    overscroll-behavior: none;
  }

  body {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .app-shell {
    height: 100dvh !important;
    grid-template-rows: var(--ux-topbar-height) minmax(0, 1fr) !important;
  }

  .topbar.ux-two-tier {
    position: relative;
    z-index: 80;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }

  .ux-topbar-primary {
    position: relative;
    justify-content: space-between;
    gap: 6px;
    padding: 0 112px 0 8px;
  }

  .ux-topbar-primary > .brand {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0;
    max-width: 100% !important;
  }

  .ux-topbar-primary > .brand .brand-subtitle,
  .ux-topbar-primary > .brand small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ux-topbar-primary > .toolbar,
  .ux-topbar-primary > .ux-primary-controls,
  .ux-topbar-primary > .history-tools,
  .ux-topbar-primary > .history-controls,
  .ux-topbar-primary > .quick-find,
  .ux-topbar-primary > .quick-search,
  .ux-topbar-primary > .server-load-indicator,
  .ux-topbar-primary > .account-menu {
    display: none !important;
  }

  .ux-topbar-secondary {
    gap: 8px;
    padding: 0 8px;
    scroll-snap-type: inline proximity;
  }

  .ux-topbar-secondary > *,
  .ux-manual-rail > * {
    scroll-snap-align: start;
  }

  .ux-topbar-secondary .ux-filter-rail {
    display: none !important;
  }

  .ux-manual-rail::before,
  .ux-filter-rail::before {
    display: none;
  }

  .ux-topbar-secondary :is(button, a, select),
  .ux-mobile-actions :is(button, a),
  .ux-drawer-close {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .ux-mobile-actions {
    position: absolute;
    top: 6px;
    right: 8px;
    display: flex;
    width: 96px;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
  }

  .ux-mobile-actions .ux-layout-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 7px;
    text-decoration: none;
  }

  .ux-mobile-aircraft-button span {
    display: none;
  }

  .ux-mobile-actions .ux-mobile-tools-button,
  .ux-mobile-actions .ux-mobile-info-button {
    display: none !important;
  }

  .workspace[data-layout-key],
  .workspace[data-layout-key].ai-mode {
    position: relative;
    display: grid !important;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr) !important;
    width: 100%;
    min-width: 0;
    height: 100%;
    overflow: hidden !important;
  }

  .workspace[data-layout-key] > .document-pane {
    display: grid !important;
    grid-area: 1 / 1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    width: 100%;
    min-width: 0;
    height: 100%;
    border-inline: 0 !important;
  }

  .workspace[data-layout-key] > .ux-divider,
  .workspace[data-layout-key] .ux-history-divider,
  .document-header .ux-layout-actions {
    display: none !important;
  }

  .workspace[data-layout-key] > .navigation-pane,
  .workspace[data-layout-key] > .info-pane,
  .ux-mobile-tools-drawer,
  .ux-history-layout > .aw-conversation-pane,
  .ux-history-layout > .conversation-pane {
    position: fixed !important;
    z-index: 100;
    top: var(--ux-topbar-height);
    bottom: 0;
    display: flex !important;
    width: var(--ux-drawer-width) !important;
    min-width: 0 !important;
    max-width: var(--ux-drawer-width) !important;
    height: auto !important;
    max-height: none !important;
    background: var(--surface, var(--panel, #fff));
    box-shadow: 0 12px 36px rgb(15 23 42 / 28%);
    transition: transform 220ms cubic-bezier(.2, .8, .2, 1), visibility 220ms;
    visibility: hidden;
  }

  .workspace[data-layout-key] > .navigation-pane {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 52px auto minmax(0, 1fr) !important;
  }

  .workspace[data-layout-key] > .info-pane {
    flex-direction: column;
  }

  .workspace[data-layout-key] > .navigation-pane,
  .ux-mobile-tools-drawer,
  .ux-history-layout > .aw-conversation-pane,
  .ux-history-layout > .conversation-pane {
    left: 0;
    right: auto;
    transform: translateX(-104%);
  }

  .workspace[data-layout-key] > .info-pane {
    right: 0;
    left: auto;
    transform: translateX(104%);
  }

  .workspace[data-layout-key].ux-mobile-nav-open > .navigation-pane,
  .workspace[data-layout-key].ux-mobile-info-open > .info-pane,
  body.ux-mobile-tools-open .ux-mobile-tools-drawer,
  .ux-history-layout:not(.ux-history-collapsed) > .aw-conversation-pane,
  .ux-history-layout:not(.ux-history-collapsed) > .conversation-pane {
    transform: translateX(0);
    visibility: visible;
  }

  .workspace[data-layout-key].ai-mode > .navigation-pane {
    position: relative !important;
    z-index: 1;
    inset: auto !important;
    grid-area: 1 / 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    transform: none !important;
    visibility: visible;
    box-shadow: none;
    transition: none;
  }

  .workspace[data-layout-key].ai-mode > .document-pane,
  .workspace[data-layout-key].ai-mode > .info-pane {
    display: none !important;
  }

  .ux-drawer-header {
    display: flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 4px 8px 4px 14px;
    border-bottom: 1px solid var(--line, #d8dee4);
    color: var(--text, #1d2730);
    background: var(--surface-soft, var(--panel-alt, #f7f9fb));
  }

  .ux-drawer-header strong {
    margin-right: auto;
    font-size: 14px;
  }

  .ux-drawer-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .ux-drawer-close {
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: currentColor;
    background: transparent;
  }

  .ux-drawer-close:active,
  .ux-mobile-actions :is(button, a):active {
    background: color-mix(in srgb, var(--accent, var(--ux-focus)) 12%, transparent) !important;
  }

  .ux-mobile-tools-drawer {
    flex-direction: column;
    overflow: hidden;
  }

  .ux-mobile-tools-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
    padding: 14px;
    overflow: auto;
    overscroll-behavior: contain;
  }

  .ux-mobile-tools-content > * {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .ux-mobile-tools-content .ux-filter-rail {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    border: 0;
  }

  .ux-mobile-tools-content .field,
  .ux-mobile-tools-content label {
    width: 100%;
  }

  .ux-mobile-tools-content input,
  .ux-mobile-tools-content select,
  .ux-mobile-tools-content textarea {
    min-height: 44px;
    font-size: 16px !important;
  }

  .ux-tools-info-launcher {
    display: none !important;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line-strong, var(--line, #cbd3da));
    border-radius: 6px;
    color: var(--text, #1d2730);
    background: var(--surface, var(--panel, #fff));
  }

  .workspace[data-layout-key].ai-mode > .navigation-pane > .ux-drawer-header {
    display: none !important;
  }

  .ux-mobile-backdrop {
    position: fixed;
    z-index: 90;
    inset: var(--ux-topbar-height) 0 0;
    border: 0;
    padding: 0;
    background: rgb(15 23 42 / 48%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, visibility 200ms;
  }

  body.ux-mobile-drawer-open .ux-mobile-backdrop {
    opacity: 1;
    visibility: visible;
  }

  .navigation-pane > .ux-drawer-header,
  .info-pane > .ux-drawer-header {
    order: -10;
  }

  .navigation-tabs {
    min-height: 44px;
  }

  .navigation-tab,
  .pane-heading button,
  .pane-header button,
  .tree button,
  .tree a,
  .outline-list button,
  .outline-list a,
  .figure-list button,
  .figure-list a {
    min-height: 44px;
  }

  .document-header {
    flex: 0 0 auto;
    min-height: 52px;
    padding-inline: 12px !important;
  }

  .document-header :is(button, a) {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .document-header .document-title-wrap,
  .document-header .document-heading {
    min-width: 0;
    overflow: hidden;
  }

  .document-header .document-actions {
    flex: 0 0 auto;
    gap: 8px;
  }

  .document-header .document-actions > :is(button, a) {
    width: 44px;
    padding-inline: 0 !important;
  }

  .workspace[data-layout-key="s76d"] > .document-pane,
  .workspace[data-layout-key="ct7"] > .document-pane,
  .workspace[data-layout-key="pw210s"] > .document-pane {
    grid-template-rows: auto max-content minmax(0, 1fr) !important;
  }

  .command-button,
  .notice-dialog button,
  .dialog-shell button {
    min-height: 44px !important;
  }

  .pdf-toolbar,
  .html-toolbar {
    width: 100%;
    max-height: 56px;
    align-self: start;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .pdf-toolbar :is(button, a, select, input),
  .html-toolbar :is(button, a, select, input) {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .pdf-toolbar :is(input, select),
  .html-toolbar :is(input, select) {
    font-size: 16px !important;
  }

  .document-header .document-actions > :is(button, a) > span {
    display: none;
  }

  .document-content,
  .manual-content,
  #manualContent,
  #documentContent,
  .document-body,
  .pdf-stage {
    width: 100%;
    min-width: 0;
    max-width: 100vw;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .document-content img,
  .manual-content img,
  #manualContent img,
  #documentContent img,
  .document-body img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
  }

  .document-content table,
  .manual-content table,
  #manualContent table,
  #documentContent table,
  .document-body table {
    width: max-content;
    min-width: 100%;
    max-width: none;
  }

  .aw-ai-layout.ux-history-layout,
  .ai-layout.ux-history-layout,
  .ux-history-layout.ux-history-collapsed {
    position: relative;
    display: grid !important;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr) !important;
    width: 100%;
    height: 100%;
  }

  .ux-history-layout > .aw-chat-pane,
  .ux-history-layout > .ai-chat-pane {
    grid-area: 1 / 1 !important;
    width: 100%;
    min-width: 0;
    height: 100%;
  }

  .ux-history-layout > .aw-conversation-pane,
  .ux-history-layout > .conversation-pane {
    z-index: 110;
    flex-direction: column;
  }

  .ux-history-layout > .ux-history-toggle {
    position: absolute;
    top: 8px;
    left: 8px !important;
    width: 44px;
    height: 44px;
    min-width: 44px;
  }

  .aw-ai-heading,
  .ai-heading {
    min-height: 60px;
    padding-left: 60px !important;
  }

  .aw-ai-composer,
  .ai-composer {
    position: sticky;
    z-index: 5;
    bottom: 0;
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    background: var(--surface, var(--panel, #fff));
  }

  .aw-ai-composer textarea,
  .ai-composer textarea,
  .aw-ai-composer select,
  .ai-composer select {
    min-height: 44px;
    font-size: 16px !important;
  }

  .aw-ai-heading-actions {
    gap: 8px !important;
  }

  .aw-icon-button {
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
  }

  .aw-ai-send,
  .ai-send {
    min-width: 72px;
    min-height: 44px;
  }

  .ux-ai-suggestions {
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 24px);
    margin-block: 12px;
  }

  .ux-suggestion {
    min-height: 64px;
  }
}

@media (min-width: 601px) and (max-width: 1024px), (min-width: 601px) and (max-width: 1366px) and (hover: none), (min-width: 601px) and (max-width: 1366px) and (pointer: coarse) {
  .ux-topbar-primary {
    padding-right: 244px;
  }

  .ux-mobile-actions {
    width: 228px;
  }

  .ux-mobile-actions .ux-mobile-aircraft-button {
    display: inline-flex;
    width: 72px;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
  }

  .ux-mobile-aircraft-button span {
    display: inline;
  }

  .ux-mobile-actions .ux-mobile-tools-button,
  .ux-mobile-actions .ux-mobile-info-button {
    display: inline-grid !important;
  }
}

@media (max-width: 600px) {
  :root {
    --ux-drawer-width: min(88vw, 360px);
  }
}

@media (max-width: 370px) {
  .ux-topbar-primary > .brand .brand-subtitle,
  .ux-topbar-primary > .brand small,
  .ux-topbar-primary > .brand {
    max-width: 100% !important;
  }

  .ux-topbar-primary {
    padding-right: 112px;
  }

  .ux-mobile-actions {
    width: 96px;
  }

  .ux-mobile-tools-content .ux-tools-info-launcher {
    display: flex !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1366px) and (hover: none) and (orientation: landscape), (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) {
  :root {
    --ux-topbar-primary: 52px;
    --ux-topbar-secondary: 44px;
    --ux-topbar-height: 96px;
  }

  .ux-mobile-tools-content {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 1024px) and (prefers-reduced-motion: reduce), (max-width: 1366px) and (hover: none) and (prefers-reduced-motion: reduce), (max-width: 1366px) and (pointer: coarse) and (prefers-reduced-motion: reduce) {
  .workspace[data-layout-key] > .navigation-pane,
  .workspace[data-layout-key] > .info-pane,
  .ux-mobile-tools-drawer,
  .ux-history-layout > .aw-conversation-pane,
  .ux-history-layout > .conversation-pane,
  .ux-mobile-backdrop {
    transition: none !important;
  }
}

@media print {
  .ux-divider,
  .ux-layout-actions,
  .ux-history-toggle,
  .ux-ai-suggestions {
    display: none !important;
  }
}