/* Hanhai homepage command toolbar fixes 0.5.10 */ [data-hh-command] .hhc-param-toolbar-0630, .hh-command .hhc-param-toolbar-0630 {   align-items: center !important;   display: flex !important;   flex-wrap: nowrap !important;   gap: 14px !important;   justify-content: space-between !important;   width: 100% !important; }  [data-hh-command] .hhc-param-toolbar-0630 > .hhc-param-group-0630, .hh-command .hhc-param-toolbar-0630 > .hhc-param-group-0630 {   align-items: center !important;   display: flex !important;   flex: 1 1 auto !important;   flex-wrap: nowrap !important;   gap: 10px !important;   min-width: 0 !important;   overflow: visible !important; }  [data-hh-command] .hhc-param-toolbar-0630 > .hhc-action-group-0630, .hh-command .hhc-param-toolbar-0630 > .hhc-action-group-0630 {   align-items: center !important;   display: flex !important;   flex: 0 0 auto !important;   gap: 10px !important;   justify-content: flex-end !important;   margin-left: auto !important;   white-space: nowrap !important; }  [data-hh-command] .hhc-param-group-0630 > .hh-dropdown, .hh-command .hhc-param-group-0630 > .hh-dropdown {   flex: 0 1 auto !important;   max-width: 230px !important;   min-width: 0 !important; }  [data-hh-command] [data-model-label], .hh-command [data-model-label] {   display: inline-block !important;   max-width: 190px !important;   min-width: 0 !important;   overflow: hidden !important;   text-overflow: ellipsis !important;   vertical-align: bottom !important;   white-space: nowrap !important; }  [data-hh-command] [data-duration-label], [data-hh-command] [data-home-video-resolution-toggle], [data-hh-command] [data-home-video-ratio-toggle], .hh-command [data-duration-label], .hh-command [data-home-video-resolution-toggle], .hh-command [data-home-video-ratio-toggle] {   flex-shrink: 0 !important;   white-space: nowrap !important; }  [data-hh-command] [data-credit-label], [data-hh-command] [data-points-label], [data-hh-command] .hhc-credit-inline, [data-hh-command] .hhc-estimate-chip, .hh-command [data-credit-label], .hh-command [data-points-label], .hh-command .hhc-credit-inline, .hh-command .hhc-estimate-chip {   flex-shrink: 0 !important;   white-space: nowrap !important; }  .hh-dropdown.open > .hh-menu, .hh-dropdown.is-open > .hh-menu, .hh-dropdown.open > .hhc-spec-panel, .hh-dropdown.is-open > .hhc-spec-panel, .hhc-agent-pref.is-open .hhc-agent-panel, .hhc-agent-subject.is-open .hhc-panel, .hhc-agent-control.is-open .hhc-panel {   max-height: min(420px, calc(100vh - 32px)) !important;   overscroll-behavior: contain !important;   overflow-y: auto !important;   z-index: 100090 !important; }  @media (max-width: 760px) {   [data-hh-command] .hhc-param-toolbar-0630,   .hh-command .hhc-param-toolbar-0630 {     align-items: stretch !important;     flex-direction: column !important;   }    [data-hh-command] .hhc-param-toolbar-0630 > .hhc-param-group-0630,   .hh-command .hhc-param-toolbar-0630 > .hhc-param-group-0630 {     flex-wrap: wrap !important;   }    [data-hh-command] .hhc-param-toolbar-0630 > .hhc-action-group-0630,   .hh-command .hhc-param-toolbar-0630 > .hhc-action-group-0630 {     justify-content: space-between !important;     margin-left: 0 !important;     width: 100% !important;   } }  /* Hanhai homepage workspace-like composer override 0.5.60 */ html.hhc-home-route .hhc-param-toolbar-0630 {   display: grid !important;   grid-template-columns: minmax(0, 1fr) auto !important;   align-items: center !important;   gap: 12px !important;   width: 100% !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {   display: flex !important;   align-items: center !important;   gap: 8px !important;   flex-wrap: nowrap !important;   min-width: 0 !important;   overflow: visible !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {   display: flex !important;   align-items: center !important;   justify-content: flex-end !important;   gap: 10px !important;   flex: 0 0 auto !important;   min-width: max-content !important;   margin-left: 0 !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown {   position: relative !important;   flex: 0 1 auto !important;   min-width: 0 !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle {   max-width: 100% !important;   min-width: 0 !important;   overflow: hidden !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle span, html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle strong, html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle b {   min-width: 0 !important;   overflow: hidden !important;   text-overflow: ellipsis !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-home-mode-control { width: 128px !important; } html.hhc-home-route .hhc-home-model-control { width: 218px !important; } html.hhc-home-route .hhc-home-ref-control { width: 148px !important; } html.hhc-home-route .hhc-home-resolution-control { width: 126px !important; } html.hhc-home-route .hhc-home-ratio-control { width: 112px !important; } html.hhc-home-route .hhc-home-duration-control { width: 104px !important; } html.hhc-home-route .hhc-home-spec-control { width: 168px !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hhc-score-pill, html.hhc-home-route .hhc-param-toolbar-0630 .hhc-points-pill, html.hhc-home-route .hhc-param-toolbar-0630 [class*="score"], html.hhc-home-route .hhc-param-toolbar-0630 [class*="point"] {   flex: 0 0 auto !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-menu, html.hhc-home-route .hhc-param-toolbar-0630 .hhc-popover, html.hhc-home-route .hhc-param-toolbar-0630 [role="listbox"], html.hhc-home-route .hhc-param-toolbar-0630 [data-popover] {   z-index: 999999 !important;   max-width: min(420px, calc(100vw - 32px)) !important;   max-height: min(420px, calc(100vh - 96px)) !important;   overflow: auto !important;   overscroll-behavior: contain !important; }  html.hhc-home-route .hhc-home-model-control .hh-dropdown-menu, html.hhc-home-route .hhc-home-model-control .hhc-popover, html.hhc-home-route .hhc-home-model-control [role="listbox"], html.hhc-home-route .hhc-home-model-control [data-popover] {   width: min(360px, calc(100vw - 32px)) !important; }  html.hhc-home-route .hhc-home-model-control .hh-dropdown-menu *, html.hhc-home-route .hhc-home-model-control .hhc-popover *, html.hhc-home-route .hhc-home-model-control [role="listbox"] *, html.hhc-home-route .hhc-home-model-control [data-popover] * {   overflow-wrap: normal !important; }  html.hhc-home-route .hhc-home-model-control .hh-dropdown-menu button, html.hhc-home-route .hhc-home-model-control .hhc-popover button, html.hhc-home-route .hhc-home-model-control [role="listbox"] button, html.hhc-home-route .hhc-home-model-control [data-popover] button {   min-width: 0 !important; }  @media (max-width: 1320px) {   html.hhc-home-route .hhc-home-mode-control { width: 112px !important; }   html.hhc-home-route .hhc-home-model-control { width: 186px !important; }   html.hhc-home-route .hhc-home-ref-control { width: 128px !important; }   html.hhc-home-route .hhc-home-resolution-control { width: 112px !important; }   html.hhc-home-route .hhc-home-ratio-control { width: 96px !important; }   html.hhc-home-route .hhc-home-duration-control { width: 88px !important; } }  @media (max-width: 1080px) {   html.hhc-home-route .hhc-param-toolbar-0630 {     grid-template-columns: 1fr !important;   }    html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {     flex-wrap: wrap !important;   }    html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {     justify-content: flex-end !important;     width: 100% !important;   } }  /* Hanhai homepage readable composer final patch 0.5.71 */ html.hhc-home-route .hhc-param-toolbar-0630 {   display: flex !important;   align-items: center !important;   gap: 8px !important;   flex-wrap: nowrap !important;   min-width: 0 !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {   display: flex !important;   align-items: center !important;   gap: 8px !important;   flex: 1 1 auto !important;   flex-wrap: nowrap !important;   min-width: 0 !important;   overflow: hidden !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {   margin-left: auto !important;   flex: 0 0 auto !important;   justify-content: flex-end !important; }  html.hhc-home-route .hhc-param-toolbar-0630 button, html.hhc-home-route .hhc-param-toolbar-0630 .hh-button {   min-width: 0 !important;   overflow: hidden !important;   text-overflow: ellipsis !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-home-mode-control {   flex: 0 0 108px !important;   max-width: 108px !important; }  html.hhc-home-route .hhc-home-model-control {   flex: 1 1 168px !important;   min-width: 132px !important;   max-width: 176px !important; }  html.hhc-home-route .hhc-home-reference-control {   flex: 0 0 108px !important;   max-width: 108px !important; }  html.hhc-home-route .hhc-home-resolution-control, html.hhc-home-route .hhc-home-ratio-control, html.hhc-home-route .hhc-home-duration-control {   flex: 0 0 86px !important;   max-width: 86px !important; }  html.hhc-home-route .hhc-credit-pill {   flex: 0 0 78px !important;   max-width: 78px !important;   text-align: center !important; }  html.hhc-home-route [data-submit-task], html.hhc-home-route .hhc-generate-button {   flex: 0 0 86px !important;   max-width: 86px !important; }  html.hhc-home-route .hh-menu, html.hhc-home-route .hhc-spec-panel-0630, html.hhc-home-route .hhc-settings-popover, html.hhc-home-route [data-hhc-popover-panel="1"] {   max-width: min(420px, calc(100vw - 28px)) !important;   overscroll-behavior: contain !important;   scrollbar-gutter: stable !important; }  html.hhc-home-route .hh-menu {   max-height: 360px !important;   overflow: auto !important; }  html.hhc-home-route .hh-menu-item, html.hhc-home-route .hhc-menu-item-0630 {   min-width: 0 !important; }  html.hhc-home-route .hh-menu-item *, html.hhc-home-route .hhc-menu-item-0630 * {   overflow: hidden !important;   text-overflow: ellipsis !important; }  html.hhc-home-route .hh-menu-item small, html.hhc-home-route .hh-menu-item .desc, html.hhc-home-route .hhc-menu-item-0630 small, html.hhc-home-route .hhc-menu-item-0630 .desc {   display: block !important;   white-space: nowrap !important; }  @media (max-width: 1180px) {   html.hhc-home-route .hhc-param-toolbar-0630,   html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {     flex-wrap: wrap !important;     overflow: visible !important;   }    html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {     width: 100% !important;   } }  /* Hanhai homepage composer final alignment 0.5.63 */ html.hhc-home-route .hhc-param-toolbar-0630 {   display: grid !important;   grid-template-columns: minmax(0, 1fr) max-content !important;   align-items: center !important;   gap: 14px !important;   width: 100% !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {   display: flex !important;   flex: 1 1 auto !important;   flex-wrap: nowrap !important;   align-items: center !important;   gap: 8px !important;   min-width: 0 !important;   overflow-x: auto !important;   overflow-y: visible !important;   scrollbar-width: none !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630::-webkit-scrollbar {   display: none !important; }  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {   display: flex !important;   flex: 0 0 auto !important;   align-items: center !important;   justify-content: flex-end !important;   gap: 10px !important;   min-width: max-content !important;   margin-left: 0 !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown, html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle {   min-width: 0 !important; }  html.hhc-home-route .hh-dropdown-toggle {   height: 42px !important;   max-width: 100% !important;   overflow: hidden !important; }  html.hhc-home-route .hh-dropdown-toggle, html.hhc-home-route .hh-dropdown-toggle span, html.hhc-home-route .hh-dropdown-toggle strong, html.hhc-home-route .hh-dropdown-toggle em {   overflow: hidden !important;   text-overflow: ellipsis !important;   white-space: nowrap !important; }  html.hhc-home-route .hhc-home-mode-control {   flex: 0 0 128px !important;   width: 128px !important; }  html.hhc-home-route .hhc-home-model-control {   flex: 0 0 208px !important;   width: 208px !important; }  html.hhc-home-route .hhc-home-ref-control {   flex: 0 0 132px !important;   width: 132px !important; }  html.hhc-home-route .hhc-home-resolution-control {   flex: 0 0 110px !important;   width: 110px !important; }  html.hhc-home-route .hhc-home-ratio-control {   flex: 0 0 92px !important;   width: 92px !important; }  html.hhc-home-route .hhc-home-duration-control {   flex: 0 0 82px !important;   width: 82px !important; }  html.hhc-home-route .hhc-home-spec-control {   flex: 0 0 164px !important;   width: 164px !important; }  html.hhc-home-route .hhc-credit-pill, html.hhc-home-route [data-credit-label] {   display: inline-flex !important;   flex: 0 0 auto !important;   align-items: center !important;   justify-content: center !important;   height: 42px !important;   min-width: 74px !important;   white-space: nowrap !important; }  html.hhc-home-route .hh-submit-v22, html.hhc-home-route .hh-send, html.hhc-home-route .hhc-submit, html.hhc-home-route [data-submit-task] {   flex: 0 0 auto !important;   height: 42px !important;   min-width: 92px !important;   white-space: nowrap !important; }  html.hhc-home-route .hh-dropdown.open > .hh-menu, html.hhc-home-route .hh-dropdown.open > .hhc-spec-panel, html.hhc-home-route .hh-dropdown.open > .hh-dropdown-menu, html.hhc-home-route .hhc-agent-pref.open > .hhc-agent-panel, html.hhc-home-route .hhc-agent-subject.open > .hhc-agent-panel, html.hhc-home-route .hhc-agent-control.open > .hhc-agent-panel, html.hhc-home-route .hhc-agent-control.open > .hhc-panel {   max-width: min(380px, calc(100vw - 32px)) !important;   max-height: min(360px, calc(100vh - 96px)) !important;   overflow-y: auto !important;   overscroll-behavior: contain !important;   z-index: 10050 !important; }  html.hhc-home-route .hhc-home-model-control .hh-menu, html.hhc-home-route .hhc-home-model-control .hh-dropdown-menu {   width: min(360px, calc(100vw - 32px)) !important; }  html.hhc-home-route .hhc-spec-panel, html.hhc-home-route .hhc-nbpro-spec-menu {   width: min(420px, calc(100vw - 32px)) !important; }  @media (max-width: 1320px) {   html.hhc-home-route .hhc-home-model-control {     flex-basis: 190px !important;     width: 190px !important;   }    html.hhc-home-route .hhc-home-ref-control {     flex-basis: 120px !important;     width: 120px !important;   }    html.hhc-home-route .hhc-home-resolution-control {     flex-basis: 104px !important;     width: 104px !important;   } }  @media (max-width: 1080px) {   html.hhc-home-route .hhc-param-toolbar-0630 {     grid-template-columns: 1fr !important;   }    html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {     flex-wrap: wrap !important;     overflow: visible !important;   }    html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {     justify-content: flex-end !important;     width: 100% !important;   } } 
/* Hanhai homepage readable controls hard override 0.5.15 */
html.hhc-home-route .hhc-param-toolbar-0630,
html.hhc-home-route [data-hh-command] .hhc-param-toolbar-0630,
html.hhc-home-route .hh-command .hhc-param-toolbar-0630 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  overflow: visible !important;
  grid-template-columns: none !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {
  display: flex !important;
  flex: 1 1 620px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: max-content !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-home-mode-control { min-width: 124px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-model-control { min-width: 210px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-ref-control,
html.hhc-home-route .hhc-home-reference-control { min-width: 136px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-resolution-control { min-width: 120px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-ratio-control { min-width: 108px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-duration-control { min-width: 96px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-home-spec-control { min-width: 188px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle *,
html.hhc-home-route .hhc-param-toolbar-0630 button:not([data-submit-task]),
html.hhc-home-route .hhc-param-toolbar-0630 button:not([data-submit-task]) * {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 .hhc-credit-pill,
html.hhc-home-route .hhc-param-toolbar-0630 [data-credit-label],
html.hhc-home-route .hhc-param-toolbar-0630 [data-points-label],
html.hhc-home-route .hhc-param-toolbar-0630 [data-submit-task] {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
html.hhc-home-route .hh-dropdown.open > .hh-menu,
html.hhc-home-route .hh-dropdown.is-open > .hh-menu,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-menu,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-panel {
  max-width: min(420px, calc(100vw - 32px)) !important;
  max-height: min(420px, calc(100vh - 96px)) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  z-index: 100090 !important;
}
@media (max-width: 900px) {
  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 { flex: 1 1 100% !important; }
  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 { width: 100% !important; justify-content: flex-end !important; }
}

/* Hanhai homepage readable toolbar final override 0.5.16 */
html.hhc-home-route .hhc-param-toolbar-0630 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 {
  display: flex !important;
  flex: 1 1 620px !important;
  align-items: center !important;
  gap: 10px !important;
  row-gap: 10px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
}
html.hhc-home-route .hhc-home-mode-control { min-width: 124px !important; }
html.hhc-home-route .hhc-home-model-control { min-width: 210px !important; }
html.hhc-home-route .hhc-home-ref-control,
html.hhc-home-route .hhc-home-reference-control { min-width: 136px !important; }
html.hhc-home-route .hhc-home-resolution-control { min-width: 120px !important; }
html.hhc-home-route .hhc-home-ratio-control { min-width: 108px !important; }
html.hhc-home-route .hhc-home-duration-control { min-width: 96px !important; }
html.hhc-home-route .hhc-home-spec-control { min-width: 188px !important; }
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle,
html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle *,
html.hhc-home-route .hhc-param-toolbar-0630 button:not([data-submit-task]),
html.hhc-home-route .hhc-param-toolbar-0630 button:not([data-submit-task]) * {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
  letter-spacing: 0 !important;
}
@media (max-width: 900px) {
  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-param-group-0630 { flex: 1 1 100% !important; }
  html.hhc-home-route .hhc-param-toolbar-0630 > .hhc-action-group-0630 { width: 100% !important; justify-content: flex-end !important; }
}

/* Hanhai current homepage generator compatibility 0.5.17 */
html.hhc-home-route .hanhai-home-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

html.hhc-home-route .hanhai-home-param-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

html.hhc-home-route .hanhai-home-action-group {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

html.hhc-home-route .hhc-home-compat-btn,
html.hhc-home-route .hanhai-home-param-button {
  min-height: 38px !important;
  max-width: min(260px, calc(100vw - 48px)) !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.hhc-home-route .hhc-home-compat-model {
  max-width: min(260px, calc(100vw - 48px)) !important;
}

.hhc-home-compat-menu {
  position: fixed !important;
  z-index: 100200 !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid #dfeaf4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 24px 68px rgba(15, 23, 42, .18) !important;
  color: #111827 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.hhc-home-compat-menu strong {
  display: block !important;
  margin: 6px 6px 2px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.hhc-home-compat-menu button {
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #334155 !important;
  padding: 8px 10px !important;
  text-align: left !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.hhc-home-compat-menu button:hover,
.hhc-home-compat-menu button.active {
  background: #eef9ff !important;
  color: #087aa0 !important;
}

.hhc-home-compat-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.hhc-home-compat-options button {
  min-height: 34px !important;
  padding: 7px 10px !important;
}

@media (max-width: 760px) {
  html.hhc-home-route .hanhai-home-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html.hhc-home-route .hanhai-home-action-group {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

/* Inspiration gallery rescue 0.5.35 */
html.hhc-home-route .hh-inspire-v22 {
  width: min(1720px, calc(100vw - 118px)) !important;
  max-width: min(1720px, calc(100vw - 118px)) !important;
}

/* Final homepage inspiration hard override: do not depend on route class. */
.hh-inspire-v22 {
  width: min(1120px, calc(100vw - 118px)) !important;
  max-width: min(1120px, calc(100vw - 118px)) !important;
}

.hh-inspire-grid-v22[data-inspire-grid] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  columns: unset !important;
  column-gap: unset !important;
  align-items: start !important;
}

.hh-inspire-card-v22[data-inspire-card] {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  break-inside: avoid !important;
  background: #fff !important;
  border: 1px solid rgba(226, 232, 240, .92) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .09) !important;
  cursor: zoom-in !important;
  transform: none !important;
  color: #0f172a !important;
  isolation: auto !important;
}

.hh-inspire-card-v22[data-inspire-card]:before,
.hh-inspire-card-v22[data-inspire-card]:after,
.hh-inspire-card-v22[data-inspire-card] > .hh-inspire-media-v22 {
  display: none !important;
  content: none !important;
}

.hh-inspire-card-v22[data-inspire-card]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 48px rgba(15, 23, 42, .15) !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 5 !important;
  background: #eef4fb !important;
  overflow: hidden !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc img,
.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-height: none !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-type-hhc {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  z-index: 3 !important;
  height: 24px !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.9) !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 {
  display: block !important;
  width: 100% !important;
  padding: 12px !important;
  background: #fff !important;
  color: #0f172a !important;
  writing-mode: horizontal-tb !important;
  text-align: left !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 h3,
.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 p,
.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 button {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 h3 {
  margin: 0 0 6px !important;
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 1000 !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 p {
  margin: 4px 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 div {
  display: flex !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 button {
  height: 30px !important;
  min-width: 0 !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  color: #334155 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media (max-width: 980px) {
  .hh-inspire-v22 {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
  }
}

html.hhc-home-route .hh-inspire-grid-v22 {
  display: block !important;
  columns: 4 260px !important;
  column-gap: 12px !important;
}

html.hhc-home-route .hh-inspire-card-v22 {
  display: inline-block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  break-inside: avoid !important;
  background: #fff !important;
  border: 1px solid rgba(226, 232, 240, .9) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .09) !important;
  cursor: zoom-in !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

html.hhc-home-route .hh-inspire-card-v22:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 48px rgba(15, 23, 42, .15) !important;
}

html.hhc-home-route .hh-inspire-card-v22:before,
html.hhc-home-route .hh-inspire-card-v22:after,
html.hhc-home-route .hh-inspire-card-v22 > .hh-inspire-media-v22 {
  display: none !important;
}

html.hhc-home-route .hh-inspire-thumb-hhc {
  position: relative !important;
  width: 100% !important;
  min-height: 180px !important;
  background: linear-gradient(135deg, #e0f2fe, #f8fafc) !important;
}

html.hhc-home-route .hh-inspire-thumb-hhc img,
html.hhc-home-route .hh-inspire-thumb-hhc video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
}

html.hhc-home-route .hh-inspire-type-hhc {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  height: 24px !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255,255,255,.9) !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
}

html.hhc-home-route .hh-inspire-info-v22 {
  color: #0f172a !important;
  padding: 12px !important;
  background: #fff !important;
}

html.hhc-home-route .hh-inspire-info-v22 h3 {
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html.hhc-home-route .hh-inspire-info-v22 p {
  color: #64748b !important;
  line-height: 1.55 !important;
}

html.hhc-home-route .hh-inspire-info-v22 div {
  display: flex !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

html.hhc-home-route .hh-inspire-info-v22 button {
  height: 30px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html.hhc-home-route .hh-inspire-info-v22 button:hover,
html.hhc-home-route .hh-inspire-info-v22 button.active {
  background: #eef9ff !important;
  color: #087aa0 !important;
  border-color: #bae6fd !important;
}

.hh-inspire-viewer-hhc {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 420px !important;
  gap: 0 !important;
  background: rgba(248, 250, 252, .96) !important;
  backdrop-filter: blur(18px) !important;
}

.hh-inspire-viewer-media-hhc {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 34px !important;
}

.hh-inspire-viewer-media-hhc img,
.hh-inspire-viewer-media-hhc video {
  max-width: 100% !important;
  max-height: calc(100vh - 68px) !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  box-shadow: 0 30px 80px rgba(15, 23, 42, .18) !important;
  background: #fff !important;
}

.hh-inspire-viewer-panel-hhc {
  position: relative !important;
  min-width: 0 !important;
  border-left: 1px solid #e5edf4 !important;
  background: #fff !important;
  padding: 34px 28px !important;
  overflow: auto !important;
  color: #0f172a !important;
}

.hh-inspire-viewer-close-hhc {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-size: 22px !important;
  cursor: pointer !important;
}

.hh-inspire-viewer-panel-hhc h2 {
  margin: 34px 0 10px !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
}

.hh-inspire-viewer-meta-hhc {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 18px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.hh-inspire-keywords-hhc {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 12px !important;
  border: 1px solid #e7eef6 !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: #334155 !important;
}

.hh-inspire-keywords-hhc b {
  color: #0f172a !important;
  font-size: 13px !important;
}

.hh-inspire-keywords-hhc span {
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
}

.hh-inspire-viewer-prompt-hhc {
  white-space: pre-wrap !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  font-size: 14px !important;
  max-height: 48vh !important;
  overflow: auto !important;
  border-top: 1px solid #edf2f7 !important;
  padding-top: 18px !important;
}

.hh-inspire-viewer-actions-hhc {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

.hh-inspire-viewer-actions-hhc button {
  height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  color: #0f172a !important;
  font-weight: 900 !important;
}

.hh-inspire-viewer-actions-hhc button:first-child {
  background: #0ea5e9 !important;
  color: #fff !important;
}

@media (max-width: 980px) {
  html.hhc-home-route .hh-inspire-v22 {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
  }

  .hh-inspire-viewer-hhc {
    grid-template-columns: 1fr !important;
  }

  .hh-inspire-viewer-media-hhc {
    padding: 18px !important;
  }

  .hh-inspire-viewer-panel-hhc {
    border-left: 0 !important;
    max-height: 46vh !important;
  }
}

/* Inspiration gallery masonry/detail final 0.5.40 */
.hh-inspire-v22,
html.hhc-home-route .hh-inspire-v22 {
  width: min(1640px, calc(100vw - 118px)) !important;
  max-width: min(1640px, calc(100vw - 118px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hh-inspire-grid-v22[data-inspire-grid],
html.hhc-home-route .hh-inspire-grid-v22[data-inspire-grid] {
  display: block !important;
  columns: 5 260px !important;
  column-gap: 16px !important;
  align-items: start !important;
}

.hh-inspire-card-v22[data-inspire-card],
html.hhc-home-route .hh-inspire-card-v22[data-inspire-card] {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  break-inside: avoid !important;
  background: transparent !important;
  border: 1px solid rgba(226, 232, 240, .22) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .18) !important;
  cursor: zoom-in !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc,
html.hhc-home-route .hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  background: #e8eef6 !important;
  overflow: hidden !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc img,
.hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc video,
html.hhc-home-route .hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc img,
html.hhc-home-route .hh-inspire-card-v22[data-inspire-card] .hh-inspire-thumb-hhc video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22,
html.hhc-home-route .hh-inspire-card-v22[data-inspire-card] .hh-inspire-info-v22 {
  display: none !important;
}

.hh-inspire-like-hhc {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 5 !important;
  height: 30px !important;
  min-width: 48px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  background: rgba(15, 23, 42, .76) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  backdrop-filter: blur(10px) !important;
}

.hh-inspire-like-hhc.is-liked,
.hh-inspire-detail-like-hhc.is-liked {
  background: #ef4444 !important;
  color: #fff !important;
}

.hh-inspire-author-hhc {
  margin: 18px 0 16px !important;
}

.hh-inspire-author-hhc button {
  border: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.hh-inspire-author-hhc span {
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6) !important;
  display: inline-block !important;
}

.hh-inspire-author-filter-hhc {
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, .35) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: inherit !important;
  padding: 0 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.hh-inspire-empty-hhc {
  width: min(520px, 80vw) !important;
  height: 420px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #e0f2fe, #f8fafc) !important;
  display: grid !important;
  place-items: center !important;
  color: #64748b !important;
  font-weight: 900 !important;
}

.hh-inspire-viewer-actions-hhc {
  grid-template-columns: 1fr 1fr auto !important;
}

.hh-inspire-viewer-actions-hhc .hh-inspire-detail-like-hhc {
  min-width: 64px !important;
}

@media (max-width: 980px) {
  .hh-inspire-v22,
  html.hhc-home-route .hh-inspire-v22 {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
  }

  .hh-inspire-grid-v22[data-inspire-grid],
  html.hhc-home-route .hh-inspire-grid-v22[data-inspire-grid] {
    columns: 2 160px !important;
    column-gap: 12px !important;
  }

  .hh-inspire-viewer-actions-hhc {
    grid-template-columns: 1fr !important;
  }
}