/* The ordinary user's six routes share a compact header and full-width content. */
html[data-slai-user-workspace] {
  --sidebar-width: 0px;
  --sidebar-current-width: 0px;
  --slai-workspace-header: 64px;
}
html[data-slai-user-workspace] #root .app-sider,
html[data-slai-user-workspace] #root #fumin-main-navigation,
html[data-slai-user-workspace] #root .fumin-presentation-menu,
html[data-slai-user-workspace] #root .fumin-menu-overlay {
  display: none !important;
}
html[data-slai-user-workspace] #root .semi-layout-header button[aria-label="打开侧边栏"] { display: none !important; }
html[data-slai-user-workspace] .semi-dropdown-item:has(.semi-icon-credit_card),
html[data-slai-user-workspace] #root #semiTabsidebar,
html[data-slai-user-workspace] #root #semiTabPanelsidebar { display: none !important; }
html[data-slai-user-workspace] #root .slai-workspace-brand { display: flex !important; align-items: center; }
html[data-slai-user-workspace] #root [data-slai-user-content] {
  margin-left: 0 !important;
  min-width: 0;
  width: 100%;
}
html[data-slai-user-workspace][data-fumin-neural] #root .app-layout > .semi-layout-header {
  height: var(--slai-workspace-header) !important;
  padding: 0 !important;
  background: rgba(15, 19, 23, .94) !important;
  backdrop-filter: blur(20px);
}
html[data-slai-user-workspace] #root .app-layout > .semi-layout-header header > div > div {
  max-width: 1680px;
  margin: auto;
  padding: 0 16px;
  gap: 24px;
  height: 64px;
}
html[data-slai-user-workspace] #root .app-layout > .semi-layout-header header > div > div > div:last-child > :not(:last-child) {
  display: none !important;
}
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation {
  display: flex !important;
  flex: 1 1 auto;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  height: 64px;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: none;
  letter-spacing: 0;
}
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation::-webkit-scrollbar { display: none; }
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation a {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 12px;
  color: #aeb7c2 !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  height: 100%;
  opacity: 1;
  background: transparent !important;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  letter-spacing: 0;
}
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation a:hover { color: #fff !important; background: #ffffff08; }
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation a[aria-current="page"] { color: #f4f6f8 !important; border-bottom-color: #90d4bc; background: transparent !important; }
html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation a:focus-visible,
html[data-slai-user-workspace] #root .slai-model-toggle:focus-visible { outline: 2px solid #90d4bc; outline-offset: -4px; }
html[data-slai-user-workspace][data-fumin-neural] .fumin-motion-background::after { background: rgba(12, 15, 19, .92) !important; }
html[data-slai-user-chat] #root [data-slai-user-content] > main {
  padding: var(--slai-workspace-header) 0 0 !important;
  height: 100dvh;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}
html[data-slai-user-chat] #root [data-slai-chat-layout] {
  position: relative;
  height: 100%;
  min-height: 0;
}
html[data-slai-user-chat] #root [data-slai-chat-main] {
  height: 100%;
  min-width: 0;
  padding: 0 !important;
}
html[data-slai-user-chat] #root [data-slai-user-content] > main > .h-full { height: 100%; }
html[data-slai-user-chat] #root [data-slai-chat-stage] {
  height: 100% !important;
  margin: 0 !important;
}
html[data-slai-user-chat] #root [data-slai-chat-card] {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
html[data-slai-user-chat] #root [data-slai-chat-card] > .semi-card-body {
  height: 100% !important;
  max-width: 1120px;
  margin: auto;
  width: 100%;
  padding: 0 !important;
}
html[data-slai-user-chat] #root [data-slai-chat-card] > .semi-card-body > div:first-child {
  gap: 12px;
  padding: 16px 24px;
  flex-wrap: wrap;
  border-color: #ffffff12;
  min-height: 64px;
}
html[data-slai-user-chat] #root .slai-mobile-chat-title { font-size: 16px; line-height: 40px; }
html[data-slai-user-chat] #root [data-slai-chat-card] .semi-card-body > div:first-child button:not(.slai-model-toggle) { display: none; }
html[data-slai-user-chat] #root .semi-chat { background: transparent; }
html[data-slai-user-chat] #root .semi-chat-inner { min-height: 0; }
html[data-slai-user-chat] #root .semi-chat-inputBox-sendButton { background: #90d4bc !important; color: #10271e !important; }
html[data-slai-user-chat] #root .semi-chat-inputBox-sendButton:disabled { opacity: .4; }
html[data-slai-user-chat] #root .semi-chat-chatBox-content-user { background: #2d373c; }
html[data-slai-user-chat] #root .semi-chat-inputBox-textarea textarea { font-size: 16px; }
html[data-slai-user-chat] #root [data-slai-mobile-chat-tool="debug"] { display: none !important; }
html[data-slai-user-chat] #root [data-slai-mobile-chat-tool="models"] {
  top: calc(var(--slai-workspace-header) + 12px);
  bottom: auto !important;
  z-index: 30 !important;
}
html[data-slai-user-chat] #root [data-slai-model-panel] {
  display: none !important;
  position: absolute !important;
  top: 64px;
  right: 16px;
  left: auto !important;
  bottom: 16px;
  z-index: 20 !important;
  width: min(360px, calc(100% - 32px)) !important;
  height: auto !important;
  margin: 0 !important;
  background: #171e24 !important;
  border: 1px solid #46525d;
  border-radius: 8px;
  box-shadow: 0 16px 48px #0008;
}
html[data-slai-user-chat] #root [data-slai-model-panel][data-slai-model-open] { display: block !important; }
html[data-slai-user-chat] #root [data-slai-model-panel] .semi-card { border: 0 !important; border-radius: 8px !important; background: transparent !important; }
html[data-slai-user-chat] #root .slai-model-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8px;
  height: 36px;
  width: 36px;
  padding: 0;
  margin-left: auto;
  border: 1px solid #54616b;
  border-radius: 6px;
  background: #242e33;
  color: #eef5f2;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
html[data-slai-user-chat] #root .slai-model-toggle[aria-expanded="true"] { border-color: #90d4bc; }
html[data-slai-user-chat] #root .slai-model-toggle svg { width: 16px; height: 16px; }
html[data-slai-user-chat] #root .app-layout > section > [data-slai-user-content] > footer { display: none; }
html[data-slai-user-workspace] #root .slai-creative-toggle { display: none; }
@media (max-width: 1023px) {
  html[data-slai-user-creative] #root [data-slai-user-content] > main {
    padding: var(--slai-workspace-header) 0 0 !important;
    height: 100dvh;
    overflow: hidden !important;
    flex: 0 0 auto !important;
  }
  html[data-slai-user-creative] #root [data-slai-creative-layout] { position: relative; height: 100%; min-height: 0; }
  html[data-slai-user-creative] #root [data-slai-creative-main] { padding: 0 !important; height: 100%; min-width: 0; }
  html[data-slai-user-creative] #root [data-slai-creative-stage] { margin: 0 !important; height: 100% !important; }
  html[data-slai-user-creative] #root [data-slai-creative-panel] {
    display: none !important;
    position: absolute !important;
    top: 60px;
    right: 12px;
    bottom: 12px;
    left: auto;
    margin: 0 !important;
    height: auto !important;
    width: min(360px, calc(100% - 24px)) !important;
    z-index: 40 !important;
    background: #171e24 !important;
    border-radius: 8px;
    box-shadow: 0 16px 48px #0008;
  }
  html[data-slai-user-creative] #root [data-slai-creative-panel][data-slai-creative-open] { display: block !important; }
  html[data-slai-user-creative] #root .creative-tabs > .semi-tabs-bar { display: flex; align-items: center; min-height: 56px; }
  html[data-slai-user-creative] #root .creative-tabs > .semi-tabs-bar > .semi-tabs-tab { font-size: 12px; padding: 0 8px !important; flex: 0 0 auto; }
  html[data-slai-user-creative] #root .slai-creative-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-left: auto;
    padding: 6px;
    border: 1px solid #54616b;
    border-radius: 6px;
    background: #242e33;
    color: #eef5f2;
    cursor: pointer;
    position: sticky;
    right: 0;
    z-index: 2;
  }
  html[data-slai-user-creative] #root .slai-creative-toggle svg { width: 16px; height: 16px; }
}
@media (max-width: 960px) {
  html[data-slai-user-workspace] { --slai-workspace-header: 112px; }
  html[data-slai-user-workspace] #root .app-layout > .semi-layout-header header > div > div {
    height: 112px !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 64px 48px;
    padding: 0 8px;
    gap: 0 12px;
  }
  html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation {
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: flex-start;
    height: 48px;
    width: 100%;
    gap: 0;
  }
  html[data-slai-user-workspace] #root .semi-layout-header .slai-user-navigation a { padding: 0 14px; }
  html[data-slai-user-workspace] #root .app-layout > .semi-layout-header header > div > div > div:last-child { grid-row: 1; grid-column: 2; }
  html[data-slai-user-workspace]:not([data-slai-user-chat]):not([data-slai-user-creative]) #root [data-slai-user-content] > main { padding-top: 48px !important; }
  html[data-slai-user-chat] #root [data-slai-chat-card] > .semi-card-body > div:first-child { padding: 12px; gap: 8px; }
  html[data-slai-user-chat] #root .semi-chat-inputBox-inputArea { min-width: 0; }
  html[data-slai-user-chat] #root [data-slai-model-panel] { top: 64px; right: 12px; bottom: 12px; width: min(360px, calc(100% - 24px)) !important; }
}