/* Empty-page layout is scoped; the composer appearance is shared with history. */
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position {
  --new-bg: #f7f8fa;
  --new-input: #ffffff;
  --new-text: #262b32;
  --new-muted: #69717c;
  --new-line: #e1e4e8;
  --new-focus: #6e8793;
}
html.dark #app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position,
html[data-theme="dark"] #app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position {
  --new-bg: #111315;
  --new-input: #222528;
  --new-text: #e4e7eb;
  --new-muted: #a4abb4;
  --new-line: #35393e;
  --new-focus: #738a94;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat {
  --new-bg: #f7f8fa;
  --new-input: #ffffff;
  --new-text: #262b32;
  --new-muted: #69717c;
  --new-line: #e1e4e8;
  --new-focus: #6e8793;
  background: var(--new-bg) !important;
  isolation: isolate;
}
html.dark #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat,
html[data-theme="dark"] #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat {
  --new-bg: #111315;
  --new-input: #222528;
  --new-text: #e4e7eb;
  --new-muted: #a4abb4;
  --new-line: #35393e;
  --new-focus: #738a94;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat > :first-child {
  background: transparent !important;
  backdrop-filter: none !important;
  border-bottom-color: transparent !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position {
  position: absolute !important;
  top: 50% !important;
  left: 0;
  right: 0;
  transform: translateY(-35%) !important;
  z-index: 20;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position,
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position > div,
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position > div > div,
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-prompt-footer {
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome-title,
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface,
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface * { text-shadow: none !important; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-footer {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome-position {
  width: 100%;
  bottom: 100%;
  margin-bottom: 34px !important;
  padding: 0 24px;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome { padding: 0; margin: 0; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome > div { justify-content: center; min-width: 0; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome img,
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome h2 { display: none !important; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat h1.vfx-welcome-title {
  margin: 0 !important;
  color: var(--new-text) !important;
  font-size: 32px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  animation: none !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  min-height: 88px !important;
  padding: 14px 18px 10px !important;
  border: 1px solid var(--new-line) !important;
  border-radius: 28px !important;
  background: var(--new-input) !important;
  box-shadow: none !important;
  transition: border-color .15s ease !important;
  overflow: visible;
  color: var(--new-text);
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface:hover { border-color: var(--new-focus) !important; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface:focus-within {
  border-color: var(--new-focus) !important;
  box-shadow: none !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-editor { min-width: 0; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position textarea[data-chat-editor] {
  min-height: 24px !important;
  max-height: 200px !important;
  margin: 0 0 10px !important;
  padding: 0 4px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  color: var(--new-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position textarea[data-chat-editor]::placeholder {
  color: var(--new-muted) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  opacity: 1;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position textarea[data-chat-editor]:placeholder-shown { height: 24px !important; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-tools { padding: 0 !important; min-height: 34px; gap: 8px; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-tools > :first-child { flex-wrap: wrap; gap: 4px; min-width: 0; }
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-tools .btn-pill {
  min-height: 34px !important;
  height: 34px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--new-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-tools .btn-pill:hover {
  background: #80808018 !important;
  color: var(--new-text) !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-tools .btn-pill-active {
  background: #80808020 !important;
  border-color: var(--new-line) !important;
  color: var(--new-text) !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .btn-send {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--new-text) !important;
  color: var(--new-bg) !important;
  box-shadow: none !important;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .btn-send:disabled {
  background: transparent !important;
  color: var(--new-muted) !important;
  opacity: .55;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-chat-disclaimer {
  position: absolute !important;
  width: 100% !important;
  height: auto !important;
  min-height: 28px;
  padding: 8px 20px 12px;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: auto;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-chat-disclaimer > div {
  flex-wrap: wrap;
  color: var(--new-muted) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.7;
  max-height: none !important;
  text-align: center;
}
#app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-chat-disclaimer a { color: var(--new-muted) !important; }
@media (max-width: 767px) {
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat main { visibility: hidden; pointer-events: none; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position { top: 46% !important; transform: translateY(-20%) !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome-position { margin-bottom: 26px !important; padding: 0 24px; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat h1.vfx-welcome-title { font-size: 24px !important; line-height: 1.6 !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface { padding: 14px 14px 10px !important; border-radius: 24px !important; }
}
@media (max-height: 540px) {
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-composer-position { top: 42% !important; transform: none !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-welcome-position { margin-bottom: 16px !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat h1.vfx-welcome-title { font-size: 22px !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position textarea[data-chat-editor] { max-height: 96px !important; }
  #app#app[data-chat-route] .vfx-chat-layout .vfx-new-chat .vfx-chat-disclaimer { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  #app#app[data-chat-route] .vfx-chat-layout .vfx-composer-position .vfx-prompt-surface { transition: none !important; }
}