/* Gemini-style user workspace. Loaded after user.css so it can override floating chrome. */

html:not([data-theme]) body:not(.page-admin),
html[data-theme="light"] body:not(.page-admin),
html[data-theme="light"] body:not(.page-admin) .app-layout,
html[data-theme="light"] body:not(.page-admin) .main-area,
html[data-theme="light"] body.gemini-home,
html[data-theme="light"] body.gemini-home .app-layout,
html[data-theme="light"] body.gemini-home .main-area {
  background: #ffffff;
  background-image: none;
}

html body.page-app::before,
html body.page-app::after,
html body.gemini-home::before,
html body.gemini-home::after,
html[data-theme] body:not(.page-admin)::before,
html[data-theme] body:not(.page-admin)::after,
html[data-theme] body.page-app:not(.page-admin)::before,
html[data-theme] body.page-app:not(.page-admin)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html[data-theme] body:not(.page-admin),
body:not(.page-admin) {
  --gemini-sidebar-width: clamp(200px, 15vw, 248px);
  --sidebar-width: var(--gemini-sidebar-width);
  --gemini-stage-max: clamp(720px, 68vw, 1120px);
  --gemini-console-max: min(var(--gemini-stage-max), 100%);
  --gemini-stage-gap: clamp(14px, 2.4vh, 32px);
  --gemini-stage-pad-y: clamp(16px, 4vh, 44px);
  --gemini-history-gap: clamp(8px, 1.4vh, 18px);
  --gemini-intro-gap: clamp(8px, 1.2vw, 14px);
  --gemini-welcome-size: clamp(22px, 2.6vw, 34px);
  --gemini-func-nav-max: min(18.5rem, 42vh);
}

html[data-theme="light"] body:not(.page-admin) .sidebar.gemini-sidebar,
body:not(.page-admin) .sidebar.gemini-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 200 !important;
  width: var(--gemini-sidebar-width) !important;
  height: auto !important;
  max-height: none !important;
  background: #ffffff;
  background-image: none !important;
  border: 0 !important;
  border-right: 1px solid #ececec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
}

html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar a,
html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar button,
body:not(.page-admin) .sidebar.gemini-sidebar a,
body:not(.page-admin) .sidebar.gemini-sidebar button {
  pointer-events: auto !important;
}

html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar a,
html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar button,
body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar a,
body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar button,
html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar,
body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar {
  pointer-events: none !important;
}

.gemini-sidebar .mobile-sidebar-primary {
  display: none !important;
}

.gemini-sidebar .mobile-sidebar-duplicate {
  display: none !important;
}

html[data-theme="light"] body:not(.page-admin) .main-area,
body:not(.page-admin):not(.page-auth):not(.page-embed) .main-area,
body.gemini-home .main-area {
  position: relative;
  z-index: 1;
  margin-left: var(--gemini-sidebar-width) !important;
  min-height: 100dvh;
}

html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar,
body:not(.page-admin) .sidebar.gemini-sidebar {
  transition: none !important;
}

html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar,
body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar,
body.gemini-home.sidebar-collapsed .sidebar.gemini-sidebar {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-theme] body:not(.page-admin).sidebar-collapsed .main-area,
body:not(.page-admin).sidebar-collapsed .main-area,
body.gemini-home.sidebar-collapsed .main-area {
  margin-left: 0 !important;
}

html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar-toggle,
body:not(.page-admin).sidebar-collapsed .sidebar-toggle {
  display: grid !important;
  pointer-events: auto !important;
  z-index: 400 !important;
}

html[data-theme] body.page-app:not(.page-admin):not(.home-layout-editing) .home-dashboard {
  transform: none !important;
}

html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-dashboard,
html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-dashboard > .page-hd,
html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-hero-grid,
html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-console,
html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-showcase-grid,
html[data-theme] body.page-app.sidebar-collapsed:not(.page-admin) .home-workflow-strip,
body.page-app.sidebar-collapsed:not(.page-admin) .home-showcase-grid {
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
}

@media (min-width: 1025px) {
  body:not(.page-admin) .sidebar-overlay {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
}

.gemini-sidebar .sidebar-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: 2px 0 0 8px !important;
}

.gemini-func-nav {
  flex: 0 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  max-height: var(--gemini-func-nav-max, min(18.5rem, 42vh));
  padding-bottom: 4px;
  padding-right: 8px;
}

.gemini-sidebar .gemini-history {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: var(--gemini-history-gap, 12px);
  padding-top: 0;
  border-top: 0;
  overflow: hidden;
}

.gemini-sidebar .sidebar-nav-section {
  margin: 10px 8px 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gemini-muted);
  text-transform: none;
}

.gemini-sidebar .sidebar-nav-item {
  min-height: 40px;
  padding: 7px 10px;
  border-radius: 10px;
  color: #374151;
  background: transparent;
  gap: 10px;
  font-size: 14px;
}

.gemini-sidebar .sidebar-nav-item:hover {
  background: #f3f4f6;
}

.gemini-sidebar .sidebar-nav-item.active {
  background: #e8f1ff !important;
  color: #2563eb !important;
  box-shadow: none !important;
}

.gemini-sidebar .sidebar-nav-item svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

.gemini-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 0;
  padding: 8px 6px 8px;
  border-top: 1px solid #ececec;
}

.gemini-history-head .sidebar-nav-section {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.gemini-new-chat {
  flex: 0 0 auto;
  color: #2563eb;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
}

.gemini-new-chat:hover {
  text-decoration: underline;
}

.gemini-sidebar .gemini-history-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 4px 8px 2px;
}

.gemini-optional-nav {
  flex: 0 0 auto;
  padding: 4px 0 8px;
}

.gemini-history-list .creation-history-entry {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.gemini-history-list .creation-history-entry .gemini-history-item,
.gemini-history-list .creation-history-entry .creation-history-item {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none;
  min-width: 0;
  padding-right: 4px;
}

.gemini-history-list .creation-history-menu-trigger,
.gemini-history-list .creation-history-menu {
  display: none !important;
}

.gemini-history-delete {
  position: relative;
  z-index: 3;
  flex: 0 0 22px;
  top: auto;
  right: auto;
  width: 22px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  margin-right: 2px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transform: none;
  pointer-events: auto;
}

.gemini-history-delete svg {
  width: 14px;
  height: 14px;
  pointer-events: none;
}

.gemini-history-delete:hover,
.gemini-history-delete:focus-visible,
.gemini-history-delete[aria-expanded="true"] {
  outline: 0;
  background: rgba(15, 23, 42, 0.08);
  color: #4b5563;
}

html[data-theme="dark"] .gemini-history-delete {
  color: #9ca3af;
}

html[data-theme="dark"] .gemini-history-delete:hover,
html[data-theme="dark"] .gemini-history-delete:focus-visible,
html[data-theme="dark"] .gemini-history-delete[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.1);
  color: #e5e7eb;
}

.gemini-history-delete-menu {
  position: fixed;
  z-index: 1200;
  min-width: 72px;
  padding: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}

.gemini-history-delete-menu[hidden] {
  display: none !important;
}

.gemini-history-delete-menu button {
  min-height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #dc2626;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

.gemini-history-delete-menu button:hover,
.gemini-history-delete-menu button:focus-visible {
  outline: 0;
  background: rgba(239, 68, 68, 0.1);
}

html[data-theme="dark"] .gemini-history-delete-menu {
  border-color: #333;
  background: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .gemini-history-delete-menu button {
  color: #f87171;
}

.gemini-history-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 5px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.gemini-history-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: #6b7280;
}

.gemini-history-item.active .gemini-history-icon {
  color: #2563eb;
}

.gemini-history-item:hover,
.gemini-history-item.active {
  background: #e8f1ff;
}

html[data-theme="dark"] .gemini-history-item:hover,
html[data-theme="dark"] .gemini-history-item.active {
  background: rgba(37, 99, 235, 0.22);
}

.gemini-history-copy {
  position: relative;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-mask-image: none;
  mask-image: none;
}

.gemini-history-item .gemini-history-copy::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28px;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}

.gemini-history-item:hover .gemini-history-copy::after,
.gemini-history-item.active .gemini-history-copy::after {
  background: linear-gradient(to right, rgba(232, 241, 255, 0), #e8f1ff);
}

html[data-theme="dark"] .gemini-history-item .gemini-history-copy::after {
  background: linear-gradient(to right, rgba(26, 26, 26, 0), #1a1a1a);
}

html[data-theme="dark"] .gemini-history-item:hover .gemini-history-copy::after,
html[data-theme="dark"] .gemini-history-item.active .gemini-history-copy::after {
  background: linear-gradient(to right, rgba(20, 32, 56, 0), #142038);
}

.gemini-history-item strong,
.gemini-history-item small {
  display: none;
}

.gemini-history-empty {
  margin: 4px 8px 8px;
  color: var(--gemini-muted);
  font-size: 12px;
}

.gemini-sidebar .gemini-history:has(.gemini-history-empty) {
  flex: 0 1 auto;
  max-height: min(28vh, 220px);
}

.gemini-sidebar .gemini-history:has(.creation-history-entry:only-child),
.gemini-sidebar .gemini-history:has(.gemini-history-item:only-child) {
  flex: 0 1 auto;
  max-height: min(36vh, 280px);
}

.gemini-sidebar .sidebar-footer {
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-top: 1px solid var(--gemini-line);
  padding: 8px 8px calc(14px + env(safe-area-inset-bottom, 0px));
}

.gemini-sidebar .guest-sidebar-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 8px calc(16px + env(safe-area-inset-bottom, 0px));
  overflow: hidden;
}

.gemini-sidebar .guest-sidebar-footer .sidebar-user,
.gemini-sidebar .guest-sidebar-footer .guest-sidebar-user {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  gap: 8px;
  padding: 6px 4px;
}

.gemini-sidebar .guest-sidebar-footer .sidebar-user-avatar {
  width: 28px;
  height: 28px;
  font-size: 12px;
}

.gemini-sidebar .guest-sidebar-footer .sidebar-user-info {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.gemini-sidebar .guest-sidebar-footer .sidebar-user-info strong,
.gemini-sidebar .guest-sidebar-footer .sidebar-user-info span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gemini-sidebar .guest-sidebar-footer > .btn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 10px;
  font-size: 13px;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gemini-sidebar .sidebar-actions {
  display: none;
}

.gemini-user-bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.gemini-user-bar:hover,
.gemini-user-bar[aria-expanded="true"] {
  background: rgba(17, 24, 39, 0.06);
}

.gemini-user-menu {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: calc(100% + 8px);
  z-index: 40;
  padding: 8px;
  border: 1px solid var(--gemini-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="dark"] .gemini-user-menu {
  background: #1c1f26;
}

.gemini-user-menu a,
.gemini-user-menu button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}

.gemini-user-menu a:hover,
.gemini-user-menu button:hover {
  background: var(--gemini-accent-soft);
  color: var(--gemini-accent);
}

body.gemini-home .home-dashboard.gemini-workspace {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 16px 8px !important;
  gap: 0 !important;
  background: transparent;
  box-shadow: none !important;
  transform: none !important;
}

body.gemini-home .home-dashboard > .page-hd,
html[data-theme] body.page-app:not(.page-admin) .home-dashboard > .page-hd {
  display: none !important;
}

.gemini-float-tools,
body.gemini-home .gemini-float-tools,
html[data-theme] body.page-app:not(.page-admin) .gemini-float-tools,
html[data-theme] body.page-app:not(.page-admin) .gemini-float-tools.home-builder-style-spotlight,
html[data-theme] body.page-app:not(.page-admin) .gemini-float-tools.home-builder-style-solid,
html[data-theme] body.page-app:not(.page-admin) .gemini-float-tools.home-builder-style-outline,
html[data-theme] body.page-app:not(.page-admin) .gemini-float-tools.home-builder-style-flat {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 80 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.workspace-switch-notice {
  position: absolute;
  top: calc(18px + 1cm);
  left: 50%;
  right: auto;
  z-index: 25;
  transform: translateX(-50%);
  min-height: 36px;
  max-width: min(52vw, 420px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 18px;
  border: 1px solid #d7e6ff;
  border-radius: 999px;
  background: rgba(232, 241, 255, 0.96);
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.workspace-switch-notice.is-free-notice {
  top: calc(18px + 3cm);
}

.workspace-switch-notice[hidden] {
  display: none !important;
}

.gemini-float-tools .btn,
.gemini-float-tools .badge-balance,
.gemini-float-tools .home-contact-trigger {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: none !important;
  animation: none !important;
}

.gemini-stage {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  width: min(var(--gemini-stage-max, 920px), 100%);
  max-width: 100%;
  margin: 0 auto;
  align-self: center;
}

.gemini-welcome { order: 1; }
.gemini-intro-cards { order: 2; }
.gemini-stage [data-creation-thread] { order: 3; }
.gemini-stage .home-console { order: 4; }
.gemini-stage .home-hero-grid,
.gemini-stage .home-project-thread { display: none !important; }

.gemini-workspace.is-engaged .home-hero-grid,
.gemini-workspace.is-engaged .home-project-thread {
  display: none !important;
}

.gemini-workspace:not(.is-engaged) .gemini-stage {
  justify-content: center;
  align-items: stretch;
  padding-top: var(--gemini-stage-pad-y, 32px);
  padding-bottom: var(--gemini-stage-pad-y, 32px);
  gap: var(--gemini-stage-gap, 20px);
}

.gemini-workspace:not(.is-engaged) [data-creation-thread] {
  display: none !important;
  flex: 0 0 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gemini-workspace.is-engaged .gemini-welcome,
.gemini-workspace.is-engaged .gemini-intro-cards {
  display: none;
}

.gemini-welcome {
  text-align: center;
  width: 100%;
  margin: 0;
}

.gemini-welcome h1 {
  margin: 0 0 8px;
  font-size: var(--gemini-welcome-size, clamp(22px, 2.6vw, 34px));
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #111827;
}

.gemini-welcome p {
  margin: 0;
  color: var(--gemini-muted);
  font-size: 15px;
}

html[data-theme="dark"] .gemini-welcome h1 {
  color: #ffffff;
}

.gemini-intro-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gemini-intro-gap, 12px);
  width: 100%;
  margin: 0;
}

.gemini-intro-card {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid var(--gemini-line);
  border-radius: 16px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.gemini-intro-card:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.08);
}

.gemini-intro-card strong {
  font-size: 14px;
}

.gemini-intro-card span {
  color: var(--gemini-muted);
  font-size: 12px;
  line-height: 1.45;
}

.gemini-intro-card .gemini-card-art {
  height: 90px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: url('/assets/card-chat.png');
}

.gemini-intro-card.is-image .gemini-card-art {
  background-image: url('/assets/card-image.png');
}

.gemini-intro-card.is-video .gemini-card-art {
  background-image: url('/assets/card-video.png');
}

html[data-theme="dark"] .gemini-intro-card {
  background: #242424;
}

body.gemini-home .gemini-workspace .home-console {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  width: min(var(--gemini-stage-max, 920px), 100%) !important;
  margin: 0 auto !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace.is-engaged {
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  padding: 48px 16px 0 !important;
  justify-content: stretch;
}

body.gemini-home .gemini-workspace.is-engaged .gemini-stage {
  position: relative;
  flex: 1;
  min-height: 0;
  width: min(var(--gemini-stage-max, 920px), 100%);
}

body.gemini-home .gemini-workspace.is-engaged [data-creation-thread] {
  position: absolute;
  inset: 0;
  padding: 16px 8px 168px !important;
  overflow: auto;
  z-index: 1;
}

body.gemini-home .gemini-workspace.is-engaged .home-console {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 6 !important;
  padding: 8px 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.gemini-home .gemini-workspace:not(.is-engaged) .home-console {
  position: relative !important;
  bottom: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  transform: none;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console-head,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-mode-tabs,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-slogan,
body.gemini-home .home-prompt-expand,
body.gemini-home .home-prompt-resize-handle {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console,
body.gemini-home .gemini-workspace .home-console,
body.gemini-home .gemini-stage .home-console {
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(var(--gemini-console-max, var(--gemini-stage-max, 920px)), 100%) !important;
  max-width: min(var(--gemini-console-max, var(--gemini-stage-max, 920px)), 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.gemini-home .home-create-form {
  display: grid !important;
  gap: 8px !important;
  padding: 12px 14px 10px !important;
  border: 1px solid var(--gemini-line) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
  animation: none !important;
}

html[data-theme="dark"] body.gemini-home .home-create-form {
  background: transparent !important;
}

body.gemini-home .home-prompt-field {
  margin: 0 !important;
}

body.gemini-home .home-prompt-field label {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.gemini-home .home-prompt-shell {
  position: relative;
}

body.gemini-home .home-composer-card .home-prompt-field textarea,
body.gemini-home .home-composer-card .home-prompt-shell textarea {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 10px 78px 10px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: none !important;
  overflow-y: auto;
  line-height: 1.55;
  font-size: 16px;
}

body.gemini-home .home-create-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 4px 2px !important;
  position: static !important;
  transform: none !important;
}

body.gemini-home .home-mode-picker {
  position: relative;
  list-style: none;
}

body.gemini-home .home-mode-picker > summary {
  list-style: none;
}

body.gemini-home .home-mode-picker > summary::-webkit-details-marker {
  display: none;
}

body.gemini-home .home-mode-picker-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--gemini-accent);
  border-radius: 999px;
  background: transparent;
  color: var(--gemini-accent);
  font-size: 14px;
  cursor: pointer;
}

body.gemini-home .home-mode-picker-menu {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: calc(100% + 8px);
  top: auto !important;
  transform: translateX(-50%);
  min-width: 148px;
  padding: 6px;
  border: 1px solid var(--gemini-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
  overflow: visible;
}

.home-mode-free-item {
  position: relative;
}

.home-mode-free-flyout {
  position: absolute;
  right: calc(100% + 8px);
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  display: none;
  flex-direction: column;
  gap: 2px;
  width: max-content;
  min-width: 0;
  padding: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.home-mode-free-flyout::before {
  content: "";
  position: absolute;
  right: -18px;
  left: auto;
  top: -28px;
  bottom: -28px;
  width: 18px;
}

.home-mode-free-item:hover .home-mode-free-flyout,
.home-mode-free-item:focus-within .home-mode-free-flyout,
.home-mode-free-item.is-open .home-mode-free-flyout {
  display: flex;
}

.home-mode-free-item:hover::after,
.home-mode-free-item:focus-within::after,
.home-mode-free-item.is-open::after {
  content: "";
  position: absolute;
  right: 100%;
  left: auto;
  top: -20px;
  bottom: -20px;
  width: 8px;
}

.home-mode-free-flyout button {
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
  padding: 4px 8px;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.home-mode-free-flyout button:hover,
.home-mode-free-flyout button.is-active {
  background: #e8f1ff !important;
  border-color: transparent !important;
  color: #1d4ed8 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu {
  background: #1c1f26;
}

body.gemini-home .home-mode-picker-menu button {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

body.gemini-home .home-mode-picker-menu button.active,
body.gemini-home .home-mode-picker-menu button:hover {
  background: var(--gemini-accent-soft);
  color: var(--gemini-accent);
}

body.gemini-home .home-compact-tool-button,
body.gemini-home .home-file-tool,
body.gemini-home .home-create-toolbar .btn {
  min-height: 32px !important;
  border: 1px solid var(--gemini-line) !important;
  border-radius: 999px !important;
  background: #f3f4f6 !important;
  color: #111827 !important;
  box-shadow: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  font-size: 14px !important;
}

body.gemini-home .home-capability-trigger [data-param-capsule-summary] {
  font-size: 13px;
  font-weight: 600;
}

body.gemini-home .home-compact-tool {
  position: relative;
}

body.gemini-home .home-tool-popover {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  bottom: calc(100% + 8px) !important;
  top: auto !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-prompt-shell textarea,
body.gemini-home .home-prompt-shell textarea {
  padding-right: 78px !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console #homeGenerateButton.home-prompt-send,
body.gemini-home .home-console #homeGenerateButton.home-prompt-send {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #111827 !important;
  color: #fff !important;
  box-shadow: none !important;
  animation: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 8 !important;
}

body.gemini-home .home-console #homeGenerateButton.home-prompt-send span {
  display: none !important;
}

body.gemini-home .creation-thread {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 8px 4px 24px;
}

body.gemini-home .creation-message.is-user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
}

body.gemini-home .creation-message.is-ai {
  display: flex;
  justify-content: flex-start;
  margin-right: auto;
  margin-left: auto;
}

body.gemini-home .gemini-sidebar .mobile-sidebar-duplicate {
  display: none !important;
}

.gemini-sidebar .sidebar-brand,
.gemini-sidebar .sidebar-brand-text h1,
.gemini-sidebar .sidebar-user-info strong {
  color: #111827 !important;
}

.gemini-sidebar .sidebar-nav-section,
.gemini-sidebar .sidebar-user-info span,
.gemini-sidebar .gemini-history-empty,
.gemini-history-item small {
  color: #6b7280 !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .main-area {
  padding: 0 !important;
}

@media (max-width: 1024px) {
  html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar,
  body:not(.page-admin) .sidebar.gemini-sidebar {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(260px, 86vw) !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  html[data-theme] body:not(.page-admin):not(.sidebar-open) .main-area,
  body.gemini-home .main-area {
    margin-left: 0 !important;
  }
}

@media (max-width: 900px) {
  body.gemini-home .main-area {
    margin-left: 0 !important;
  }

  .gemini-intro-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(var(--gemini-sidebar-width), 86vw) !important;
    height: 100% !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  .gemini-sidebar .mobile-sidebar-primary {
    display: block !important;
  }
}

body.gemini-home .home-create-alert,
body.gemini-home .inline-message,
body.gemini-home #homeInlineStatus,
body.gemini-home .jpt-toast-stack {
  display: none !important;
}

body.gemini-home .home-cost-hint,
body.gemini-home .home-create-toolbar {
  font-size: 14px;
}

html[data-theme="dark"] body:not(.page-admin),
html[data-theme="dark"] body:not(.page-admin) .app-layout,
html[data-theme="dark"] body:not(.page-admin) .main-area,
html[data-theme="dark"] body.gemini-home,
html[data-theme="dark"] body.gemini-home .app-layout,
html[data-theme="dark"] body.gemini-home .main-area {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar {
  background: #141414 !important;
  border-right-color: #2a2a2a !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar a,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar button,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar span,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar strong,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar small,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar svg,
html[data-theme="dark"] .gemini-sidebar .sidebar-brand,
html[data-theme="dark"] .gemini-sidebar .sidebar-brand-text h1,
html[data-theme="dark"] .gemini-sidebar .sidebar-user-info strong,
html[data-theme="dark"] .gemini-sidebar .sidebar-nav-section,
html[data-theme="dark"] .gemini-sidebar .sidebar-user-info span,
html[data-theme="dark"] .gemini-sidebar .gemini-history-empty,
html[data-theme="dark"] .gemini-history-item small,
html[data-theme="dark"] .gemini-welcome h1,
html[data-theme="dark"] .gemini-welcome p,
html[data-theme="dark"] .gemini-intro-card,
html[data-theme="dark"] .gemini-intro-card strong,
html[data-theme="dark"] .gemini-intro-card span,
html[data-theme="dark"] .gemini-float-tools .btn,
html[data-theme="dark"] .gemini-float-tools .badge-balance,
html[data-theme="dark"] body.gemini-home .home-create-form,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn,
html[data-theme="dark"] body.gemini-home .home-compact-tool-button,
html[data-theme="dark"] body.gemini-home .home-file-tool,
html[data-theme="dark"] body.gemini-home .home-prompt-shell textarea {
  color: #ffffff !important;
  fill: none;
  stroke: currentColor;
}

html[data-theme="dark"] .gemini-intro-card,
html[data-theme="dark"] .gemini-float-tools .btn,
html[data-theme="dark"] .gemini-float-tools .badge-balance,
html[data-theme="dark"] body.gemini-home .home-mode-picker-menu,
html[data-theme="dark"] body.gemini-home .home-tool-popover {
  background: #1a1a1a !important;
  border-color: #3a3a3a !important;
}

html[data-theme="dark"] .gemini-history-head {
  border-top-color: #2a2a2a;
}

html[data-theme="chinese"] body:not(.page-admin),
html[data-theme="chinese"] body:not(.page-admin) .app-layout,
html[data-theme="chinese"] body:not(.page-admin) .main-area,
html[data-theme="chinese"] body.gemini-home,
html[data-theme="chinese"] body.gemini-home .app-layout,
html[data-theme="chinese"] body.gemini-home .main-area {
  background: #f6f0dc !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar {
  background: #f3ead0 !important;
  border-right-color: #ead9b0 !important;
}

html[data-theme="chinese"] body.gemini-home .home-composer-card,
html[data-theme="chinese"] .gemini-intro-card {
  background: #fbf6e8 !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-brand-text.is-platform-only h1,
html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-brand-text h1 {
  height: auto !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-logo {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-logo img {
  object-fit: contain !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar,
html[data-theme] body:not(.page-admin) .gemini-sidebar .nav-label,
html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-user-info {
  font-size: 14px;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .guest-sidebar-footer .sidebar-user-info span {
  font-size: 11px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .guest-sidebar-footer,
html[data-theme] body:not(.page-admin) .gemini-sidebar .guest-sidebar-footer .sidebar-user,
html[data-theme] body:not(.page-admin) .gemini-sidebar .guest-sidebar-footer .sidebar-user-info,
html[data-theme] body:not(.page-admin) .gemini-sidebar .guest-sidebar-footer > .btn {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.gemini-home .creation-thread {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: 24px 8px 32px !important;
}

body.gemini-home .creation-thread.is-overflowing {
  justify-content: flex-start;
}

body.gemini-home .creation-message {
  max-width: min(var(--gemini-stage-max, 920px), 100%);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.gemini-home .creation-message.is-user {
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

body.gemini-home .creation-message.is-ai {
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-start;
}

body.gemini-home .creation-fold-body {
  overflow: hidden;
}

body.gemini-home .creation-fold.is-collapsed .creation-fold-body {
  max-height: 6.4em;
  -webkit-mask-image: linear-gradient(#000 62%, transparent);
  mask-image: linear-gradient(#000 62%, transparent);
}

body.gemini-home .creation-fold-toggle {
  display: inline-flex;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 13px;
  cursor: pointer;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-form,
body.gemini-home .home-create-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 8px !important;
  overflow: visible !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card,
body.gemini-home .home-composer-card {
  display: grid !important;
  gap: 10px !important;
  padding: 28px 26px 22px !important;
  min-height: 168px !important;
  border: 1px solid var(--gemini-line, #e5e7eb) !important;
  border-radius: 22px !important;
  background: var(--cx-surface, #fff) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.gemini-home .home-composer-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-tool,
body.gemini-home .home-file-tool {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 8px 0 0 !important;
  padding: 6px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 1px dashed #c9d4e5 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  align-self: center !important;
}

body.gemini-home .home-file-tool-icon {
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #2563eb !important;
  color: #fff !important;
}

body.gemini-home .home-file-tool-icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
}

body.gemini-home .home-file-tool strong {
  font-size: 11px;
  font-weight: 650;
  color: #4b5563;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-field textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-shell textarea,
body.gemini-home .home-composer-card textarea {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 18px 12px 16px 10px !important;
  font-size: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  resize: none !important;
}

body.gemini-home .home-create-toolbar {
  padding-left: 72px !important;
}

body.gemini-home .home-create-actions .home-tool-popover:not(.home-capability-popover) {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger {
  border-radius: 999px !important;
  background: #e8f1ff !important;
}

body.gemini-home .home-send-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
  z-index: 8;
  pointer-events: auto;
}

body.gemini-home .home-composer-hang {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 0;
  padding: 0 8px 8px 12px;
}

body.gemini-home .home-file-preview:empty,
body.gemini-home .home-reference-preview:empty {
  display: none !important;
}

body.gemini-home .home-file-preview,
body.gemini-home .home-reference-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  body.gemini-home .home-composer-row {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-tool,
  body.gemini-home .home-file-tool {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  body.gemini-home .home-create-toolbar,
  body.gemini-home .home-composer-hang {
    padding-left: 0 !important;
  }
}

body:not(.page-admin) *::-webkit-scrollbar,
body.page-admin *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

body:not(.page-admin) *::-webkit-scrollbar-track,
body.page-admin *::-webkit-scrollbar-track {
  background: transparent;
}

body:not(.page-admin) *::-webkit-scrollbar-thumb,
body.page-admin *::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.35);
  border-radius: 99px;
}

body:not(.page-admin) {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, 0.35) transparent;
}

body.page-app.gemini-home:not(.page-admin) {
  scrollbar-width: none;
}

body.gemini-home .creation-message.is-user > div:not(.creation-msg-tools) {
  background: rgba(37, 99, 235, 0.14) !important;
  color: #111827 !important;
  box-shadow: none !important;
}

body.gemini-home .creation-ai-name,
body.gemini-home .creation-ai-name strong {
  color: #9a3412 !important;
}

body.gemini-home .creation-message.is-user > .creation-msg-tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  margin-top: 2px !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

body.gemini-home .creation-msg-tools {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
}

body.gemini-home .creation-msg-tool {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
}

body.gemini-home .creation-msg-tool:hover {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}

body.gemini-home .creation-msg-tool svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-message.is-user > div:not(.creation-msg-tools),
body.gemini-home .creation-message.is-user > div:not(.creation-msg-tools) {
  max-width: min(520px, 68%) !important;
  margin-left: auto !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-message.is-ai:not(:has(.creation-result-grid)) > div,
body.gemini-home .creation-message.is-ai:not(:has(.creation-result-grid)) > div {
  max-width: min(520px, 68%) !important;
  margin-right: auto !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-message.is-ai:has(.creation-result-grid),
body.gemini-home .creation-message.is-ai:has(.creation-result-grid) {
  width: min(var(--gemini-stage-max, 920px), 100%) !important;
  max-width: min(var(--gemini-stage-max, 920px), 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-message.is-ai:has(.creation-result-grid) > div,
body.gemini-home .creation-message.is-ai:has(.creation-result-grid) > div {
  width: 100% !important;
  max-width: 100% !important;
  padding: 4px 4px 2px !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-message.is-ai:has(.creation-result-grid[data-result-count="1"]) > div,
body.gemini-home .creation-message.is-ai:has(.creation-result-grid[data-result-count="1"]) > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.gemini-home .creation-message.is-ai:has(.creation-result-grid) .creation-ai-name,
body.gemini-home .creation-message.is-ai:has(.creation-result-grid) .creation-result-head {
  display: none !important;
}

body.gemini-home .creation-result-grid {
  display: flex !important;
  flex-wrap: wrap;
  width: 100% !important;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px !important;
  --result-count: 1;
}

body.gemini-home .creation-result-grid[data-result-count="1"] {
  display: flex !important;
}

body.gemini-home .creation-result-tile {
  min-width: 0 !important;
  --tile-cap: var(--result-max-width, 280px);
  width: min(var(--tile-cap), calc((100% - (var(--result-count, 1) - 1) * 6px) / var(--result-count, 1))) !important;
  max-width: var(--tile-cap);
  flex: 0 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

body.gemini-home .creation-result-frame {
  position: relative;
  width: 100%;
  min-width: 0;
}

body.gemini-home .creation-result-reedit {
  position: absolute;
  left: 6px;
  bottom: 6px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  cursor: pointer;
  pointer-events: auto;
}

body.gemini-home .creation-result-reedit:hover {
  background: rgba(15, 23, 42, 0.9);
}

body.gemini-home .creation-result-reedit svg {
  width: 15px;
  height: 15px;
}

body.gemini-home .creation-result-props,
.free-mode-props {
  position: absolute;
  right: 6px;
  bottom: 6px;
  left: auto;
  z-index: 4;
}

.generation-props-btn {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  cursor: pointer;
  pointer-events: auto;
}

.generation-props-btn:hover {
  background: rgba(15, 23, 42, 0.9);
}

.generation-props-btn svg {
  width: 15px;
  height: 15px;
}

.media-card-thumb,
.record-card > .thumb {
  position: relative;
}

.media-card-thumb .generation-props-btn,
.record-card > .thumb .generation-props-btn {
  z-index: 6;
}

.generation-props-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: rgba(15, 23, 42, 0.42);
}

.generation-props-dialog.hidden {
  display: none;
}

.generation-props-panel {
  width: min(560px, calc(100vw - 32px));
  max-height: min(82vh, 760px);
  overflow: auto;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
}

.generation-props-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 8px;
}

.generation-props-head h2 {
  margin: 0;
  font-size: 16px;
}

.generation-props-close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.generation-props-body {
  padding: 8px 18px 18px;
}

.generation-props-grid.is-wide,
.generation-props-grid > .is-wide {
  grid-column: 1 / -1;
}

.generation-props-grid > div > strong {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.generation-props-empty {
  margin: 0;
  color: #64748b;
}

html[data-theme="dark"] .generation-props-panel {
  background: #111827;
  color: #e5e7eb;
}

body.gemini-home .creation-result-tile:is([data-status="queued"], [data-status="running"], [data-status="submitting"], [data-status="processing"], [data-status="in_progress"]) {
  --tile-cap: 280px;
}

body.gemini-home .creation-result-time {
  position: static;
  align-self: flex-end;
  display: block;
  margin: 4px 0 0;
  padding: 0;
  color: var(--text-muted, #6b7280);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-shadow: none;
  pointer-events: none;
  white-space: nowrap;
}

body.gemini-home .creation-result-tile:has(video) .creation-result-time,
body.gemini-home .creation-result-tile:not([data-status="succeeded"]):not(:has(video)) .creation-result-time {
  color: var(--text-muted, #6b7280);
  bottom: auto;
  text-shadow: none;
}

html[data-theme="dark"] body.gemini-home .creation-result-time {
  color: rgba(226, 232, 240, 0.78);
}

body.gemini-home .creation-result-tile .creation-result-media,
body.gemini-home .creation-result-tile .creation-result-media.creation-result-media {
  display: grid !important;
  min-width: 0 !important;
  width: 100% !important;
  aspect-ratio: var(--result-aspect, 3 / 4);
  min-height: 0 !important;
  height: auto !important;
  border-radius: 10px;
  overflow: hidden;
  background: #eef1f5;
  position: relative;
}

body.gemini-home .creation-result-tile[data-status="succeeded"] .creation-result-media {
  background: #111;
}

body.gemini-home .creation-result-tile .creation-result-media img,
body.gemini-home .creation-result-tile .creation-result-media video,
body.gemini-home .creation-result-tile .creation-result-media > span {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain;
}

body.gemini-home .creation-result-tile .creation-result-media .creation-result-time {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.gemini-home .creation-result-tile .creation-result-media > span {
  color: var(--text-muted, #6b7280);
  background: transparent;
}

body.gemini-home .creation-result-tile .status-badge {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  max-width: calc(50% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.gemini-home .creation-result-tile .creation-result-model,
.creation-result-model,
.free-mode-model {
  position: absolute;
  left: auto;
  right: 6px;
  top: 6px;
  bottom: auto;
  z-index: 2;
  display: inline-block;
  max-width: calc(50% - 10px);
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.68);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

body.gemini-home .creation-result-tile .creation-result-model[hidden],
.creation-result-model[hidden],
.free-mode-model[hidden] {
  display: inline-block !important;
}

.creation-result-tile {
  position: relative;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-result-quick,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .creation-result-quick button,
body.gemini-home .creation-result-quick,
body.gemini-home .creation-result-quick button,
body.gemini-home .creation-message.is-ai:has(.creation-result-grid) [data-msg-tool="regen"],
body.gemini-home .creation-message.is-ai:has(.creation-result-grid) [data-msg-tool="reedit"] {
  display: none !important;
}

body.gemini-home .creation-message.is-ai:has(.creation-result-grid) .creation-msg-tools {
  margin-top: 2px !important;
}

body.gemini-home .creation-result-actions {
  display: none !important;
}

body.gemini-home .home-tool-model-icon {
  display: none !important;
}

body.gemini-home .home-mode-picker-trigger,
body.gemini-home .home-compact-tool-button,
body.gemini-home .home-create-toolbar .btn,
body.gemini-home .home-model-tool .home-compact-tool-button {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.gemini-home .home-model-label-window,
body.gemini-home .home-model-label-window span,
body.gemini-home [data-home-model-button-label] {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  max-width: none;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-model-tool .home-compact-tool-button,
body.gemini-home .home-model-tool .home-compact-tool-button {
  line-height: 20px !important;
  overflow: visible !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-model-label-window,
body.gemini-home .home-model-label-window {
  display: flex !important;
  align-items: center !important;
  height: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
  overflow: hidden !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-model-label-window > span,
html[data-theme] body.page-app.gemini-home:not(.page-admin) [data-home-model-button-label],
body.gemini-home .home-model-label-window > span,
body.gemini-home [data-home-model-button-label] {
  line-height: 20px !important;
  padding-bottom: 0 !important;
}

body.gemini-home .home-cost-hint {
  background: #93c5fd !important;
  color: #1e3a8a !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
}

body.gemini-home .home-capability-popover {
  width: min(300px, calc(100vw - 24px)) !important;
  padding: 8px !important;
}

body.gemini-home .home-capability-groups .field-v3 {
  margin: 0 0 8px !important;
}

body.gemini-home .home-capability-groups select,
body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
body.gemini-home .home-mode-picker-menu button {
  text-align: center !important;
}

body.gemini-home .home-model-popover {
  min-width: 280px;
}

html[data-theme="dark"] body:not(.page-admin),
html[data-theme="dark"] body:not(.page-admin) .app-layout,
html[data-theme="dark"] body:not(.page-admin) .main-area,
html[data-theme="dark"] body.gemini-home,
html[data-theme="dark"] body.gemini-home .home-dashboard.gemini-workspace,
html[data-theme="dark"] body.gemini-home .gemini-workspace.is-engaged .home-console {
  --cx-page: #1a1a1a;
  --cx-surface: #242424;
  background: #1a1a1a !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar {
  background: #141414 !important;
  border-right-color: #2a2a2a !important;
}

html[data-theme="dark"] body.gemini-home .home-composer-card,
html[data-theme="dark"] body.gemini-home .gemini-intro-card,
html[data-theme="dark"] body.gemini-home .gemini-user-menu,
html[data-theme="dark"] body.gemini-home .home-mode-picker-menu,
html[data-theme="dark"] body.gemini-home .home-tool-popover,
html[data-theme="dark"] .gemini-float-tools .btn,
html[data-theme="dark"] .gemini-float-tools .badge-balance {
  background: #242424 !important;
  border-color: #3a3a3a !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body.gemini-home .creation-message.is-user > div:not(.creation-msg-tools) {
  background: rgba(96, 165, 250, 0.22) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body.gemini-home .creation-message.is-ai > div {
  background: #2a2a2a !important;
  color: #f3f4f6 !important;
}

html[data-theme="chinese"] body:not(.page-admin),
html[data-theme="chinese"] body:not(.page-admin) .app-layout,
html[data-theme="chinese"] body:not(.page-admin) .main-area,
html[data-theme="chinese"] body.gemini-home,
html[data-theme="chinese"] body.gemini-home .home-dashboard.gemini-workspace,
html[data-theme="chinese"] body.gemini-home .gemini-workspace.is-engaged .home-console {
  --cx-page: #f6f0dc;
  --cx-surface: #fbf6e8;
  background: #f6f0dc !important;
  color: #3f2f16 !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar {
  background: #f3ead0 !important;
  border-right-color: #ead9b0 !important;
}

html[data-theme="chinese"] body.gemini-home .home-composer-card,
html[data-theme="chinese"] body.gemini-home .gemini-intro-card,
html[data-theme="chinese"] .gemini-float-tools .btn,
html[data-theme="chinese"] .gemini-float-tools .badge-balance,
html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu,
html[data-theme="chinese"] body.gemini-home .home-tool-popover,
html[data-theme="chinese"] body.gemini-home .gemini-user-menu {
  background: #fbf6e8 !important;
  border-color: #ead9b0 !important;
}

html[data-theme="chinese"] body.gemini-home .creation-message.is-ai > div {
  background: #fbf6e8 !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-logo {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme] body:not(.page-admin) .gemini-sidebar .sidebar-header {
  padding-top: 10px !important;
  padding-bottom: 4px !important;
}

html[data-theme] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme] body:not(.page-admin) .sidebar {
  --user-drawer-width: var(--gemini-sidebar-width);
  width: var(--gemini-sidebar-width) !important;
}

html[data-theme] body:not(.page-admin) .main-area,
body.gemini-home .main-area {
  margin-left: var(--gemini-sidebar-width) !important;
}

html[data-theme] body:not(.page-admin).sidebar-collapsed .sidebar.gemini-sidebar {
  width: 0 !important;
  min-width: 0 !important;
  transform: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-prompt-field textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-prompt-shell textarea {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.gemini-home .home-file-chip,
body.gemini-home .home-reference-chip {
  max-width: min(100%, 220px) !important;
  padding: 4px 8px 4px 4px !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

body.gemini-home .home-composer-hang {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.page-admin),
html[data-theme="dark"] body:not(.page-admin) .app-layout,
html[data-theme="dark"] body:not(.page-admin) .main-area,
html[data-theme="dark"] body.gemini-home,
html[data-theme="dark"] body.gemini-home .home-dashboard,
html[data-theme="dark"] body.gemini-home .home-dashboard.gemini-workspace {
  background: #111111 !important;
  background-image: none !important;
  color: #f3f4f6 !important;
  border-color: #1f1f1f !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme="dark"] body:not(.page-admin) .sidebar-header,
html[data-theme="dark"] body:not(.page-admin) .sidebar-footer,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-wrap,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-bar,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user,
html[data-theme="dark"] body:not(.page-admin) .sidebar-collapse-btn,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-menu,
html[data-theme="dark"] body:not(.page-admin) .theme-menu {
  background: #141414 !important;
  background-image: none !important;
  border-color: #2a2a2a !important;
  color: #f3f4f6 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar-nav-item,
html[data-theme="dark"] body:not(.page-admin) .gemini-history-item,
html[data-theme="dark"] body:not(.page-admin) .gemini-history-empty,
html[data-theme="dark"] body:not(.page-admin) .sidebar-nav-section,
html[data-theme="dark"] body:not(.page-admin) .nav-label,
html[data-theme="dark"] body:not(.page-admin) .sidebar-brand-text h1,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user-info,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user-info strong,
html[data-theme="dark"] body:not(.page-admin) .gemini-new-chat,
html[data-theme="dark"] .gemini-welcome h1,
html[data-theme="dark"] .gemini-welcome p,
html[data-theme="dark"] .gemini-intro-card,
html[data-theme="dark"] .gemini-intro-card strong,
html[data-theme="dark"] .gemini-intro-card span,
html[data-theme="dark"] .gemini-float-tools .btn,
html[data-theme="dark"] .gemini-float-tools .badge-balance,
html[data-theme="dark"] body.gemini-home .home-prompt-shell textarea,
html[data-theme="dark"] body.gemini-home .creation-message,
html[data-theme="dark"] body.gemini-home .creation-fold-toggle {
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar-nav-item.active {
  background: #1f2a3a !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] body.gemini-home .home-composer-card,
html[data-theme="dark"] body.gemini-home .gemini-intro-card,
html[data-theme="dark"] .gemini-float-tools .btn,
html[data-theme="dark"] .gemini-float-tools .badge-balance,
html[data-theme="dark"] body.gemini-home .home-mode-picker-menu,
html[data-theme="dark"] body.gemini-home .home-tool-popover {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-trigger,
html[data-theme="dark"] body.gemini-home .home-compact-tool-button,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn,
html[data-theme="dark"] body.gemini-home .home-file-tool,
html[data-theme="dark"] body.gemini-home .home-capability-trigger {
  background: #2a2a2a !important;
  border-color: #3a3a3a !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body.gemini-home .home-cost-hint {
  background: #2563eb !important;
  color: #eff6ff !important;
}

html[data-theme="dark"] body.gemini-home .home-prompt-send {
  background: #2563eb !important;
  color: #fff !important;
}

html[data-theme="dark"] body.gemini-home .home-file-chip,
html[data-theme="dark"] body.gemini-home .home-reference-chip {
  background: #1a1a1a !important;
  border-color: #3a3a3a !important;
  color: #e5e7eb !important;
}

html[data-theme="chinese"] body:not(.page-admin),
html[data-theme="chinese"] body:not(.page-admin) .app-layout,
html[data-theme="chinese"] body:not(.page-admin) .main-area,
html[data-theme="chinese"] body.gemini-home,
html[data-theme="chinese"] body.gemini-home .home-dashboard,
html[data-theme="chinese"] body.gemini-home .home-dashboard.gemini-workspace {
  background: #f6f0dc !important;
  background-image: none !important;
  color: #3f2f16 !important;
  border-color: #ead9b0 !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-header,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-footer,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-wrap,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-bar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-user,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-collapse-btn,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-menu,
html[data-theme="chinese"] body:not(.page-admin) .theme-menu {
  background: #f6f0dc !important;
  background-image: none !important;
  border: 0 !important;
  color: #3f2f16 !important;
  box-shadow: none !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar {
  border-right: 1px solid #ead9b0 !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar-header,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-footer,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-collapse-btn {
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar-nav-item,
html[data-theme="chinese"] body:not(.page-admin) .gemini-history-item,
html[data-theme="chinese"] body:not(.page-admin) .nav-label,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-brand-text h1,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-user-info,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-user-info strong {
  color: #3f2f16 !important;
}

html[data-theme="chinese"] body.gemini-home .home-composer-card,
html[data-theme="chinese"] body.gemini-home .gemini-intro-card,
html[data-theme="chinese"] .gemini-float-tools .btn,
html[data-theme="chinese"] .gemini-float-tools .badge-balance {
  background: #fbf6e8 !important;
  border-color: #ead9b0 !important;
  color: #3f2f16 !important;
}

html[data-theme="dark"] {
  background: #111111 !important;
  color-scheme: dark;
}

html[data-theme="chinese"] {
  background: #f6f0dc !important;
}

html[data-theme="light"] {
  background: #ffffff !important;
}

html[data-theme] body:not(.page-admin) .app-layout,
html[data-theme] body:not(.page-admin) .main-area,
html[data-theme] body:not(.page-admin) .main-area > main {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console.card-v3,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console .card-v3-body,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-form,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-hang {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body:not(.page-admin),
html[data-theme="dark"] body:not(.page-admin) .app-layout,
html[data-theme="dark"] body:not(.page-admin) .main-area,
html[data-theme="dark"] body:not(.page-admin) .main-area > main,
html[data-theme="dark"] body.gemini-home .home-dashboard,
html[data-theme="dark"] body.gemini-home .home-dashboard.gemini-workspace {
  background: #111111 !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar,
html[data-theme="dark"] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme="dark"] body:not(.page-admin) .sidebar-header,
html[data-theme="dark"] body:not(.page-admin) .sidebar-footer,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-wrap,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-bar,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user,
html[data-theme="dark"] body:not(.page-admin) .sidebar-collapse-btn,
html[data-theme="dark"] body:not(.page-admin) .theme-picker,
html[data-theme="dark"] body:not(.page-admin) .theme-menu,
html[data-theme="dark"] body:not(.page-admin) .gemini-user-menu {
  background: #111111 !important;
  background-image: none !important;
  border-color: #2a2a2a !important;
  color: #f3f4f6 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.page-admin) .sidebar-nav-item,
html[data-theme="dark"] body:not(.page-admin) .gemini-history-item,
html[data-theme="dark"] body:not(.page-admin) .nav-label,
html[data-theme="dark"] body:not(.page-admin) .sidebar-brand-text h1,
html[data-theme="dark"] body:not(.page-admin) .sidebar-brand-text,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user-info,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user-info strong,
html[data-theme="dark"] body:not(.page-admin) .sidebar-user-info span,
html[data-theme="dark"] body:not(.page-admin) .gemini-history-empty,
html[data-theme="dark"] body:not(.page-admin) .sidebar-nav-section,
html[data-theme="dark"] body:not(.page-admin) [data-theme-toggle-label],
html[data-theme="dark"] body:not(.page-admin) .theme-menu button {
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body.gemini-home .home-composer-card {
  background: #1a1a1a !important;
  border-color: #333 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-trigger,
html[data-theme="dark"] body.gemini-home .home-compact-tool-button,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn-secondary,
html[data-theme="dark"] body.gemini-home .home-file-tool,
html[data-theme="dark"] body.gemini-home .home-capability-trigger {
  background: #2a2a2a !important;
  border-color: #3a3a3a !important;
  color: #f3f4f6 !important;
}

html[data-theme="dark"] body.gemini-home .home-capability-trigger,
html[data-theme="dark"] body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger,
html[data-theme="dark"] body.gemini-home .home-capability-trigger [data-param-capsule-summary],
html[data-theme="dark"] body.gemini-home .home-capability-trigger > strong {
  color: #111827 !important;
}

html[data-theme="dark"] body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger {
  background: #e8f1ff !important;
}

html[data-theme="dark"] body.gemini-home .home-prompt-shell textarea,
html[data-theme="dark"] body.gemini-home .home-prompt-shell textarea::placeholder {
  color: #9ca3af !important;
}

html[data-theme="chinese"] body:not(.page-admin),
html[data-theme="chinese"] body:not(.page-admin) .app-layout,
html[data-theme="chinese"] body:not(.page-admin) .main-area,
html[data-theme="chinese"] body:not(.page-admin) .main-area > main,
html[data-theme="chinese"] body:not(.page-admin) .sidebar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-header,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-footer,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-wrap,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-bar,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-user,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-collapse-btn,
html[data-theme="chinese"] body:not(.page-admin) .theme-picker,
html[data-theme="chinese"] body:not(.page-admin) .theme-menu,
html[data-theme="chinese"] body:not(.page-admin) .gemini-user-menu {
  background: #f6f0dc !important;
  background-image: none !important;
  border-color: #ead9b0 !important;
  box-shadow: none !important;
  color: #3f2f16 !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar-header,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-footer,
html[data-theme="chinese"] body:not(.page-admin) .sidebar-collapse-btn,
html[data-theme="chinese"] body:not(.page-admin) .theme-menu {
  border: 0 !important;
  box-shadow: none !important;
}

body.gemini-home .home-file-chip,
body.gemini-home .home-reference-chip {
  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(148, 163, 184, 0.4) !important;
}

html[data-theme="dark"] body.gemini-home .home-file-chip,
html[data-theme="dark"] body.gemini-home .home-reference-chip {
  border-color: #3a3a3a !important;
  color: #e5e7eb !important;
  background: transparent !important;
}

html[data-theme="chinese"] body:not(.page-admin) .sidebar.gemini-sidebar {
  background: #f6f0dc !important;
}

body.gemini-home .home-model-tool {
  display: inline-flex !important;
  visibility: visible !important;
}

body.gemini-home .home-mode-picker-menu,
body.gemini-home .home-tool-popover,
body.gemini-home .home-model-popover,
body.gemini-home .home-capability-popover {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

body.gemini-home .home-tool-popover-head,
body.gemini-home .home-tool-popover-head strong {
  color: #111827 !important;
  border-bottom-color: #e5e7eb !important;
}

body.gemini-home .home-tool-popover-head small {
  color: #6b7280 !important;
}

body.gemini-home .home-mode-picker-menu button,
body.gemini-home .home-model-menu-option,
html[data-theme] body:not(.page-admin) .home-model-menu-option {
  background: transparent !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

body.gemini-home .home-mode-picker-menu button:hover,
body.gemini-home .home-model-menu-option:hover,
body.gemini-home .home-model-category:hover > .home-model-category-trigger {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

body.gemini-home .home-mode-picker-menu button.active,
body.gemini-home .home-model-menu-option.is-selected,
body.gemini-home .home-mode-picker-menu button.active:hover,
body.gemini-home .home-model-menu-option.is-selected:hover {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

body.gemini-home .home-model-menu-option.is-selected::after {
  color: #2563eb !important;
}

body.gemini-home .home-capability-groups select,
body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
body.gemini-home .home-capability-groups textarea,
body.gemini-home .home-capability-popover .field-v3 select,
body.gemini-home .home-capability-popover .field-v3 input:not([type="range"]):not([type="checkbox"]):not([type="radio"]) {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu,
html[data-theme="dark"] body.gemini-home .home-tool-popover,
html[data-theme="dark"] body.gemini-home .home-model-popover,
html[data-theme="dark"] body.gemini-home .home-capability-popover {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.gemini-home .home-tool-popover-head,
html[data-theme="dark"] body.gemini-home .home-tool-popover-head strong,
html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button,
html[data-theme="dark"] body.gemini-home .home-model-menu-option {
  color: #e5e7eb !important;
  border-bottom-color: #333 !important;
}

html[data-theme="dark"] body.gemini-home .home-tool-popover-head small {
  color: #9ca3af !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button:hover,
html[data-theme="dark"] body.gemini-home .home-model-menu-option:hover,
html[data-theme="dark"] body.gemini-home .home-model-category:hover > .home-model-category-trigger {
  background: #1e3a5f !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button.active,
html[data-theme="dark"] body.gemini-home .home-model-menu-option.is-selected,
html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button.active:hover,
html[data-theme="dark"] body.gemini-home .home-model-menu-option.is-selected:hover {
  background: #1e3a5f !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] body.gemini-home .home-capability-groups select,
html[data-theme="dark"] body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.gemini-home .home-capability-groups textarea {
  background: #141414 !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu,
html[data-theme="chinese"] body.gemini-home .home-tool-popover,
html[data-theme="chinese"] body.gemini-home .home-model-popover,
html[data-theme="chinese"] body.gemini-home .home-capability-popover {
  background: #fbf6e8 !important;
  border-color: #ead9b0 !important;
  color: #3f2f16 !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option {
  color: #3f2f16 !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button:hover,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option:hover,
html[data-theme="chinese"] body.gemini-home .home-model-category:hover > .home-model-category-trigger {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button.active,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option.is-selected,
html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button.active:hover,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option.is-selected:hover {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged,
body.gemini-home .gemini-workspace.is-engaged,
body.gemini-engaged .gemini-workspace.is-engaged {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 48px 16px 0 !important;
  justify-content: stretch !important;
  align-items: center !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .gemini-stage,
body.gemini-home .gemini-workspace.is-engaged .gemini-stage {
  position: relative !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  gap: 0 !important;
  width: min(calc(920px + 8cm), 100%) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  align-self: center !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged [data-creation-thread],
body.gemini-home .gemini-workspace.is-engaged [data-creation-thread],
body.gemini-home .gemini-workspace.is-engaged .creation-thread {
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding: 12px 8px calc(2cm + 13rem) !important;
  z-index: 1 !important;
  justify-content: flex-start !important;
  overscroll-behavior: contain;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-console.card-v3,
body.gemini-home .gemini-workspace.is-engaged .home-console {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: calc(2cm - 7mm - 0.5cm) !important;
  left: 0 !important;
  flex: 0 0 auto !important;
  width: min(var(--gemini-stage-max, 920px), 100%) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  z-index: 6 !important;
  transform: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode) .home-mode-panel,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode) .home-mode-panel.is-active,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode) .home-mode-panel[data-home-panel="video"].is-active,
body.gemini-home .gemini-workspace:not(.is-free-mode) .home-mode-panel {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.gemini-home .gemini-workspace:not(.is-free-mode) .home-composer-card,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode) .home-composer-card {
  display: flex !important;
  flex-direction: column !important;
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace:not(.is-free-mode) .home-prompt-shell textarea,
body.gemini-home .gemini-workspace:not(.is-free-mode) .home-composer-card textarea {
  min-height: 76px !important;
  max-height: 76px !important;
  height: 76px !important;
}

body.gemini-home .gemini-workspace:not(.is-free-mode) .home-create-toolbar {
  flex-wrap: nowrap !important;
  min-height: 32px !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace:not(.is-free-mode) [data-param-capsule-summary] {
  display: inline-flex;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  vertical-align: middle;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-hero-grid,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-project-thread,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-workflow-strip,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged .home-showcase-grid,
body.gemini-home .gemini-workspace.is-engaged .home-hero-grid,
body.gemini-home .gemini-workspace.is-engaged .home-project-thread,
body.gemini-home .gemini-workspace.is-engaged .home-workflow-strip,
body.gemini-home .gemini-workspace.is-engaged .home-showcase-grid {
  display: none !important;
}

body.gemini-home .gemini-workspace:not(.is-engaged) .gemini-stage {
  justify-content: center;
  align-items: stretch;
  padding-top: var(--gemini-stage-pad-y, 32px);
  padding-bottom: var(--gemini-stage-pad-y, 32px);
  gap: var(--gemini-stage-gap, 20px);
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-engaged) .home-console,
body.gemini-home .gemini-workspace:not(.is-engaged) .home-console {
  margin-top: 0 !important;
  transform: none !important;
}

body.gemini-home .gemini-workspace:not(.is-engaged) [data-creation-thread],
body.gemini-home .gemini-workspace:not(.is-engaged) .creation-thread {
  display: none !important;
  flex: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.gemini-home .gemini-welcome {
  display: grid;
  gap: 8px;
}

body.gemini-home .gemini-welcome h1,
body.gemini-home .gemini-welcome p {
  margin: 0;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card,
body.gemini-home .home-composer-card {
  gap: 10px !important;
  padding: 14px 14px 12px !important;
  min-height: 0 !important;
}

body.gemini-home .home-composer-row {
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-tool,
body.gemini-home .home-file-tool,
html[data-theme="dark"] body.gemini-home .home-file-tool {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 4px 2px !important;
  border: 1px dashed rgba(148, 163, 184, 0.55) !important;
  border-radius: 8px !important;
  background: rgba(148, 163, 184, 0.14) !important;
  color: #6b7280 !important;
  box-shadow: none !important;
}

body.gemini-home .home-file-tool-icon {
  width: 14px !important;
  height: 14px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #6b7280 !important;
}

body.gemini-home .home-file-tool-icon svg {
  width: 13px;
  height: 13px;
  stroke: #6b7280;
  stroke-width: 1.8;
}

html[data-theme="dark"] body.gemini-home .home-file-tool strong,
body.gemini-home .home-file-tool strong {
  color: #6b7280 !important;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-field textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-shell textarea,
body.gemini-home .home-composer-card textarea {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 6px 4px 6px 8px !important;
  font-size: 16px !important;
  overflow-y: auto !important;
  resize: none !important;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scrollbar-gutter: stable;
}

body.gemini-home .home-composer-card textarea::-webkit-scrollbar,
body.gemini-home .home-prompt-shell textarea::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}

body.gemini-home .home-composer-card textarea::-webkit-scrollbar-track,
body.gemini-home .home-prompt-shell textarea::-webkit-scrollbar-track {
  background: transparent !important;
  margin: 4px 0 4px;
}

body.gemini-home .home-composer-card textarea::-webkit-scrollbar-thumb,
body.gemini-home .home-prompt-shell textarea::-webkit-scrollbar-thumb {
  background: transparent !important;
  border: 0 !important;
  border-radius: 99px !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-toolbar,
body.gemini-home .home-create-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.gemini-home .home-create-actions,
body.gemini-home .home-send-stack {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-cost-hint,
body.gemini-home .home-cost-hint {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  border: 1px solid #d7e6ff !important;
  border-radius: 999px !important;
  background: #e8f1ff !important;
  color: #1e3a8a !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

body.gemini-home .home-create-toolbar .btn,
body.gemini-home .home-mode-picker-trigger,
body.gemini-home .home-compact-tool-button,
body.gemini-home .home-capability-tool .home-capability-trigger {
  min-height: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-console #homeGenerateButton.home-prompt-send,
body.gemini-home .home-console #homeGenerateButton.home-prompt-send {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
}

@media (max-width: 720px) {
  body.gemini-home .home-create-actions,
  body.gemini-home .home-send-stack {
    margin-left: 0 !important;
  }
}

body:not(.page-admin) {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

body:not(.page-admin).is-scrolling,
body:not(.page-admin) *.is-scrolling {
  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
}

body:not(.page-admin)::-webkit-scrollbar,
body:not(.page-admin) *::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

body:not(.page-admin)::-webkit-scrollbar-track,
body:not(.page-admin) *::-webkit-scrollbar-track {
  background: transparent;
}

body:not(.page-admin)::-webkit-scrollbar-thumb,
body:not(.page-admin) *::-webkit-scrollbar-thumb {
  background: transparent;
  border: 0;
  border-radius: 99px;
}

body:not(.page-admin).is-scrolling::-webkit-scrollbar-thumb,
body:not(.page-admin) *.is-scrolling::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
}

body.gemini-home .home-composer-card textarea,
body.gemini-home .home-prompt-shell textarea {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

body.gemini-home .home-composer-card textarea.is-scrolling,
body.gemini-home .home-prompt-shell textarea.is-scrolling {
  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
}

body.gemini-home .home-composer-card textarea::-webkit-scrollbar-thumb,
body.gemini-home .home-prompt-shell textarea::-webkit-scrollbar-thumb {
  background: transparent !important;
}

body.gemini-home .home-composer-card textarea.is-scrolling::-webkit-scrollbar-thumb,
body.gemini-home .home-prompt-shell textarea.is-scrolling::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45) !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-free-mode,
body.gemini-home .gemini-workspace.is-free-mode,
body.gemini-home .gemini-workspace.is-engaged.is-free-mode {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .gemini-stage,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-free-mode .gemini-stage,
body.gemini-home .gemini-workspace.is-free-mode .gemini-stage,
body.gemini-home .gemini-workspace.is-engaged.is-free-mode .gemini-stage {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin):has(.gemini-workspace.is-free-mode) .main-area,
body.gemini-home:has(.gemini-workspace.is-free-mode) .main-area {
  padding: 0 !important;
  overflow: hidden !important;
}

body.gemini-free-mode {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.gemini-home .gemini-workspace.is-free-mode .gemini-float-tools,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .gemini-float-tools {
  right: 16px !important;
}

body.gemini-home .gemini-workspace.is-free-mode .gemini-welcome,
body.gemini-home .gemini-workspace.is-free-mode .gemini-intro-cards,
body.gemini-home .gemini-workspace.is-free-mode [data-creation-thread],
body.gemini-home .gemini-workspace.is-free-mode .creation-thread,
body.gemini-home .gemini-workspace.is-free-mode .home-hero-grid,
body.gemini-home .gemini-workspace.is-free-mode .home-project-thread,
body.gemini-home .gemini-workspace.is-free-mode .home-workflow-strip,
body.gemini-home .gemini-workspace.is-free-mode .home-showcase-grid {
  display: none !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-console,
body.gemini-home .gemini-workspace.is-engaged.is-free-mode .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-free-mode .home-console {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: calc(0.3cm - 1.5cm + 9mm + 1cm) !important;
  width: min(var(--gemini-stage-max, 920px), 100%) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  z-index: 8 !important;
  transform: none !important;
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-console-body,
body.gemini-home .gemini-workspace.is-free-mode .home-create-form {
  position: relative !important;
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-composer-hang {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 156px;
  z-index: 9;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-mode-panel,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-mode-panel.is-active,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-mode-panel[data-home-panel="video"].is-active,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-submode-toggle,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-reference-modes,
body.gemini-home .gemini-workspace.is-free-mode .home-mode-panel,
body.gemini-home .gemini-workspace.is-free-mode .home-submode-toggle,
body.gemini-home .gemini-workspace.is-free-mode .home-reference-modes {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-composer-card {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 148px !important;
  max-height: 148px !important;
  height: 148px !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-prompt-shell textarea,
body.gemini-home .gemini-workspace.is-free-mode .home-composer-card textarea {
  min-height: 76px !important;
  max-height: 76px !important;
  height: 76px !important;
  resize: none !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-create-toolbar {
  flex-wrap: nowrap !important;
  min-height: 32px !important;
  overflow: visible !important;
}

body.gemini-home .gemini-workspace.is-free-mode .home-mode-picker {
  position: relative;
  z-index: 12;
}

body.gemini-home .gemini-workspace.is-free-mode .home-mode-picker-menu {
  z-index: 30;
  overflow: visible;
}

body.gemini-home .gemini-workspace.is-free-mode [data-param-capsule-summary] {
  display: inline-flex;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  vertical-align: middle;
}

.free-mode-board {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 0;
  pointer-events: none;
  background: #f3f4f6;
}

.free-mode-board[hidden] {
  display: none !important;
}

.free-mode-tabs {
  display: none !important;
}

.free-mode-tabs button.is-active {
  background: #e8f1ff;
  border-color: #d7e6ff;
  color: #1d4ed8;
}

.free-mode-viewport {
  pointer-events: auto;
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  background: #f3f4f6;
}

.free-mode-viewport:active {
  cursor: grabbing;
}

.free-mode-world {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  transform-origin: 0 0;
  will-change: transform;
  backface-visibility: hidden;
}

.free-mode-preview,
.free-mode-tile {
  position: absolute;
  box-sizing: border-box;
  user-select: none;
}

.free-mode-preview {
  border: 2px solid #9ca3af;
  background: rgba(191, 219, 254, 0.28);
  pointer-events: none;
}

.free-mode-preview.is-empty {
  background: rgba(191, 219, 254, 0.28);
}

.free-mode-preview-fill {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.free-mode-tile {
  overflow: visible;
  cursor: move;
}

.free-mode-tile.is-busy {
  border: 2px solid #9ca3af;
  background: rgba(254, 240, 138, 0.28);
  color: #64748b;
}

.free-mode-tile.is-failed {
  border: 2px solid #9ca3af;
  background: rgba(191, 219, 254, 0.28);
  color: #64748b;
}

.free-mode-tile.is-ready {
  border: 0;
  background: transparent;
  overflow: visible;
  border-radius: 0;
}

.free-mode-tile.is-ready .free-mode-media {
  overflow: hidden;
  border-radius: 2px;
}

.free-mode-media {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  position: relative;
}

.free-mode-media img,
.free-mode-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: auto;
  background: #000;
}

.free-mode-status {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #64748b;
}

.free-mode-tile {
  position: relative;
}

.free-mode-model {
  right: 8px;
  top: 8px;
  left: auto;
  bottom: auto;
}

.free-mode-time {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  bottom: auto;
  z-index: 3;
  margin: 0;
  color: #64748b;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-shadow: none;
  pointer-events: none;
  white-space: nowrap;
}

.free-mode-tile:has(video) .free-mode-time,
.free-mode-tile:not(.is-ready):not(:has(video)) .free-mode-time {
  color: #64748b;
  text-shadow: none;
  bottom: auto;
}

.free-mode-reedit {
  position: absolute;
  left: 6px;
  bottom: 6px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  cursor: pointer;
}

.free-mode-reedit:hover {
  background: rgba(15, 23, 42, 0.9);
}

.free-mode-reedit svg {
  width: 15px;
  height: 15px;
}

.free-mode-dots-wrap {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
}

.free-mode-dots {
  width: 28px;
  height: 22px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: #111;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1px;
  cursor: pointer;
}

.free-mode-menu {
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  min-width: 132px;
  padding: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.free-mode-menu.is-open {
  display: grid;
}

.free-mode-menu button {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #1f2937;
  text-align: left;
  font-size: 13px;
  cursor: pointer;
}

.free-mode-menu button:hover {
  background: #e8f1ff;
  color: #1d4ed8;
}

.free-mode-delete-dialog {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, 0.28);
  pointer-events: auto;
}

.free-mode-delete-dialog[hidden] {
  display: none !important;
}

.free-mode-delete-panel {
  width: min(360px, calc(100% - 32px));
  padding: 22px 20px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  text-align: center;
}

.free-mode-delete-panel p {
  margin: 0 0 18px;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}

.free-mode-delete-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.free-mode-delete-actions button {
  min-height: 38px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.free-mode-delete-actions [data-free-delete-cancel] {
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  color: #374151;
}

.free-mode-delete-actions [data-free-delete-confirm] {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.free-mode-sidebar-hint {
  position: fixed;
  z-index: 320;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: #1d4ed8;
  transform: translateY(-50%);
  opacity: 0;
  animation: freeSidebarHintIn 0.55s ease-out forwards;
}

.free-mode-sidebar-hint[hidden] {
  display: none !important;
}

.free-mode-sidebar-hint p {
  position: relative;
  margin: 0;
  padding: 8px 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #bfdbfe;
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.16);
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  white-space: nowrap;
}

.free-mode-sidebar-hint p::before,
.free-mode-sidebar-hint p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}

.free-mode-sidebar-hint p::before {
  left: -8px;
  border-width: 7px 8px 7px 0;
  border-color: transparent #bfdbfe transparent transparent;
}

.free-mode-sidebar-hint p::after {
  left: -6px;
  border-width: 6px 7px 6px 0;
  border-color: transparent #fff transparent transparent;
}

body.free-sidebar-hint-on [data-sidebar-collapse] {
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.28) !important;
  border-color: #60a5fa !important;
}

@keyframes freeSidebarHintIn {
  from { opacity: 0; transform: translateY(-50%) translateX(12px); }
  to { opacity: 1; transform: translateY(-50%) translateX(0); }
}

html[data-theme="dark"] body.gemini-home .gemini-workspace.is-free-mode,
html[data-theme="dark"] body.gemini-home .gemini-workspace.is-engaged.is-free-mode,
html[data-theme="dark"] body.gemini-home:has(.gemini-workspace.is-free-mode) .main-area,
html[data-theme="dark"] body.gemini-home .free-mode-board,
html[data-theme="dark"] body.gemini-home .free-mode-viewport {
  background: #000 !important;
}

html[data-theme="dark"] body.gemini-home .free-mode-preview,
html[data-theme="dark"] body.gemini-home .free-mode-preview.is-empty,
html[data-theme="dark"] body.gemini-home .free-mode-tile.is-failed,
html[data-theme="dark"] body.gemini-home .free-mode-tile.is-busy {
  background: rgba(255, 249, 236, 0.9) !important;
  border-color: rgba(255, 236, 210, 0.72) !important;
  box-shadow: 0 0 28px rgba(255, 244, 220, 0.28);
  color: #6b6256 !important;
}

html[data-theme="dark"] body.gemini-home .free-mode-preview-fill,
html[data-theme="dark"] body.gemini-home .free-mode-status {
  color: #6b6256 !important;
}

html[data-theme="dark"] body.gemini-home .free-mode-tabs button {
  background: #111;
  border-color: #2a2a2a;
  color: #e5e7eb;
}

html[data-theme="dark"] body.gemini-home .free-mode-tabs button.is-active {
  background: #1f1f1f;
  border-color: #3f3f3f;
  color: #fde68a;
}

html[data-theme="chinese"] body.gemini-home .gemini-workspace.is-free-mode,
html[data-theme="chinese"] body.gemini-home .gemini-workspace.is-engaged.is-free-mode,
html[data-theme="chinese"] body.gemini-home:has(.gemini-workspace.is-free-mode) .main-area,
html[data-theme="chinese"] body.gemini-home .free-mode-board,
html[data-theme="chinese"] body.gemini-home .free-mode-viewport {
  background: #f6f0dc !important;
}

html[data-theme="chinese"] body.gemini-home .free-mode-preview,
html[data-theme="chinese"] body.gemini-home .free-mode-preview.is-empty,
html[data-theme="chinese"] body.gemini-home .free-mode-tile.is-failed,
html[data-theme="chinese"] body.gemini-home .free-mode-tile.is-busy {
  background: rgba(255, 252, 244, 0.96) !important;
  border-color: rgba(232, 214, 170, 0.85) !important;
  box-shadow: 0 0 24px rgba(255, 236, 196, 0.45);
  color: #7a6a4e !important;
}

html[data-theme="chinese"] body.gemini-home .free-mode-preview-fill,
html[data-theme="chinese"] body.gemini-home .free-mode-status {
  color: #7a6a4e !important;
}

html[data-theme="chinese"] body.gemini-home .free-mode-tabs button {
  background: #fffaf0;
  border-color: #ead9b0;
  color: #3f2f16;
}

html[data-theme="chinese"] body.gemini-home .free-mode-tabs button.is-active {
  background: #fff6e0;
  border-color: #e4d09a;
  color: #8a5a12;
}

body.gemini-home .home-mode-picker-trigger,
body.gemini-home .home-compact-tool-button,
body.gemini-home .home-model-tool .home-compact-tool-button,
body.gemini-home .home-create-toolbar .btn,
body.gemini-home .home-create-toolbar .btn-secondary,
body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger,
body.gemini-home .home-capability-trigger,
body.gemini-home .home-capability-trigger [data-param-capsule-summary],
body.gemini-home .home-capability-trigger > strong,
body.gemini-home .home-cost-hint {
  background: #e8f1ff !important;
  border-color: #d7e6ff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-trigger,
html[data-theme="chinese"] body.gemini-home .home-compact-tool-button,
html[data-theme="chinese"] body.gemini-home .home-model-tool .home-compact-tool-button,
html[data-theme="chinese"] body.gemini-home .home-create-toolbar .btn,
html[data-theme="chinese"] body.gemini-home .home-create-toolbar .btn-secondary,
html[data-theme="chinese"] body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger,
html[data-theme="chinese"] body.gemini-home .home-capability-trigger,
html[data-theme="chinese"] body.gemini-home .home-capability-trigger [data-param-capsule-summary],
html[data-theme="chinese"] body.gemini-home .home-capability-trigger > strong,
html[data-theme="chinese"] body.gemini-home .home-cost-hint {
  background: #e8f1ff !important;
  border-color: #d7e6ff !important;
  color: #1f2937 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-trigger,
html[data-theme="dark"] body.gemini-home .home-compact-tool-button,
html[data-theme="dark"] body.gemini-home .home-model-tool .home-compact-tool-button,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn,
html[data-theme="dark"] body.gemini-home .home-create-toolbar .btn-secondary,
html[data-theme="dark"] body.gemini-home .home-create-actions .home-capability-tool .home-capability-trigger,
html[data-theme="dark"] body.gemini-home .home-capability-trigger,
html[data-theme="dark"] body.gemini-home .home-capability-trigger [data-param-capsule-summary],
html[data-theme="dark"] body.gemini-home .home-capability-trigger > strong,
html[data-theme="dark"] body.gemini-home .home-cost-hint {
  background: #000 !important;
  border-color: #222 !important;
  color: #fff !important;
}

html[data-theme] body.prompt-overlay-open .app-layout,
html[data-theme] body.home-prompt-modal-open .app-layout,
body.prompt-overlay-open .app-layout,
body.home-prompt-modal-open .app-layout {
  filter: blur(12px) saturate(0.92);
  pointer-events: none;
}

html[data-theme] body:not(.page-admin) .designer-prompt-modal.prompt-builder-modal,
body .designer-prompt-modal.prompt-builder-modal,
html[data-theme] body.page-app:not(.page-admin) > .home-prompt-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 8000 !important;
  background: rgba(10, 12, 18, 0.42) !important;
  backdrop-filter: blur(18px) saturate(0.9) !important;
  -webkit-backdrop-filter: blur(18px) saturate(0.9) !important;
}

html[data-theme] body.page-canvas.gemini-home:not(.page-admin) .main-area,
body.page-canvas.gemini-home .main-area {
  padding: 12px 16px 24px !important;
  overflow: auto !important;
  min-height: 100dvh;
}

/* Keep composer toolbar inside the rounded card; extra text scrolls in the textarea. */
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode) .home-composer-card,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-free-mode .home-composer-card,
body.gemini-home .home-composer-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-composer-row,
body.gemini-home .home-composer-card .home-composer-row {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 96px !important;
  overflow: hidden !important;
  align-items: start;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-create-toolbar,
body.gemini-home .home-composer-card .home-create-toolbar,
body.gemini-home .gemini-workspace:not(.is-free-mode) .home-create-toolbar,
body.gemini-home .gemini-workspace.is-free-mode .home-create-toolbar {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-height: 32px !important;
  margin-top: auto !important;
  overflow: visible !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-field textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card .home-prompt-shell textarea,
body.gemini-home .home-composer-card textarea,
body.gemini-home .gemini-workspace:not(.is-free-mode) .home-composer-card textarea,
body.gemini-home .gemini-workspace.is-free-mode .home-composer-card textarea {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  overflow-y: auto !important;
  resize: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-toolbar #homePromptPresetBtn,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-create-toolbar #homePolishBtn,
body.gemini-home .home-create-toolbar #homePromptPresetBtn,
body.gemini-home .home-create-toolbar #homePolishBtn {
  background: #e8f1ff !important;
  border-color: #d7e6ff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  animation: none !important;
  backdrop-filter: none !important;
}

body.gemini-home .home-composer-card.is-file-drop,
body.gemini-home .home-create-form.is-file-drop {
  outline: 2px dashed #93c5fd;
  outline-offset: 2px;
}

body.gemini-home .creation-result-quick,
body.gemini-home .creation-result-quick button {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-hang,
body.gemini-home .home-composer-hang {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  grid-auto-rows: 32px !important;
  gap: 8px !important;
  max-height: calc(32px * 2 + 8px) !important;
  overflow: hidden !important;
  align-content: start !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-hang:not(:has(.home-file-chip, .home-reference-chip)),
body.gemini-home .home-composer-hang:not(:has(.home-file-chip, .home-reference-chip)) {
  display: none !important;
  max-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-preview,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-preview,
body.gemini-home .home-file-preview,
body.gemini-home .home-reference-preview {
  display: contents !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-chip,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-chip,
body.gemini-home .home-file-chip,
body.gemini-home .home-reference-chip {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  box-sizing: border-box !important;
  padding: 2px 6px 2px 3px !important;
  gap: 6px !important;
  overflow: hidden !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-chip > span,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-chip > strong,
body.gemini-home .home-file-chip > span,
body.gemini-home .home-reference-chip > strong {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-file-chip img,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-chip img,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-chip video,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-reference-audio,
body.gemini-home .home-file-chip img,
body.gemini-home .home-reference-chip img,
body.gemini-home .home-reference-chip video,
body.gemini-home .home-reference-audio {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body.gemini-home .home-mode-picker-menu,
body.gemini-home .home-tool-popover,
body.gemini-home .home-model-popover,
body.gemini-home .home-capability-popover,
body.gemini-home .cx-dropup-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

body.gemini-home .home-capability-groups select,
body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
body.gemini-home .home-capability-groups textarea,
body.gemini-home .home-capability-popover .field-v3 select,
body.gemini-home .home-capability-popover .field-v3 input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
body.gemini-home .cx-dropup-trigger {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
}

body.gemini-home .home-mode-picker-menu button,
body.gemini-home .home-model-menu-option,
body.gemini-home .cx-dropup-option {
  background: transparent !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.gemini-home .home-mode-picker-menu button:hover,
body.gemini-home .home-model-menu-option:hover,
body.gemini-home .home-model-category:hover > .home-model-category-trigger,
body.gemini-home .cx-dropup-option:hover {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

body.gemini-home .home-mode-picker-menu button.active,
body.gemini-home .home-model-menu-option.is-selected,
body.gemini-home .cx-dropup-option.is-selected,
body.gemini-home .home-mode-picker-menu button.active:hover,
body.gemini-home .home-model-menu-option.is-selected:hover,
body.gemini-home .cx-dropup-option.is-selected:hover {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

body.gemini-home .home-mode-free-flyout button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.gemini-home .home-mode-free-flyout button:hover,
body.gemini-home .home-mode-free-flyout button.is-active,
body.gemini-home .home-mode-free-flyout button.is-active:hover {
  background: #e8f1ff !important;
  border-color: transparent !important;
  color: #1d4ed8 !important;
}

body.gemini-home .home-tool-chevron,
body.gemini-home .cx-dropup-trigger::after {
  transform: rotate(-135deg) translateY(1px);
}

body.gemini-home .home-mode-picker-chevron {
  display: inline-block;
  transform: rotate(180deg);
}

.cx-dropup {
  position: relative;
  width: 100%;
}

.cx-dropup-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.cx-dropup-trigger {
  position: relative;
  display: block;
  width: 100%;
  min-height: 36px;
  padding: 0 28px 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  color: #1f2937;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cx-dropup-trigger::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  pointer-events: none;
}

.cx-dropup-menu {
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  color: #1f2937;
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.cx-dropup-menu[hidden] {
  display: none !important;
}

.cx-dropup-option {
  width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.cx-dropup-root {
  position: relative;
  z-index: 24000;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu,
html[data-theme="dark"] body.gemini-home .home-tool-popover,
html[data-theme="dark"] body.gemini-home .home-model-popover,
html[data-theme="dark"] body.gemini-home .home-capability-popover,
html[data-theme="dark"] body.gemini-home .cx-dropup-menu {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu,
html[data-theme="chinese"] body.gemini-home .home-tool-popover,
html[data-theme="chinese"] body.gemini-home .home-model-popover,
html[data-theme="chinese"] body.gemini-home .home-capability-popover,
html[data-theme="chinese"] body.gemini-home .cx-dropup-menu {
  background: #fbf6e8 !important;
  border-color: #ead9b0 !important;
  color: #3f2f16 !important;
}

html[data-theme="dark"] body.gemini-home .home-capability-groups select,
html[data-theme="dark"] body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.gemini-home .home-capability-groups textarea,
html[data-theme="dark"] body.gemini-home .cx-dropup-trigger {
  background: #141414 !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

html[data-theme="chinese"] body.gemini-home .home-capability-groups select,
html[data-theme="chinese"] body.gemini-home .home-capability-groups input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="chinese"] body.gemini-home .home-capability-groups textarea,
html[data-theme="chinese"] body.gemini-home .cx-dropup-trigger {
  background: #fffdf6 !important;
  border-color: #ead9b0 !important;
  color: #3f2f16 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button,
html[data-theme="dark"] body.gemini-home .home-model-menu-option,
html[data-theme="dark"] body.gemini-home .cx-dropup-option {
  color: #e5e7eb !important;
}

html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option,
html[data-theme="chinese"] body.gemini-home .cx-dropup-option {
  color: #3f2f16 !important;
}

html[data-theme="dark"] body.gemini-home .home-mode-picker-menu button.active,
html[data-theme="dark"] body.gemini-home .home-model-menu-option.is-selected,
html[data-theme="dark"] body.gemini-home .cx-dropup-option.is-selected,
html[data-theme="chinese"] body.gemini-home .home-mode-picker-menu button.active,
html[data-theme="chinese"] body.gemini-home .home-model-menu-option.is-selected,
html[data-theme="chinese"] body.gemini-home .cx-dropup-option.is-selected {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-mode-picker-chevron,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-model-tool [class*="chevron"],
html[data-theme] body.gemini-home .home-tool-chevron {
  transform: rotate(-135deg) translateY(1px) !important;
}

body.gemini-home .home-capability-trigger {
  gap: 6px !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 6px 8px 6px 10px !important;
}

body.gemini-home .home-capability-orient {
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  border: 1.5px solid currentColor;
  border-radius: 2px;
  opacity: .85;
  box-sizing: border-box;
}

body.gemini-home .home-capability-orient[data-orient="portrait"] {
  width: 14px !important;
  height: 14px !important;
  border-left-width: 4px;
  border-right-width: 4px;
}

body.gemini-home .home-capability-orient[data-orient="square"] {
  width: 14px !important;
  height: 14px !important;
}

body.gemini-home .home-capability-trigger[aria-expanded="true"] .home-capability-chevron {
  transform: rotate(45deg) translateY(-1px) !important;
}

body.gemini-home .home-capability-popover,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover {
  width: 280px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  max-height: min(68vh, 420px) !important;
  padding: 10px !important;
  border-radius: 16px !important;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
  font-size: 13px;
  font-family: inherit;
}

@media (max-width: 640px) {
  body.gemini-home .home-capability-popover,
  html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover,
  html[data-theme] body.page-app:not(.page-admin) .home-capability-popover {
    left: auto !important;
    right: 0 !important;
    width: min(280px, calc(100vw - 24px)) !important;
    transform: none !important;
  }
}

body.gemini-home .home-capability-group > .compact-param-row,
body.gemini-home .home-capability-group .compact-param-row,
body.gemini-home .home-capability-group .home-audio-grid,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-group > .compact-param-row,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-group .compact-param-row,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-group .home-audio-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: none !important;
}

body.gemini-home .home-capability-groups,
body.gemini-home .home-capability-group,
body.gemini-home .home-capability-group .compact-param-field,
body.gemini-home .home-capability-group .field-v3 {
  width: 100%;
  max-width: 100%;
  text-align: left;
}
body.gemini-home .home-capability-group .home-reference-modes {
  display: none !important;
}

body.gemini-home .home-capability-group .compact-param-field.has-cx-param-ui > label,
body.gemini-home .home-capability-group .field-v3.has-cx-param-ui > label,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-group .compact-param-field.has-cx-param-ui > label {
  display: none !important;
}

html[data-theme] body.page-app:not(.page-admin) .home-capability-group .has-cx-param-ui select,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-group .has-cx-param-ui select,
body.gemini-home .home-capability-group .has-cx-param-ui select.cx-param-native,
body.gemini-home .home-capability-group .has-cx-param-ui select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
}

.cx-param-native,
select.cx-param-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.cx-param-ui {
  display: grid;
  gap: 6px;
  width: 100%;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
}

.compact-param-field.has-cx-param-ui,
.field-v3.has-cx-param-ui {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cx-param-label {
  color: var(--text-muted, #6b7280);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.cx-param-slider {
  display: grid;
  gap: 6px;
}

.cx-param-slider-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cx-param-value {
  min-width: 44px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
  background: var(--main-surface, #fff);
  color: var(--text, #111827);
  font-size: 13px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.cx-param-ui input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 99px;
  background: linear-gradient(to right, var(--primary) var(--cx-slider-fill, 0%), color-mix(in srgb, var(--text) 12%, transparent) var(--cx-slider-fill, 0%)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 4px !important;
  background-position: center !important;
  outline: none;
  cursor: pointer;
  pointer-events: auto !important;
  touch-action: pan-x;
  color: inherit !important;
  box-shadow: none !important;
}

.cx-param-ui input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 99px;
  background: linear-gradient(to right, var(--primary) 0 var(--cx-slider-fill, 0%), color-mix(in srgb, var(--text) 12%, transparent) var(--cx-slider-fill, 0%) 100%);
}

.cx-param-ui input[type="range"]::-moz-range-track {
  height: 4px;
  border: 0;
  border-radius: 99px;
  background: color-mix(in srgb, var(--text) 12%, transparent);
}

.cx-param-ui input[type="range"]::-moz-range-progress {
  height: 4px;
  border-radius: 99px;
  background: var(--primary);
}

.cx-param-ui input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .2);
  cursor: grab;
}

.cx-param-ui input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .2);
  cursor: grab;
}

.cx-param-chips {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(56px, 1fr));
  gap: 8px;
  width: 100%;
}

.cx-param-chip {
  min-width: 0;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
  background: var(--main-surface, #fff);
  color: var(--text, #111827);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  cursor: pointer;
}

.cx-aspect-icon {
  display: inline-block;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1.5px solid currentColor;
  border-radius: 2px;
  opacity: .72;
}

.cx-param-chip:hover {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--line, #e5e7eb));
}

.cx-param-chip.is-selected {
  border-color: var(--primary);
  background: var(--primary-glow, rgba(59, 130, 246, .14));
  color: var(--primary);
}

html[data-theme="dark"] .cx-param-ui input[type="range"]::-webkit-slider-thumb,
html[data-theme="dark"] .cx-param-ui input[type="range"]::-moz-range-thumb {
  border-color: #242424;
}

html[data-theme="chinese"] .cx-param-chip.is-selected {
  background: rgba(59, 130, 246, .12);
}

body.gemini-home .home-capability-popover,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover,
html[data-theme] body.page-app:not(.page-admin) .home-capability-popover {
  width: 280px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.gemini-home .home-capability-popover .home-capability-groups,
body.gemini-home .home-capability-popover .home-capability-group.is-active,
body.gemini-home .home-capability-popover .compact-param-row,
body.gemini-home .home-capability-popover .compact-param-field,
body.gemini-home .home-capability-popover .field-v3,
body.gemini-home .home-capability-popover .cx-param-ui,
html[data-theme] body:not(.page-admin) .home-capability-popover .home-capability-groups,
html[data-theme] body:not(.page-admin) .home-capability-popover .home-capability-group.is-active,
html[data-theme] body:not(.page-admin) .home-capability-popover .compact-param-row,
html[data-theme] body:not(.page-admin) .home-capability-popover .compact-param-field,
html[data-theme] body:not(.page-admin) .home-capability-popover .field-v3,
html[data-theme] body:not(.page-admin) .home-capability-popover .cx-param-ui {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body.gemini-home .home-capability-popover .compact-param-field[hidden],
body.gemini-home .home-capability-popover .field-v3[hidden],
body.gemini-home .home-capability-popover .cx-param-ui[hidden],
html[data-theme] body:not(.page-admin) .home-capability-popover .compact-param-field[hidden],
html[data-theme] body:not(.page-admin) .home-capability-popover .field-v3[hidden],
html[data-theme] body:not(.page-admin) .home-capability-popover .cx-param-ui[hidden] {
  display: none !important;
}

html[data-theme] body:not(.page-admin) [data-home-create].is-home-mode-image .home-capability-popover .home-capability-group:not([data-home-capability-group="image"]),
html[data-theme] body:not(.page-admin) [data-home-create].is-home-mode-photo .home-capability-popover .home-capability-group:not([data-home-capability-group="photo"]),
html[data-theme] body:not(.page-admin) [data-home-create].is-home-mode-video .home-capability-popover .home-capability-group:not([data-home-capability-group="video"]),
html[data-theme] body:not(.page-admin) [data-home-create].is-home-mode-audio .home-capability-popover .home-capability-group:not([data-home-capability-group="audio"]),
html[data-theme] body:not(.page-admin) .home-capability-popover .home-capability-group:not(.is-active),
html[data-theme] body:not(.page-admin) .home-capability-popover .home-capability-group[hidden],
body.gemini-home .home-capability-popover .home-capability-group:not(.is-active),
body.gemini-home .home-capability-popover .home-capability-group[hidden] {
  display: none !important;
}

body.gemini-home .home-capability-popover .cx-param-chips,
html[data-theme] body:not(.page-admin) .home-capability-popover .cx-param-chips {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.gemini-home .home-capability-popover .cx-param-chip,
html[data-theme] body:not(.page-admin) .home-capability-popover .cx-param-chip {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

body.gemini-home .home-capability-popover .has-cx-param-ui > label,
html[data-theme] body:not(.page-admin) .home-capability-popover .has-cx-param-ui > label,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover .compact-param-field:not(.home-toggle-field) > label,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover .field-v3:not(.home-toggle-field) > label {
  display: none !important;
}

body.gemini-home .home-capability-popover .has-cx-param-ui select,
html[data-theme] body:not(.page-admin) .home-capability-popover .has-cx-param-ui select,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-popover .has-cx-param-ui select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
}

html[data-theme] body:not(.page-admin) .home-create-toolbar,
body.gemini-home .home-create-toolbar {
  overflow: visible !important;
  overflow-anchor: none !important;
}

html[data-theme] body:not(.page-admin) .home-create-actions,
body.gemini-home .home-create-actions {
  position: relative !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  overflow-anchor: none !important;
}

html[data-theme] body:not(.page-admin) .home-model-tool,
body.gemini-home .home-model-tool {
  position: relative !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  overflow-anchor: none !important;
}

body.gemini-home .home-model-tool > .home-tool-popover.home-model-popover,
html[data-theme] body:not(.page-admin) .home-model-tool > .home-tool-popover.home-model-popover {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: calc(100% + 8px) !important;
  top: auto !important;
  z-index: 120 !important;
  overflow: visible !important;
}
html[data-theme] body:not(.page-admin) .home-model-tool > .home-tool-popover.home-model-popover[hidden],
body.gemini-home .home-model-tool > .home-tool-popover.home-model-popover[hidden] {
  display: none !important;
}

body.gemini-home .home-model-category:hover > .home-model-category-flyout,
body.gemini-home .home-model-category:focus-within > .home-model-category-flyout,
body.gemini-home .home-model-category.is-open > .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category:hover > .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category:focus-within > .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category.is-open > .home-model-category-flyout {
  display: block;
}

body.gemini-home .home-model-menu-list,
html[data-theme] body:not(.page-admin) .home-model-menu-list {
  overflow: visible !important;
}

body.gemini-home .home-model-category,
html[data-theme] body:not(.page-admin) .home-model-category {
  position: relative;
}

body.gemini-home .home-model-menu-option,
html[data-theme] body:not(.page-admin) .home-model-menu-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  padding: 8px 12px !important;
  border-radius: 8px !important;
}

body.gemini-home .home-model-option-name,
html[data-theme] body:not(.page-admin) .home-model-option-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

body.gemini-home .home-model-price-badge,
html[data-theme] body:not(.page-admin) .home-model-price-badge {
  flex: 0 0 auto;
  margin-left: auto;
  max-width: 54%;
  padding: 2px 8px;
  border-radius: 999px;
  background: #d8f3ea !important;
  color: #134e4a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

body.gemini-home .home-model-menu-option.has-price-badge.is-selected:not(.home-model-category-trigger)::after,
html[data-theme] body:not(.page-admin) .home-model-menu-option.has-price-badge.is-selected:not(.home-model-category-trigger)::after {
  display: none;
}

body.gemini-home .home-model-category-trigger,
html[data-theme] body:not(.page-admin) .home-model-category-trigger {
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-right: 12px !important;
}

body.gemini-home .home-model-category-trigger::after,
body.gemini-home .home-model-menu-option.home-model-category-trigger.is-selected::after,
html[data-theme] body:not(.page-admin) .home-model-category-trigger::after,
html[data-theme] body:not(.page-admin) .home-model-menu-option.home-model-category-trigger.is-selected::after {
  content: "";
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  flex: 0 0 6px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(-45deg) !important;
  opacity: .55;
}

body.gemini-home .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category-flyout {
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: none;
  min-width: 248px;
  padding: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}
body.gemini-home .home-model-category-flyout::before,
html[data-theme] body:not(.page-admin) .home-model-category-flyout::before {
  content: "";
  position: absolute;
  left: -18px;
  top: -36px;
  bottom: -36px;
  width: 18px;
}
body.gemini-home .home-model-category-flyout::after,
html[data-theme] body:not(.page-admin) .home-model-category-flyout::after {
  content: "";
  position: absolute;
  left: 100%;
  top: -24px;
  bottom: -24px;
  width: 16px;
}
body.gemini-home .home-model-category:hover::after,
body.gemini-home .home-model-category.is-open::after,
body.gemini-home .home-model-category:focus-within::after,
html[data-theme] body:not(.page-admin) .home-model-category:hover::after,
html[data-theme] body:not(.page-admin) .home-model-category.is-open::after,
html[data-theme] body:not(.page-admin) .home-model-category:focus-within::after {
  content: "";
  position: absolute;
  left: 100%;
  top: -24px;
  bottom: -24px;
  width: 8px;
  z-index: 6;
}

body.gemini-home .home-model-category:hover > .home-model-category-flyout,
body.gemini-home .home-model-category:focus-within > .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category:hover > .home-model-category-flyout,
html[data-theme] body:not(.page-admin) .home-model-category:focus-within > .home-model-category-flyout {
  display: block;
}

body.gemini-home .home-model-option-item,
html[data-theme] body:not(.page-admin) .home-model-option-item {
  position: relative;
}

body.gemini-home .home-model-intro,
html[data-theme] body:not(.page-admin) .home-model-intro {
  position: absolute;
  left: calc(100% + 6px);
  top: 0;
  z-index: 4;
  display: none;
  width: max-content;
  max-width: 320px;
  min-width: 200px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.55;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  pointer-events: auto;
  user-select: text;
  white-space: normal;
}
body.gemini-home .home-model-intro::before,
html[data-theme] body:not(.page-admin) .home-model-intro::before {
  content: "";
  position: absolute;
  right: 100%;
  top: -12px;
  bottom: -12px;
  width: 18px;
}
body.gemini-home .home-model-intro p,
body.gemini-home .home-model-intro div,
html[data-theme] body:not(.page-admin) .home-model-intro p,
html[data-theme] body:not(.page-admin) .home-model-intro div {
  margin: 0 0 6px;
}
body.gemini-home .home-model-intro p:last-child,
body.gemini-home .home-model-intro div:last-child,
html[data-theme] body:not(.page-admin) .home-model-intro p:last-child,
html[data-theme] body:not(.page-admin) .home-model-intro div:last-child {
  margin-bottom: 0;
}

body.gemini-home .home-model-option-item:hover > .home-model-intro,
body.gemini-home .home-model-option-item:focus-within > .home-model-intro,
html[data-theme] body:not(.page-admin) .home-model-option-item:hover > .home-model-intro,
html[data-theme] body:not(.page-admin) .home-model-option-item:focus-within > .home-model-intro {
  display: block;
}

html[data-theme="dark"] body.gemini-home .home-model-category-flyout,
html[data-theme="dark"] body:not(.page-admin) .home-model-category-flyout,
html[data-theme="dark"] body.gemini-home .home-model-intro,
html[data-theme="dark"] body:not(.page-admin) .home-model-intro {
  background: #1a1a1a;
  border-color: #333;
  color: #d1d5db;
}

html[data-theme] body:not(.page-admin) .home-capability-tool,
body.gemini-home .home-capability-tool {
  position: relative !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  z-index: 80 !important;
  pointer-events: auto !important;
}

html[data-theme] body:not(.page-admin) .home-capability-tool .home-capability-trigger,
body.gemini-home .home-capability-tool .home-capability-trigger {
  position: relative !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  padding: 6px 8px 6px 10px !important;
  gap: 6px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

html[data-theme] body:not(.page-admin) .home-capability-tool .home-capability-trigger::after,
body.gemini-home .home-capability-tool .home-capability-trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: pointer;
}

html[data-theme] body:not(.page-admin) .home-capability-tool .home-capability-trigger > *,
body.gemini-home .home-capability-tool .home-capability-trigger > * {
  position: relative;
  z-index: 1;
  pointer-events: none !important;
}

html[data-theme] body:not(.page-admin) .home-cost-hint,
body.gemini-home .home-cost-hint {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 8px !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  font-variant-numeric: tabular-nums !important;
  overflow: hidden !important;
}

html[data-theme] body:not(.page-admin) .home-cost-hint [data-home-cost-value],
body.gemini-home .home-cost-hint [data-home-cost-value] {
  display: inline-block !important;
  min-width: 4.2ch !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

html[data-theme] body:not(.page-admin) .home-capability-popover .home-toggle-field,
body.gemini-home .home-capability-popover .home-toggle-field {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme] body:not(.page-admin) .home-capability-popover .home-toggle-field > span,
body.gemini-home .home-capability-popover .home-toggle-field > span {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--text-muted, #6b7280) !important;
  line-height: 1.2 !important;
}

html[data-theme] body:not(.page-admin) .home-capability-popover .home-toggle-field input[type="checkbox"],
body.gemini-home .home-capability-popover .home-toggle-field input[type="checkbox"],
body.gemini-home .home-capability-groups .home-toggle-field input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 16px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 3px !important;
  background: #fff !important;
  accent-color: #2563eb !important;
  box-shadow: none !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger [data-param-capsule-summary],
body.gemini-home .home-capability-trigger [data-param-capsule-summary] {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
  text-align: left !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger .home-cap-slot,
body.gemini-home .home-capability-trigger .home-cap-slot {
  display: inline-block !important;
  box-sizing: content-box !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger .home-cap-slot.is-duration,
body.gemini-home .home-capability-trigger .home-cap-slot.is-duration {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 3ch !important;
  text-align: center !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger .home-cap-slot.is-res,
body.gemini-home .home-capability-trigger .home-cap-slot.is-res {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 5ch !important;
  text-align: center !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger .home-cap-slot.is-count,
body.gemini-home .home-capability-trigger .home-cap-slot.is-count {
  min-width: calc(2ch + 1em) !important;
}

html[data-theme] body:not(.page-admin) .home-capability-trigger .home-cap-sep,
body.gemini-home .home-capability-trigger .home-cap-sep {
  display: inline-block !important;
  margin: 0 0.32em !important;
  flex: 0 0 auto !important;
  opacity: 0.72;
}

html[data-theme] body:not(.page-admin) .home-composer-card,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .home-composer-card,
body.gemini-home .home-composer-card,
html[data-theme] body:not(.page-admin) .home-console.has-open-tool-popover,
html[data-theme] body:not(.page-admin) .home-console.has-open-tool-popover .home-create-form {
  overflow: visible !important;
}

html[data-theme] body:not(.page-admin) .home-capability-tool > .home-tool-popover.home-capability-popover,
body.gemini-home .home-capability-tool > .home-tool-popover.home-capability-popover,
html[data-theme] body.page-creation:not(.page-admin) .creation-composer .home-capability-tool > .home-capability-popover,
html[data-theme] body.page-app:not(.page-admin) .home-capability-tool > .home-capability-popover {
  display: block !important;
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
  top: auto !important;
  bottom: calc(100% + 8px) !important;
  transform: none !important;
  width: 280px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  margin: 0 !important;
  padding: 10px !important;
  z-index: 90 !important;
  transition: none !important;
  animation: none !important;
}

html[data-theme] body:not(.page-admin) .home-capability-tool > .home-tool-popover.home-capability-popover[hidden],
body.gemini-home .home-capability-tool > .home-tool-popover.home-capability-popover[hidden] {
  display: none !important;
}

/* Engaged chat: collapse composer to a one-line bar while reading history. */
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-card,
body.gemini-home .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-card {
  border-radius: 22px !important;
  transform-origin: center bottom;
    transition:
      height 0.52s cubic-bezier(0.22, 1.45, 0.28, 1),
      min-height 0.52s cubic-bezier(0.22, 1.45, 0.28, 1),
      max-height 0.52s cubic-bezier(0.22, 1.45, 0.28, 1),
      padding 0.42s cubic-bezier(0.22, 1.4, 0.32, 1),
      background-color 0.35s ease,
      border-color 0.35s ease,
      box-shadow 0.35s ease,
      gap 0.32s ease;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-row,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged:not(.is-free-mode) .home-create-toolbar,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged:not(.is-free-mode) .home-file-tool,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-card textarea,
body.gemini-home .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-row,
body.gemini-home .gemini-workspace.is-engaged:not(.is-free-mode) .home-create-toolbar,
body.gemini-home .gemini-workspace.is-engaged:not(.is-free-mode) .home-file-tool,
body.gemini-home .gemini-workspace.is-engaged:not(.is-free-mode) .home-composer-card textarea {
  transition:
    height 0.48s cubic-bezier(0.22, 1.45, 0.28, 1),
    min-height 0.48s cubic-bezier(0.22, 1.45, 0.28, 1),
    max-height 0.48s cubic-bezier(0.22, 1.45, 0.28, 1),
    width 0.36s cubic-bezier(0.22, 1.35, 0.32, 1),
    opacity 0.28s ease,
    padding 0.36s cubic-bezier(0.22, 1.35, 0.32, 1),
    transform 0.42s cubic-bezier(0.22, 1.45, 0.28, 1);
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-hang,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-hang {
  display: none !important;
  max-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace:not(.is-free-mode).is-engaged.is-composer-slim .home-composer-card,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card,
body.gemini-home .gemini-workspace:not(.is-free-mode).is-engaged.is-composer-slim .home-composer-card {
  position: relative !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 5px 8px 5px 12px !important;
  gap: 0 !important;
  border-radius: 23px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 23px);
  background: rgba(255, 255, 255, 0.52) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

html[data-theme="dark"] body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card {
  background: rgba(32, 32, 32, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="chinese"] body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card {
  background: rgba(251, 246, 232, 0.52) !important;
  border-color: rgba(234, 217, 176, 0.45) !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-row,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-row,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card .home-composer-row {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  gap: 8px !important;
  padding-right: 44px !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-row::before {
  content: "";
  width: 22px;
  height: 22px;
  justify-self: center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.6c.45 3.7 1.85 5.7 5.5 6.4-3.65.7-5.05 2.7-5.5 6.4-.45-3.7-1.85-5.7-5.5-6.4 3.65-.7 5.05-2.7 5.5-6.4z' fill='%2322d3ee'/%3E%3Cpath d='M5.2 4.4v2.6M3.9 5.7h2.6' stroke='%2322d3ee' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M18.4 16.2v2.4M17.2 17.4h2.4' stroke='%2322d3ee' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-file-tool,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-file-tool {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-prompt-field label,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-prompt-field label {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-prompt-shell,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-prompt-shell {
  height: 36px !important;
  min-height: 36px !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card .home-prompt-field textarea,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card .home-prompt-shell textarea,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card textarea,
body.gemini-home .gemini-workspace:not(.is-free-mode).is-engaged.is-composer-slim .home-composer-card textarea {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 6px 0 !important;
  line-height: 24px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-composer-card .home-create-toolbar {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-mode-picker,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-model-tool,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-capability-tool,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-compact-tool-button,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar #homePromptPresetBtn,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar #homePolishBtn,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-mode-picker,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-model-tool,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-capability-tool,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar .home-compact-tool-button,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar #homePromptPresetBtn,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-toolbar #homePolishBtn {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-cost-hint,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-cost-hint {
  display: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-actions,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-send-stack,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-actions,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-send-stack {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-console,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-console,
html[data-theme] body.page-app.gemini-home:not(.page-admin) .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-form,
body.gemini-home .gemini-workspace.is-engaged.is-composer-slim:not(.is-free-mode) .home-create-form {
  background: transparent !important;
  overflow: visible !important;
}

/* Light theme: force deep-black copy across the home screenshot surface. */
html[data-theme="light"] body.gemini-home:not(.page-admin),
html:not([data-theme]) body.gemini-home:not(.page-admin),
html[data-theme="light"] body.page-app.gemini-home:not(.page-admin),
html:not([data-theme]) body.page-app.gemini-home:not(.page-admin) {
  --gemini-ink: #0a0a0a;
  --gemini-muted: #6b7280;
  --sidebar-text: #0a0a0a;
  --sidebar-text-hover: #0a0a0a;
  --text: #0a0a0a;
  --text-muted: #6b7280;
  --text-soft: #6b7280;
  color: #0a0a0a;
}

html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-brand,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-brand,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-brand-text h1,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-brand-text h1,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item .nav-label,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item .nav-label,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item.active,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item.active,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info strong,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info strong,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info span,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-user-info span,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-welcome h1,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-welcome h1,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-welcome p,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-welcome p,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-intro-card,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-intro-card,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-intro-card strong,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-intro-card strong,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-float-tools .btn,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-float-tools .btn,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-float-tools .home-contact-trigger,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-float-tools .home-contact-trigger,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar .btn,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar .btn,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar .btn-secondary,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar .btn-secondary,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar #homePromptPresetBtn,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar #homePromptPresetBtn,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar #homePolishBtn,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar #homePolishBtn,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-actions .home-capability-tool .home-capability-trigger,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-actions .home-capability-tool .home-capability-trigger,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-mode-picker,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-mode-picker,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-model-tool,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-model-tool,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-file-tool,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-file-tool,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-file-tool span,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-file-tool span,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-prompt-shell textarea,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-prompt-shell textarea,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-cost-hint,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-cost-hint,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-props-summary,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-props-summary,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-send-stack,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-send-stack {
  color: #0a0a0a !important;
}

/* Restore muted secondary copy for Recent/history and intro card descriptions. */
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-section,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-section,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-head .sidebar-nav-section,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-head .sidebar-nav-section {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-empty,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-empty,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-item,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-item,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-copy,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-copy,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .creation-history-item,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .creation-history-item,
html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-item small,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .gemini-history-item small {
  color: #6b7280 !important;
  font-size: 12px !important;
}

html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-intro-card span,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-intro-card span {
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

html[data-theme="light"] body.gemini-home:not(.page-admin) .home-prompt-shell textarea::placeholder,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-prompt-shell textarea::placeholder,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-prompt-field textarea::placeholder,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-prompt-field textarea::placeholder {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item svg,
html:not([data-theme]) body.gemini-home:not(.page-admin) .gemini-sidebar .sidebar-nav-item svg,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-create-toolbar svg,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-create-toolbar svg,
html[data-theme="light"] body.gemini-home:not(.page-admin) .home-file-tool svg,
html:not([data-theme]) body.gemini-home:not(.page-admin) .home-file-tool svg {
  color: #0a0a0a !important;
  stroke: currentColor !important;
}