@media (min-width: 641px) and (max-width: 1180px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-workspace-mode="home"] .guest-root {
    height: auto !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  .guest-shell.is-home-workspace,
  .guest-shell.is-home-workspace.is-sidebar-collapsed {
    display: grid !important;
    grid-template-columns: clamp(220px, 23vw, 260px) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .guest-shell.is-home-workspace .guest-sidebar,
  .guest-shell.is-home-workspace.is-sidebar-collapsed .guest-sidebar {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin: 0 !important;
    padding: 22px 16px 18px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .guest-shell.is-home-workspace .guest-main,
  .guest-shell.is-home-workspace.is-sidebar-collapsed .guest-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 20px clamp(22px, 3vw, 40px) 22px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .guest-shell.is-home-workspace .guest-sidepanel {
    display: none !important;
  }

  .ov-mobile-home {
    display: none !important;
  }

  .guest-shell.is-home-workspace .home-desktop-hero,
  .guest-shell.is-home-workspace .home-desktop-actions {
    display: flex !important;
  }

  .guest-shell.is-home-workspace .mobile-drawer-backdrop,
  .guest-shell.is-home-workspace .guest-sidebar.mobile-drawer {
    display: none !important;
  }

  .guest-shell.is-home-workspace .home-sidebar-toggle,
  .guest-shell.is-home-workspace .home-mobile-logo {
    display: none !important;
  }

  .guest-shell.is-home-workspace .home-main-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 4px 0 18px !important;
  }

  .guest-shell.is-home-workspace .home-main-topbar .model-switcher-wrap {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .guest-shell.is-home-workspace .home-main-topbar .ai-switcher {
    width: min(360px, 100%) !important;
    max-width: 100% !important;
  }

  .guest-shell.is-home-workspace .home-top-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }

  .guest-shell.is-home-workspace .home-top-actions .balance-menu-wrap {
    display: inline-flex !important;
  }

  .guest-shell.is-home-workspace .home-top-actions .circle-control,
  .guest-shell.is-home-workspace .home-avatar-button,
  .guest-shell.is-home-workspace .home-top-actions [data-open-notifications],
  .guest-shell.is-home-workspace .home-top-actions [data-theme-toggle] {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
  }

  .guest-shell.is-home-workspace .home-hero-panel {
    padding-top: 10px !important;
  }

  .guest-shell.is-home-workspace .guest-hero-copy h1,
  .guest-shell.is-home-workspace .home-hero-panel h1 {
    font-size: clamp(34px, 3.8vw, 46px) !important;
    line-height: 1.08 !important;
  }

  .guest-shell.is-home-workspace .guest-hero-copy p,
  .guest-shell.is-home-workspace .home-hero-panel p {
    font-size: clamp(14px, 1.5vw, 17px) !important;
    line-height: 1.65 !important;
  }

  .guest-shell.is-home-workspace .guest-quick-grid,
  .guest-shell.is-home-workspace .home-quick-grid {
    width: 100% !important;
    margin: 18px 0 0 !important;
    gap: 14px !important;
  }

  .guest-shell.is-home-workspace .guest-quick-grid,
  .guest-shell.is-home-workspace .home-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .guest-shell.is-home-workspace .guest-conversation-card,
  .guest-shell.is-home-workspace .home-compose,
  .guest-shell.is-home-workspace .guest-compose {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .guest-shell.is-home-workspace .guest-main > .home-main-topbar,
  .guest-shell.is-home-workspace .guest-main > .guest-main-topbar {
    margin-bottom: 4px !important;
  }
}

@media (min-width: 641px) and (max-width: 899px) {
  .guest-shell.is-home-workspace .guest-quick-grid,
  .guest-shell.is-home-workspace .home-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}