/* Shared inspiration gallery layout for the homepage and /inspiration/. */
.hh-home-v22 .hh-inspire-v22 {
    width: min(1120px, 100%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-grid-v22 {
    display: block !important;
    width: 100% !important;
    column-count: 3 !important;
    column-gap: 14px !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22 {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
    vertical-align: top !important;
    break-inside: avoid !important;
    border: 1px solid rgba(217, 173, 99, .28) !important;
    border-radius: 8px !important;
    background-color: #071523 !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .27) !important;
    cursor: pointer !important;
    isolation: isolate !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22:not(:has(.hh-inspire-thumb-hhc, .hh-inspire-preview-v259)) {
    min-height: 176px !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(2, 9, 17, 0) 58%, rgba(2, 9, 17, .58) 100%) !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22::after {
    display: none !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(234, 196, 127, .62) !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, .34) !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22:focus-visible {
    outline: 2px solid #77dff1 !important;
    outline-offset: 3px !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-thumb-hhc,
.hh-home-v22 .hh-inspire-v22 .hh-inspire-preview-v259 {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #071523 !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-thumb-hhc > img,
.hh-home-v22 .hh-inspire-v22 .hh-inspire-preview-v259 > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
    transition: transform .24s ease, filter .24s ease !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-thumb-hhc > video,
.hh-home-v22 .hh-inspire-v22 .hh-inspire-preview-v259 > video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    transition: transform .24s ease, filter .24s ease !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22:hover :is(.hh-inspire-thumb-hhc, .hh-inspire-preview-v259) > :is(img, video) {
    transform: scale(1.012) !important;
    filter: saturate(1.04) !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-media-v22,
.hh-home-v22 .hh-inspire-v22 .hh-inspire-type-hhc {
    position: absolute !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    left: 10px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, .58) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #102033 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    backdrop-filter: blur(10px) !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-media-v22 i {
    display: none !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-info-v22 {
    display: none !important;
}

.hh-home-v22 .hh-inspire-v22 .hhv-author-badge,
.hh-home-v22 .hh-inspire-v22 .hhc-inspire-author-badge {
    position: absolute !important;
    right: auto !important;
    bottom: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: calc(100% - 82px) !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(244, 207, 148, .34) !important;
    border-radius: 999px !important;
    background: rgba(4, 16, 29, .82) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24) !important;
    text-decoration: none !important;
    backdrop-filter: blur(12px) !important;
}

.hh-home-v22 .hh-inspire-v22 .hhv-author-badge i,
.hh-home-v22 .hh-inspire-v22 .hhc-inspire-author-badge i {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #6aa8ff, #ff9eb8) center / cover no-repeat !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .22) !important;
}

.hh-home-v22 .hh-inspire-v22 .hhv-author-badge i img,
.hh-home-v22 .hh-inspire-v22 .hhc-inspire-author-badge i img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.hh-home-v22 .hh-inspire-v22 .hhv-author-badge b,
.hh-home-v22 .hh-inspire-v22 .hhc-inspire-author-badge b {
    display: block !important;
    min-width: 0 !important;
    max-width: 128px !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-like-hhc {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    left: auto !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 48px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(239, 68, 68, .28) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

.hh-home-v22 .hh-inspire-v22 .hh-inspire-like-hhc:hover,
.hh-home-v22 .hh-inspire-v22 .hh-inspire-like-hhc.is-liked {
    background: #dc2626 !important;
}

.hh-inspiration-page-v259 .hh-inspire-v22,
.hh-inspiration-page-v260 .hh-inspire-v22 {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .hh-home-v22 .hh-inspire-v22 .hh-inspire-grid-v22 {
        column-count: 2 !important;
    }
}

@media (max-width: 620px) {
    .hh-home-v22 .hh-inspire-v22 .hh-inspire-grid-v22 {
        column-count: 1 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hh-home-v22 .hh-inspire-v22 .hh-inspire-card-v22,
    .hh-home-v22 .hh-inspire-v22 .hh-inspire-thumb-hhc > :is(img, video) {
        transition: none !important;
    }
}

/* Home Agent compact Workspace-handoff preferences 0.5.62.34. */
html.hhc-home-route body.home .hhc-home-agent-preference-shell.hhc-home-agent-preference-panel {
    --hhc-popup-surface:var(--hhv-surface,#111820);
    --hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);
    --hhc-popup-text:var(--hhv-ink,#f7f9fc);
    --hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);
    --hhc-popup-border:var(--hhv-border-strong,#667687);
    --hhc-popup-option:var(--hhv-surface,#111820);
    --hhc-popup-hover:var(--hhv-surface-hover,#253545);
    --hhc-popup-accent:var(--hhv-link,#edc66e);
    --hhc-popup-focus:var(--hhv-focus,#9bc7ff);
    --hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: var(--hhc-menu-width, min(420px, calc(100vw - 24px))) !important;
    max-width: var(--hhc-menu-width, min(420px, calc(100vw - 24px))) !important;
    padding: 0 !important;
    border: 1px solid var(--hhc-popup-border) !important;
    border-radius: 12px !important;
    background: var(--hhc-popup-surface) !important;
    color: var(--hhc-popup-text) !important;
    box-shadow:var(--hhc-popup-shadow) !important;
    isolation: isolate !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-hhv-appearance="day"].hhc-home-route body.home .hhc-home-agent-preference-shell.hhc-home-agent-preference-panel {
    --hhc-popup-surface:var(--hhv-surface,#111820);
    --hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);
    --hhc-popup-text:var(--hhv-ink,#f7f9fc);
    --hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);
    --hhc-popup-border:var(--hhv-border-strong,#667687);
    --hhc-popup-option:var(--hhv-surface,#111820);
    --hhc-popup-hover:var(--hhv-surface-hover,#253545);
    --hhc-popup-accent:var(--hhv-link,#edc66e);
    --hhc-popup-focus:var(--hhv-focus,#9bc7ff);
    --hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));
}

html[data-hhv-appearance="hanhai"].hhc-home-route body.home .hhc-home-agent-preference-shell.hhc-home-agent-preference-panel {
    --hhc-popup-surface:var(--hhv-surface,#111820);
    --hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);
    --hhc-popup-text:var(--hhv-ink,#f7f9fc);
    --hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);
    --hhc-popup-border:var(--hhv-border-strong,#667687);
    --hhc-popup-option:var(--hhv-surface,#111820);
    --hhc-popup-hover:var(--hhv-surface-hover,#253545);
    --hhc-popup-accent:var(--hhv-link,#edc66e);
    --hhc-popup-focus:var(--hhv-focus,#9bc7ff);
    --hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));
}

html.hhc-home-route body.home .hhc-agent-preference-header {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--hhc-popup-border, #728ca0) 38%, transparent);
    background: var(--hhc-popup-surface, #07131f);
}

html.hhc-home-route body.home .hhc-agent-preference-header > strong {
    color: var(--hhc-popup-text, #fff) !important;
    font-size: 15px;
    font-weight: 900;
}

html.hhc-home-route body.home .hhc-agent-auto-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--hhc-popup-text, #fff);
    font-size: 13px;
    font-weight: 800;
}

html.hhc-home-route body.home .hhc-agent-auto-toggle {
    position: relative;
    width: 44px;
    height: 24px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--hhc-popup-border, #728ca0) 55%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--hhc-popup-muted, #7f93a3) 45%, transparent);
    cursor: pointer;
}

html.hhc-home-route body.home .hhc-agent-auto-toggle::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    transition: transform .16s ease;
}

html.hhc-home-route body.home .hhc-agent-auto-toggle.is-on {
    border-color: #1fc8d9;
    background: #1fc8d9;
}

html.hhc-home-route body.home .hhc-agent-auto-toggle.is-on::after {
    transform: translateX(20px);
}

html.hhc-home-route body.home .hhc-agent-preference-close {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--hhc-popup-text, #fff);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

html.hhc-home-route body.home .hhc-agent-preference-section {
    display: grid;
    gap: 6px;
    padding: 8px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--hhc-popup-border, #728ca0) 24%, transparent);
}

html.hhc-home-route body.home .hhc-agent-preference-section > strong {
    color: var(--hhc-popup-text, #fff) !important;
    font-size: 13px;
    font-weight: 850;
}

html.hhc-home-route body.home .hhc-agent-preference-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 5px;
    padding: 3px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--hhc-popup-option, #142332) 72%, transparent);
}

html.hhc-home-route body.home .hhc-agent-type-section .hhc-agent-preference-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html.hhc-home-route body.home .hhc-agent-ratio-section .hhc-agent-preference-options {
    grid-template-columns: repeat(4, minmax(54px, 1fr));
}

html.hhc-home-route body.home .hhc-agent-preference-choice {
    min-width: 0;
    min-height: 32px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--hhc-popup-text, #fff);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
}

html.hhc-home-route body.home .hhc-agent-preference-choice:hover,
html.hhc-home-route body.home .hhc-agent-preference-choice:focus-visible {
    border-color: var(--hhc-popup-focus, #4fc7e9);
    background: var(--hhc-popup-hover, #17374b);
    outline: 2px solid var(--hhc-popup-focus, #4fc7e9);
    outline-offset: 1px;
}

html.hhc-home-route body.home .hhc-agent-preference-choice.is-active,
html.hhc-home-route body.home .hhc-agent-preference-choice[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--hhc-popup-focus, #4fc7e9) 52%, transparent);
    background: color-mix(in srgb, var(--hhc-popup-hover, #17374b) 78%, var(--hhc-popup-surface, #07131f));
    color: var(--hhc-popup-text, #fff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hhc-popup-focus, #4fc7e9) 18%, transparent);
}

html.hhc-home-route body.home .hhc-agent-model-trigger {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--hhc-popup-border, #728ca0) 42%, transparent);
    border-radius: 10px;
    background: var(--hhc-popup-option, #142332);
    color: var(--hhc-popup-text, #fff);
    text-align: left;
    cursor: pointer;
}

html.hhc-home-route body.home .hhc-agent-model-trigger > span:nth-child(2),
html.hhc-home-route body.home .hhc-agent-model-card > span:nth-child(2) {
    display: grid;
    gap: 2px;
    min-width: 0;
}

html.hhc-home-route body.home .hhc-agent-model-trigger b,
html.hhc-home-route body.home .hhc-agent-model-card b {
    overflow: hidden;
    color: var(--hhc-popup-text, #fff);
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.hhc-home-route body.home .hhc-agent-model-trigger small,
html.hhc-home-route body.home .hhc-agent-model-card small,
html.hhc-home-route body.home .hhc-agent-model-card em {
    overflow: hidden;
    color: var(--hhc-popup-muted, #adc0ce);
    font-size: 11px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.hhc-home-route body.home .hhc-agent-model-icon {
    display: block;
    width: 28px;
    height: 28px;
    border: 1px solid color-mix(in srgb, var(--hhc-popup-focus, #4fc7e9) 46%, transparent);
    border-radius: 8px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--hhc-popup-focus, #4fc7e9) 35%, transparent), color-mix(in srgb, var(--hhc-popup-accent, #e4b85a) 25%, transparent));
}

html.hhc-home-route body.home .hhc-agent-model-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    max-height: 170px;
    margin-top: 5px;
    padding: 5px;
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--hhc-popup-border, #728ca0) 42%, transparent);
    border-radius: 12px;
    background: var(--hhc-popup-surface-end, #071019);
}

html.hhc-home-route body.home .hhc-agent-model-card {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 9px;
    min-height: 62px;
    padding: 7px !important;
    border-color: color-mix(in srgb, var(--hhc-popup-border, #728ca0) 32%, transparent);
    background: var(--hhc-popup-option, #142332);
    text-align: left;
}

html.hhc-home-route body.home .hhc-agent-model-card em {
    color: #39c7a0;
}

html.hhc-home-route body.home .hhc-agent-model-card.is-locked em {
    color: #e2aa55;
}

html.hhc-home-route body.home .hhc-agent-preference-status {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin: 8px 12px 12px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, #4fc7e9 55%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, #0b5272 54%, var(--hhc-popup-surface, #07131f));
}

html.hhc-home-route body.home .hhc-agent-preference-status > span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e5ad4f;
    box-shadow: 0 0 0 5px rgba(229, 173, 79, .12);
}

html.hhc-home-route body.home .hhc-agent-preference-status.is-ready > span,
html.hhc-home-route body.home .hhc-agent-preference-status.is-handoff > span {
    background: #35d1a0;
    box-shadow: 0 0 0 5px rgba(53, 209, 160, .12);
}

html.hhc-home-route body.home .hhc-agent-preference-status > div {
    display: grid;
    gap: 2px;
}

html.hhc-home-route body.home .hhc-agent-preference-status b {
    color: var(--hhc-popup-text, #fff);
    font-size: 12px;
    font-weight: 900;
}

html.hhc-home-route body.home .hhc-agent-preference-status small {
    color: var(--hhc-popup-muted, #adc0ce);
    font-size: 11px;
    line-height: 1.35;
}

@media (max-width: 720px) {
    html.hhc-home-route body.home .hhc-home-agent-preference-shell.hhc-home-agent-preference-panel {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        border-radius: 13px !important;
    }

    html.hhc-home-route body.home .hhc-agent-preference-header,
    html.hhc-home-route body.home .hhc-agent-preference-section {
        padding-right: 10px;
        padding-left: 10px;
    }

    html.hhc-home-route body.home .hhc-agent-ratio-section .hhc-agent-preference-options {
        grid-template-columns: repeat(4, minmax(52px, 1fr));
    }

    html.hhc-home-route body.home .hhc-agent-model-list {
        grid-template-columns: minmax(0, 1fr);
    }

    html.hhc-home-route body.home .hhc-agent-preference-status {
        margin-right: 10px;
        margin-left: 10px;
    }
}

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: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:wrap!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;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 .hhc-home-mode-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-model-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-ref-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-reference-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-resolution-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-ratio-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-duration-control,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-home-spec-control{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important}html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle,html.hhc-home-route .hhc-param-toolbar-0630 button:not([data-submit-task]){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important;min-width:max-content!important;max-width:min(260px, calc(100vw - 48px))!important;height:42px!important;padding:0 14px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!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,html.hhc-home-route .hhc-param-toolbar-0630 .hh-dropdown-toggle em,html.hhc-home-route .hhc-param-toolbar-0630 [data-model-label],html.hhc-home-route .hhc-param-toolbar-0630 [data-duration-label]{max-width:none!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}html.hhc-home-route .hhc-home-model-control .hh-dropdown-toggle{max-width:min(260px, calc(100vw - 48px))!important}html.hhc-home-route .hhc-home-ref-control .hh-dropdown-toggle,html.hhc-home-route .hhc-home-reference-control .hh-dropdown-toggle{max-width:min(190px, calc(100vw - 48px))!important}html.hhc-home-route .hhc-home-resolution-control .hh-dropdown-toggle,html.hhc-home-route .hhc-home-ratio-control .hh-dropdown-toggle,html.hhc-home-route .hhc-home-duration-control .hh-dropdown-toggle{max-width:min(170px, calc(100vw - 48px))!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],html.hhc-home-route .hhc-param-toolbar-0630 .hh-submit-v22,html.hhc-home-route .hhc-param-toolbar-0630 .hh-send,html.hhc-home-route .hhc-param-toolbar-0630 .hhc-submit{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 .hh-dropdown.open>.hhc-spec-panel,html.hhc-home-route .hh-dropdown.is-open>.hhc-spec-panel,html.hhc-home-route .hh-dropdown.open>.hh-dropdown-menu,html.hhc-home-route .hh-dropdown.is-open>.hh-dropdown-menu{max-width:min(420px, calc(100vw - 32px))!important;max-height:min(420px, calc(100vh - 96px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:100090!important}html.hhc-home-route .hanhai-home-generator-card,html.hhc-home-route .hanhai-home-generator-wrap,html.hhc-home-route .hanhai-home-toolbar,html.hhc-home-route .hanhai-home-param-group{overflow:visible!important}html.hhc-home-route .hanhai-home-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;min-width:0!important}html.hhc-home-route .hanhai-home-param-group{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}html.hhc-home-route .hanhai-home-param-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:min(260px, calc(100vw - 48px))!important;height:42px!important;padding:0 14px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}html.hhc-home-route .hanhai-home-param-button *,html.hhc-home-route .hanhai-home-param-button span,html.hhc-home-route .hanhai-home-param-button strong,html.hhc-home-route .hanhai-home-param-button b{display:inline!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}html.hhc-home-route .hanhai-home-mode{min-width:112px!important}html.hhc-home-route .hanhai-home-model{min-width:190px!important}html.hhc-home-route .hanhai-home-reference{min-width:128px!important}html.hhc-home-route .hanhai-home-resolution{min-width:108px!important}html.hhc-home-route .hanhai-home-ratio{min-width:96px!important}html.hhc-home-route .hanhai-home-duration{min-width:82px!important}html.hhc-home-route .hanhai-home-points,html.hhc-home-route .hanhai-home-submit{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 .hhc-home-free-quota{display:grid!important;grid-template-columns:minmax(140px,1fr) repeat(2,minmax(124px,max-content));align-items:center;gap:6px!important;flex:1 1 470px!important;width:auto!important;min-width:0!important;max-width:640px!important;min-height:48px!important;padding:5px!important;border:1px solid rgb(212 175 55 / .38)!important;border-radius:8px!important;background:rgb(4 15 25 / .94)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .04)!important;box-sizing:border-box!important}html.hhc-home-route .hhc-home-free-quota[hidden]{display:none!important}html.hhc-home-route .hanhai-home-points[hidden]{display:none!important}html.hhc-home-route .hanhai-home-action-group:has(.hhc-home-free-quota:not([hidden]))>.hanhai-home-points{display:none!important}html.hhc-home-route .hhc-home-quota-spec{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important;min-width:0!important;padding:2px 10px!important;color:#b9c8d3!important;line-height:1.25!important}html.hhc-home-route .hhc-home-quota-spec small{color:#65d9cc!important;font-size:10px!important;font-weight:700!important}html.hhc-home-route .hhc-home-quota-spec strong{overflow:hidden!important;color:#e3eef3!important;font-size:12px!important;font-weight:800!important;text-overflow:ellipsis!important;white-space:nowrap!important}html.hhc-home-route .hhc-home-billing-option{appearance:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:38px!important;padding:6px 10px!important;border:1px solid rgb(137 161 177 / .34)!important;border-radius:6px!important;background:#0e1b2e!important;color:#d8e3ea!important;font:inherit!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important}html.hhc-home-route .hhc-home-billing-option b{color:#f5d391!important;font-size:12px!important;font-weight:850!important}html.hhc-home-route .hhc-home-billing-option[data-selected="1"]{border-color:#d4af37!important;background:rgb(212 175 55 / .16)!important;box-shadow:inset 0 0 0 1px rgb(212 175 55 / .18)!important;color:#fff3d2!important}html.hhc-home-route .hhc-home-billing-option[data-billing="free"][data-selected="1"]{border-color:#34c7b5!important;background:rgb(13 107 107 / .72)!important;color:#fff!important}html.hhc-home-route .hhc-home-billing-option:disabled{opacity:.46!important;cursor:not-allowed!important}html.hhc-home-route .hhc-home-compat-menu{display:grid!important;gap:8px!important;max-width:min(420px, calc(100vw - 24px))!important;max-height:min(420px, calc(100vh - 40px))!important;padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgb(212 175 55 / .46)!important;border-radius:8px!important;background:rgb(3 17 30 / .98)!important;box-shadow:0 18px 48px rgb(0 0 0 / .48),inset 0 1px 0 rgb(255 255 255 / .04)!important;color:#dce8ef!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important;box-sizing:border-box!important;overscroll-behavior:contain!important;z-index:100200!important}html.hhc-home-route .hhc-home-compat-menu>strong{display:block!important;margin:2px 2px 0!important;color:#efc776!important;font-size:11px!important;font-weight:800!important;line-height:1.4!important}html.hhc-home-route .hhc-home-compat-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;min-width:0!important}html.hhc-home-route .hhc-home-compat-option,html.hhc-home-route .hhc-home-compat-menu>button{appearance:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;min-height:40px!important;margin:0!important;padding:8px 11px!important;overflow:hidden!important;border:1px solid rgb(111 151 176 / .3)!important;border-radius:6px!important;background:rgb(11 35 54 / .9)!important;color:#dbe7ed!important;font:inherit!important;font-size:12px!important;font-weight:750!important;line-height:1.25!important;text-align:left!important;text-overflow:ellipsis!important;white-space:normal!important;cursor:pointer!important;box-sizing:border-box!important}html.hhc-home-route .hhc-home-compat-option:hover,html.hhc-home-route .hhc-home-compat-option:focus-visible,html.hhc-home-route .hhc-home-compat-menu>button:hover,html.hhc-home-route .hhc-home-compat-menu>button:focus-visible{border-color:rgb(89 203 220 / .68)!important;background:rgb(14 59 77 / .96)!important;outline:none!important}html.hhc-home-route .hhc-home-compat-option.active,html.hhc-home-route .hhc-home-compat-option[aria-pressed="true"],html.hhc-home-route .hhc-home-compat-menu>button.active,html.hhc-home-route .hhc-home-compat-menu>button[aria-pressed="true"]{border-color:#d4af37!important;background:rgb(212 175 55 / .18)!important;color:#ffe7ad!important;box-shadow:inset 3px 0 0 #d4af37!important}html.hhc-home-route .hanhai-home-menu,html.hhc-home-route .hanhai-home-model-menu,html.hhc-home-route .hanhai-home-spec-menu,html.hhc-home-route .hhc-home-compat-menu{max-width:min(420px, calc(100vw - 32px))!important;max-height:min(420px, calc(100vh - 96px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:100090!important}html.hhc-home-route body.hhv-home-visual .hh-avatar.hhv-user-avatar-synced{display:block!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;aspect-ratio:1 / 1!important;padding:0!important;overflow:hidden!important;border-radius:50%!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;font-size:0!important;line-height:0!important;box-sizing:border-box!important}html.hhc-home-route body.hhv-home-visual .hh-avatar.hhv-user-avatar-synced img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}@media (max-width:980px){html.hhc-home-route .hhc-param-toolbar-0630{grid-template-columns:1fr!important}html.hhc-home-route .hhc-param-toolbar-0630>.hhc-action-group-0630{justify-content:flex-end!important;width:100%!important}html.hhc-home-route .hanhai-home-generator-card,html.hhc-home-route .hanhai-home-generator-wrap,html.hhc-home-route .hanhai-home-toolbar,html.hhc-home-route .hanhai-home-param-group{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}html.hhc-home-route .hanhai-home-toolbar{align-items:stretch!important}html.hhc-home-route .hanhai-home-param-group{width:100%!important}html.hhc-home-route .hhc-home-free-quota{grid-template-columns:repeat(2,minmax(0,1fr))!important;flex-basis:100%!important;width:100%!important;max-width:none!important}html.hhc-home-route .hhc-home-quota-spec{grid-column:1 / -1!important}}@media (max-width:540px){html.hhc-home-route .hanhai-home-param-button{flex:1 1 132px!important;width:auto!important;min-width:0!important;max-width:100%!important}html.hhc-home-route .hhc-home-compat-menu[data-kind="model"] .hhc-home-compat-options{grid-template-columns:minmax(0,1fr)!important}html.hhc-home-route body.hhv-home-visual .hh-avatar.hhv-user-avatar-synced{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important}}@media (max-width:380px){html.hhc-home-route .hhc-home-free-quota{grid-template-columns:minmax(0,1fr)!important}html.hhc-home-route .hhc-home-quota-spec{grid-column:auto!important}html.hhc-home-route .hhc-home-compat-options{grid-template-columns:minmax(0,1fr)!important}}html.hhc-home-route body.home .hh-home-v22{--hhc-lacquer:#061116;--hhc-lacquer-soft:#0a1c24;--hhc-panel:rgba(5, 22, 30, .94);--hhc-panel-soft:rgba(10, 31, 40, .9);--hhc-line:rgba(223, 180, 99, .36);--hhc-line-soft:rgba(116, 202, 210, .24);--hhc-gold:#e3b65f;--hhc-gold-light:#f5d99d;--hhc-cyan:#71dce2;--hhc-pearl:#edf7f7;--hhc-muted:#9eb1ba;color:var(--hhc-pearl)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important}html.hhc-home-route body.home .hh-hero-v22{width:min(1120px, calc(100% - 36px))!important;margin-right:auto!important;margin-left:auto!important}html.hhc-home-route body.home .hh-hero-v22>h1{max-width:880px!important;margin-right:auto!important;margin-left:auto!important;color:var(--hhc-gold-light)!important;font-size:clamp(30px, 3vw, 42px)!important;font-weight:800!important;line-height:1.22!important;letter-spacing:0!important;text-wrap:balance!important;text-shadow:0 3px 24px rgb(0 0 0 / .48)!important}html.hhc-home-route body.home .hh-hero-v22>h1 span{color:#79c9ff!important}html.hhc-home-route body.home .hh-hero-v22>p{max-width:680px!important;margin:14px auto 30px!important;color:#b5c4ca!important;font-size:15px!important;font-weight:650!important;line-height:1.75!important;letter-spacing:0!important;text-shadow:0 2px 14px rgb(0 0 0 / .5)!important}html.hhc-home-route body.home .hanhai-home-generator-wrap{width:min(980px, 100%)!important;margin:30px auto 0!important;border:0!important;border-radius:8px!important;background:transparent!important}html.hhc-home-route body.home .hanhai-home-generator-card{position:relative!important;padding:22px 24px 18px!important;overflow:visible!important;border:1px solid var(--hhc-line)!important;border-radius:8px!important;background:linear-gradient(105deg,rgb(113 220 226 / .035),transparent 32%),linear-gradient(155deg,var(--hhc-panel),rgb(5 16 22 / .97))!important;box-shadow:0 24px 64px rgb(0 0 0 / .34),inset 0 1px 0 rgb(255 255 255 / .055)!important;isolation:isolate!important}html.hhc-home-route body.home .hanhai-home-generator-card::before{content:""!important;position:absolute!important;top:-1px!important;right:28px!important;left:28px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgb(245 217 157 / .88),transparent)!important;pointer-events:none!important}html.hhc-home-route body.home .hanhai-home-generator-main{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:start!important;gap:18px!important;min-height:126px!important}html.hhc-home-route body.home .hanhai-home-ref{display:grid!important;place-content:center!important;gap:5px!important;width:76px!important;min-width:76px!important;height:76px!important;padding:0 8px!important;border:1px solid rgb(113 220 226 / .38)!important;border-radius:8px!important;background:rgb(235 247 247 / .98)!important;color:#36535f!important;box-shadow:0 10px 28px rgb(0 0 0 / .2)!important;font:inherit!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}html.hhc-home-route body.home .hanhai-home-ref:hover,html.hhc-home-route body.home .hanhai-home-ref:focus-visible{border-color:var(--hhc-gold)!important;box-shadow:0 12px 30px rgb(0 0 0 / .26),0 0 0 3px rgb(227 182 95 / .12)!important;outline:none!important;transform:translateY(-1px)!important}html.hhc-home-route body.home .hanhai-home-ref b{color:#527080!important;font-size:24px!important;font-weight:500!important;line-height:1!important}html.hhc-home-route body.home .hanhai-home-ref span{color:#506879!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important}html.hhc-home-route body.home .hanhai-home-prompt{display:block!important;width:100%!important;min-height:116px!important;padding:5px 4px 12px!important;resize:vertical!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--hhc-pearl)!important;font:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.7!important;letter-spacing:0!important;box-shadow:none!important;outline:none!important}html.hhc-home-route body.home .hanhai-home-prompt::placeholder{color:#94a8b3!important;opacity:1!important}html.hhc-home-route body.home .hanhai-home-prompt:focus{color:#fff!important}html.hhc-home-route body.home .hanhai-home-upload-note{display:flex!important;align-items:center!important;min-height:32px!important;margin:0 0 14px 94px!important;padding:7px 10px!important;border:1px solid rgb(113 220 226 / .14)!important;border-radius:6px!important;background:rgb(113 220 226 / .055)!important;color:#9fb2bc!important;font-size:12px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important}html.hhc-home-route body.home .hanhai-home-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:end!important;gap:14px!important;width:100%!important;padding-top:14px!important;border-top:1px solid rgb(223 180 99 / .18)!important}html.hhc-home-route body.home .hanhai-home-param-group,html.hhc-home-route body.home .hanhai-home-action-group{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}html.hhc-home-route body.home .hanhai-home-param-group{flex-wrap:wrap!important}html.hhc-home-route body.home .hanhai-home-action-group{justify-content:flex-end!important}html.hhc-home-route body.home .hanhai-home-param-button,html.hhc-home-route body.home .hanhai-home-points{min-height:40px!important;height:40px!important;padding:0 14px!important;border:1px solid rgb(116 202 210 / .28)!important;border-radius:7px!important;background:rgb(11 36 46 / .88)!important;color:#dce9ec!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .035)!important;font:inherit!important;font-size:13px!important;font-weight:750!important;line-height:1!important;letter-spacing:0!important}html.hhc-home-route body.home .hanhai-home-param-button:hover,html.hhc-home-route body.home .hanhai-home-param-button:focus-visible{border-color:rgb(113 220 226 / .72)!important;background:rgb(14 53 64 / .96)!important;color:#fff!important;outline:none!important}html.hhc-home-route body.home .hanhai-home-points{display:inline-flex!important;align-items:center!important;color:var(--hhc-gold-light)!important;border-color:rgb(227 182 95 / .36)!important}html.hhc-home-route body.home .hanhai-home-submit{display:inline-grid!important;place-items:center!important;min-width:66px!important;height:42px!important;padding:0 17px!important;border:1px solid #e8bd69!important;border-radius:7px!important;background:linear-gradient(180deg,#f0c875,#d5a34b)!important;color:#07141a!important;box-shadow:0 10px 24px rgb(206 151 61 / .24)!important;font:inherit!important;font-size:14px!important;font-weight:850!important;letter-spacing:0!important;transition:filter .18s ease,transform .18s ease!important}html.hhc-home-route body.home .hanhai-home-submit:hover,html.hhc-home-route body.home .hanhai-home-submit:focus-visible{filter:brightness(1.08)!important;outline:none!important;transform:translateY(-1px)!important}html.hhc-home-route body.home .hhc-home-free-quota{border-color:rgb(113 220 226 / .24)!important;background:rgb(5 18 24 / .94)!important}html.hhc-home-route body.home .hhc-home-quota-spec strong{color:#eef8f8!important}html.hhc-home-route body.home .hhc-home-billing-option{border-radius:6px!important;background:rgb(12 37 47 / .95)!important}html.hhc-home-route body.home .hhc-home-compat-menu{overflow:visible auto!important;border-radius:8px!important;background:linear-gradient(145deg,rgb(113 220 226 / .035),transparent 42%),#061820!important;box-shadow:0 24px 58px rgb(0 0 0 / .52),inset 0 1px 0 rgb(255 255 255 / .05)!important}html.hhc-home-route body.home .hhc-home-compat-menu::before{content:""!important;position:absolute!important;left:calc(var(--hhc-menu-anchor-x, 28px) - 7px)!important;width:12px!important;height:12px!important;border-top:1px solid rgb(223 180 99 / .46)!important;border-left:1px solid rgb(223 180 99 / .46)!important;background:#061820!important;transform:rotate(45deg)!important;pointer-events:none!important}html.hhc-home-route body.home .hhc-home-compat-menu[data-placement="bottom"]::before{top:-7px!important}html.hhc-home-route body.home .hhc-home-compat-menu[data-placement="top"]::before{bottom:-7px!important;transform:rotate(225deg)!important}html.hhc-home-route body.home .hh-mode-launch-v22{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:min(1040px, 100%)!important;margin:24px auto 0!important}html.hhc-home-route body.home .hh-mode-card-v22{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;min-height:86px!important;padding:14px 15px!important;overflow:hidden!important;border:1px solid rgb(116 202 210 / .2)!important;border-radius:8px!important;background:linear-gradient(145deg,rgb(8 29 38 / .92),rgb(5 18 25 / .96))!important;color:var(--hhc-pearl)!important;box-shadow:0 16px 36px rgb(0 0 0 / .24),inset 0 1px 0 rgb(255 255 255 / .035)!important;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}html.hhc-home-route body.home .hh-mode-card-v22::after{content:""!important;position:absolute!important;right:0!important;bottom:0!important;left:0!important;height:2px!important;background:linear-gradient(90deg,transparent,rgb(113 220 226 / .72),transparent)!important;opacity:.58!important}html.hhc-home-route body.home .hh-mode-card-v22:nth-child(1)::after,html.hhc-home-route body.home .hh-mode-card-v22:nth-child(4)::after{background:linear-gradient(90deg,transparent,rgb(227 182 95 / .8),transparent)!important}html.hhc-home-route body.home .hh-mode-card-v22:hover,html.hhc-home-route body.home .hh-mode-card-v22:focus-visible{border-color:rgb(227 182 95 / .52)!important;box-shadow:0 20px 44px rgb(0 0 0 / .3),0 0 0 3px rgb(227 182 95 / .08)!important;outline:none!important;transform:translateY(-2px)!important}html.hhc-home-route body.home .hh-mode-icon-v22{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin:0!important;border:1px solid rgb(113 220 226 / .3)!important;border-radius:8px!important;background:#e9f7f6!important;color:#05758a!important;box-shadow:0 8px 20px rgb(0 0 0 / .18)!important;font-style:normal!important;font-size:20px!important;font-weight:800!important}html.hhc-home-route body.home .hh-mode-card-v22:nth-child(1) .hh-mode-icon-v22,html.hhc-home-route body.home .hh-mode-card-v22:nth-child(4) .hh-mode-icon-v22{border-color:rgb(227 182 95 / .4)!important;color:#8a6017!important}html.hhc-home-route body.home .hh-mode-card-v22 span{min-width:0!important}html.hhc-home-route body.home .hh-mode-card-v22 b{display:block!important;margin:0 0 5px!important;color:#e9f3f4!important;font-size:15px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:0!important}html.hhc-home-route body.home .hh-mode-card-v22 small{display:block!important;overflow:hidden!important;color:#91a7b1!important;font-size:11px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;text-overflow:ellipsis!important}html.hhc-home-route body.home .hh-home-block-v22.hh-inspire-v22{width:min(1120px, calc(100% - 36px))!important;margin:56px auto 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}html.hhc-home-route body.home .hh-block-head-v22{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 14px!important;padding:0 0 14px!important;border-bottom:1px solid rgb(223 180 99 / .16)!important}html.hhc-home-route body.home .hh-block-head-v22 h2{margin:0!important;color:var(--hhc-gold-light)!important;font-size:22px!important;font-weight:850!important;line-height:1.25!important;letter-spacing:0!important}html.hhc-home-route body.home .hh-block-head-v22 p{margin:6px 0 0!important;color:#9db0b8!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important}html.hhc-home-route body.home .hh-inspire-tabs-v22{display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:100%!important;margin:0 0 18px!important;padding:4px!important;overflow-x:auto!important;border:1px solid rgb(116 202 210 / .2)!important;border-radius:8px!important;background:rgb(4 16 22 / .88)!important;overscroll-behavior-inline:contain!important}html.hhc-home-route body.home .hh-inspire-tabs-v22 button{flex:0 0 auto!important;min-height:34px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#a9bac1!important;font:inherit!important;font-size:12px!important;font-weight:750!important;letter-spacing:0!important}html.hhc-home-route body.home .hh-inspire-tabs-v22 button:hover,html.hhc-home-route body.home .hh-inspire-tabs-v22 button:focus-visible{background:rgb(113 220 226 / .1)!important;color:#edf8f8!important;outline:none!important}html.hhc-home-route body.home .hh-inspire-tabs-v22 button.active{background:linear-gradient(180deg,#edc36f,#d29c42)!important;color:#07141a!important;box-shadow:0 6px 16px rgb(205 148 54 / .18)!important}html.hhc-home-route body.home .hh-inspire-grid-v22{column-gap:16px!important}html.hhc-home-route body.home .hh-inspire-card-v22{margin-bottom:16px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}@media (max-width:900px){html.hhc-home-route body.home .hanhai-home-toolbar{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}html.hhc-home-route body.home .hanhai-home-action-group{justify-content:space-between!important;width:100%!important}html.hhc-home-route body.home .hh-mode-launch-v22{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:620px){html.hhc-home-route body.home .hh-main{width:calc(100% - 76px)!important;min-width:0!important;margin-left:76px!important}html.hhc-home-route body.home .hh-home-v22{width:100%!important;min-width:0!important;padding-right:12px!important;padding-left:12px!important}html.hhc-home-route body.home .hh-hero-v22{width:calc(100% - 20px)!important}html.hhc-home-route body.home .hh-hero-v22>h1{font-size:clamp(27px, 8.2vw, 34px)!important;line-height:1.3!important}html.hhc-home-route body.home .hh-hero-v22>p{max-width:92%!important;margin-bottom:22px!important;font-size:14px!important}html.hhc-home-route body.home .hanhai-home-generator-card{padding:16px 14px 14px!important}html.hhc-home-route body.home .hanhai-home-generator-main{grid-template-columns:68px minmax(0,1fr)!important;gap:12px!important;min-height:120px!important}html.hhc-home-route body.home .hanhai-home-ref{width:68px!important;min-width:68px!important;height:68px!important}html.hhc-home-route body.home .hanhai-home-prompt{min-height:112px!important;padding-top:2px!important;font-size:15px!important}html.hhc-home-route body.home .hanhai-home-upload-note{margin:0 0 12px!important;font-size:11px!important}html.hhc-home-route body.home .hanhai-home-toolbar{gap:10px!important;padding-top:12px!important}html.hhc-home-route body.home .hanhai-home-param-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}html.hhc-home-route body.home .hanhai-home-param-button{width:100%!important;min-width:0!important;max-width:none!important;padding:0 10px!important;overflow:hidden!important;text-overflow:ellipsis!important}html.hhc-home-route body.home .hanhai-home-param-group .hanhai-home-param-button:first-child:last-child{grid-column:1 / -1!important}html.hhc-home-route body.home .hanhai-home-action-group{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:end!important}html.hhc-home-route body.home .hhc-home-free-quota{grid-column:1 / -1!important;grid-template-columns:minmax(0,1fr)!important}html.hhc-home-route body.home .hhc-home-quota-spec{grid-column:auto!important}html.hhc-home-route body.home .hhc-home-compat-menu{max-width:calc(100vw - 20px)!important;max-height:min(390px, calc(100vh - 36px))!important}html.hhc-home-route body.home .hh-mode-launch-v22{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}html.hhc-home-route body.home .hh-mode-card-v22{min-height:78px!important}html.hhc-home-route body.home .hh-home-block-v22.hh-inspire-v22{width:100%!important;margin-top:42px!important;margin-right:0!important;margin-left:0!important;padding:0!important}html.hhc-home-route body.home .hh-block-head-v22{align-items:flex-start!important;margin-bottom:12px!important}html.hhc-home-route body.home .hh-inspire-tabs-v22{display:flex!important;width:100%!important}}@media (max-width:390px){html.hhc-home-route body.home .hanhai-home-generator-main{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important}html.hhc-home-route body.home .hanhai-home-ref{width:60px!important;min-width:60px!important;height:64px!important}html.hhc-home-route body.home .hanhai-home-ref span{font-size:11px!important}html.hhc-home-route body.home .hanhai-home-param-group{grid-template-columns:minmax(0,1fr)!important}}@media (min-width:901px){html.hhc-home-route body.home .hanhai-home-toolbar,html.hhc-home-route body.home .hhc-param-toolbar-0630{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:stretch!important;gap:12px!important}html.hhc-home-route body.home .hanhai-home-param-group,html.hhc-home-route body.home .hhc-param-toolbar-0630>.hhc-param-group-0630{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;min-width:0!important}html.hhc-home-route body.home .hanhai-home-action-group,html.hhc-home-route body.home .hhc-param-toolbar-0630>.hhc-action-group-0630{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;min-width:0!important}html.hhc-home-route body.home .hhc-home-free-quota{flex:0 1 640px!important;width:min(640px, 100%)!important;max-width:640px!important}}@media (min-width:621px) and (max-width:900px){html.hhc-home-route body.home .hanhai-home-param-group,html.hhc-home-route body.home .hhc-param-toolbar-0630>.hhc-param-group-0630{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}html.hhc-home-route body.home .hanhai-home-param-button,html.hhc-home-route body.home .hhc-param-toolbar-0630>.hhc-param-group-0630 button{width:100%!important;min-width:0!important;max-width:none!important}}html.hhc-home-route body.home .hhc-home-compat-menu,html.hhc-home-route body.home>.hanhai-home-menu,html.hhc-home-route body.home>.hanhai-home-model-menu,html.hhc-home-route body.home>.hanhai-home-spec-menu,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-menu,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-model-menu,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-spec-menu{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:min(360px, calc(100vw - 24px))!important;max-width:min(360px, calc(100vw - 24px))!important;padding:10px!important;overflow-x:hidden!important;border:1px solid rgb(212 175 55 / .58)!important;border-radius:8px!important;background:linear-gradient(155deg,rgb(16 45 56 / .98),rgb(3 17 29 / .99))!important;color:#e8f2f5!important;box-shadow:0 18px 48px rgb(0 0 0 / .52),inset 0 1px 0 rgb(255 255 255 / .055)!important}html.hhc-home-route body.home .hhc-home-compat-menu::before{content:""!important;position:absolute!important;left:calc(var(--hhc-menu-anchor-x, 28px) - 7px)!important;width:12px!important;height:12px!important;border-top:1px solid rgb(212 175 55 / .58)!important;border-left:1px solid rgb(212 175 55 / .58)!important;background:#0c2734!important;transform:rotate(45deg)!important;pointer-events:none!important}html.hhc-home-route body.home .hhc-home-compat-menu[data-placement="bottom"]::before{top:-7px!important}html.hhc-home-route body.home .hhc-home-compat-menu[data-placement="top"]::before{bottom:-7px!important;transform:rotate(225deg)!important}html.hhc-home-route body.home .hhc-home-compat-menu>strong{margin:3px 4px 1px!important;color:#efc873!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important}html.hhc-home-route body.home .hhc-home-compat-options{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important}html.hhc-home-route body.home .hhc-home-compat-option,html.hhc-home-route body.home .hhc-home-compat-menu>button,html.hhc-home-route body.home>.hanhai-home-menu button,html.hhc-home-route body.home>.hanhai-home-model-menu button,html.hhc-home-route body.home>.hanhai-home-spec-menu button,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-menu button,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-model-menu button,html.hhc-home-route body.home .hanhai-home-generator-wrap .hanhai-home-spec-menu button{appearance:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:50px!important;margin:0!important;padding:11px 14px!important;border:1px solid rgb(79 142 169 / .38)!important;border-radius:8px!important;background:linear-gradient(180deg,rgb(14 48 69 / .98),rgb(8 34 52 / .98))!important;color:#e7f2f6!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .035)!important;font:inherit!important;font-size:13px!important;font-weight:760!important;line-height:1.35!important;text-align:left!important;white-space:normal!important}html.hhc-home-route body.home .hhc-home-compat-option:hover,html.hhc-home-route body.home .hhc-home-compat-option:focus-visible,html.hhc-home-route body.home .hhc-home-compat-menu>button:hover,html.hhc-home-route body.home .hhc-home-compat-menu>button:focus-visible{border-color:rgb(104 218 225 / .72)!important;background:linear-gradient(180deg,rgb(17 67 82 / .99),rgb(10 46 65 / .99))!important;color:#fff!important;outline:none!important}html.hhc-home-route body.home .hhc-home-compat-option.active,html.hhc-home-route body.home .hhc-home-compat-option[aria-pressed="true"],html.hhc-home-route body.home .hhc-home-compat-menu>button.active,html.hhc-home-route body.home .hhc-home-compat-menu>button[aria-pressed="true"]{padding-left:11px!important;border-color:#d4af37!important;border-left:5px solid #e6b93f!important;background:linear-gradient(90deg,rgb(126 105 30 / .42),rgb(39 55 38 / .94))!important;color:#fff0bf!important;box-shadow:inset 0 0 0 1px rgb(212 175 55 / .08),0 6px 18px rgb(0 0 0 / .18)!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel{display:block!important;width:min(600px, calc(100vw - 24px))!important;max-width:min(600px, calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;padding:9px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:36px!important;margin:0 0 5px!important;padding:0 2px 7px!important;border-bottom:1px solid rgb(86 158 184 / .24)!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-header>div{display:grid!important;gap:2px!important;min-width:0!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-header strong{color:#f1cf82!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-header span{color:#91aebc!important;font-size:11px!important;line-height:1.3!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-close{appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:1px solid rgb(92 155 177 / .32)!important;border-radius:6px!important;background:rgb(14 45 61 / .88)!important;color:#b9d1da!important;font-size:20px!important;font-weight:500!important;line-height:1!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-close:hover,html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-close:focus-visible{border-color:rgb(239 200 115 / .72)!important;color:#fff1c5!important;outline:none!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-section{display:grid!important;gap:4px!important;margin:0!important;padding:5px 0!important;border:0!important;border-bottom:1px solid rgb(72 132 155 / .18)!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-section:last-child{padding-bottom:0!important;border-bottom:0!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-section>strong{margin:0!important;color:#efc873!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;min-width:0!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-options{grid-template-columns:repeat(6,minmax(0,1fr))!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="type"] .hhc-home-compat-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.hhc-home-route body.home .hhc-home-image-settings-panel .hhc-home-settings-fixed-value{display:flex!important;align-items:center!important;justify-content:center!important;grid-column:1 / -1!important;width:100%!important;min-height:32px!important;padding:5px 8px!important;border:1px solid rgb(246 222 167 / .72)!important;border-radius:6px!important;background:rgb(237 243 245 / .96)!important;color:#102939!important;font-size:11px!important;font-weight:800!important;line-height:1!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;min-height:32px!important;height:32px!important;margin:0!important;padding:5px 6px!important;border:1px solid rgb(75 137 161 / .32)!important;border-radius:6px!important;background:rgb(9 34 51 / .9)!important;color:#dce9ee!important;box-shadow:none!important;font-size:11px!important;font-weight:750!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option::before{content:""!important;display:block!important;flex:0 0 auto!important;width:12px!important;height:9px!important;border:1px solid currentColor!important;border-radius:2px!important;opacity:.82!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="21:9"]::before{width:17px!important;height:7px!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="16:9"]::before{width:16px!important;height:9px!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="1:1"]::before{width:10px!important;height:10px!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="2:3"]::before,html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="3:4"]::before,html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="4:5"]::before,html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-option[data-value="9:16"]::before{width:8px!important;height:12px!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option:hover,html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option:focus-visible{border-color:rgb(93 207 216 / .72)!important;background:rgb(15 57 75 / .98)!important;color:#fff!important;outline:none!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option.active,html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option[aria-pressed="true"]{padding:5px 6px!important;border:1px solid rgb(246 222 167 / .92)!important;background:#eef3f5!important;color:#102939!important;box-shadow:inset 0 0 0 1px rgb(212 175 55 / .2)!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel{display:block!important;width:min(600px, calc(100vw - 24px))!important;max-width:min(600px, calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;padding:9px!important;overflow-x:hidden!important;overflow-y:auto!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:36px!important;margin:0 0 5px!important;padding:0 2px 7px!important;border-bottom:1px solid rgb(86 158 184 / .24)!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-header>div{display:grid!important;gap:2px!important;min-width:0!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-header strong{color:#f1cf82!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-header span{color:#91aebc!important;font-size:11px!important;line-height:1.3!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-close{appearance:none!important;display:grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:1px solid rgb(92 155 177 / .32)!important;border-radius:6px!important;background:rgb(14 45 61 / .88)!important;color:#b9d1da!important;font-size:20px!important;font-weight:500!important;line-height:1!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-section{display:grid!important;gap:4px!important;margin:0!important;padding:5px 0!important;border:0!important;border-bottom:1px solid rgb(72 132 155 / .18)!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-section:last-child{padding-bottom:0!important;border-bottom:0!important}html.hhc-home-route body.home .hhc-home-agent-model-panel .hhc-home-settings-section>strong{margin:0!important;color:#efc873!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html.hhc-home-route body.home .hhc-home-agent-model-panel [data-settings-group="agent-auto"] .hhc-home-compat-options{grid-template-columns:minmax(0,1fr)!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-option{justify-content:flex-start!important;min-height:38px!important;height:auto!important;padding:7px 9px!important;border-radius:6px!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-option.active,html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-option[aria-pressed="true"]{padding:7px 9px!important;border:1px solid rgb(246 222 167 / .92)!important;background:linear-gradient(90deg,rgb(126 105 30 / .42),rgb(39 55 38 / .94))!important;color:#fff0bf!important}@media (max-width:620px){html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:10px!important}html.hhc-home-route body.home .hhc-home-image-settings-panel [data-settings-group="ratio"] .hhc-home-compat-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:10px!important}html.hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html[data-hhv-appearance="day"].hhc-home-route body.home .hhc-home-compat-menu{--hhc-popup-surface:var(--hhv-surface,#111820);--hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);--hhc-popup-text:var(--hhv-ink,#f7f9fc);--hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);--hhc-popup-border:var(--hhv-border-strong,#667687);--hhc-popup-option:var(--hhv-surface,#111820);--hhc-popup-hover:var(--hhv-surface-hover,#253545);--hhc-popup-active:var(--hhv-surface-selected,#253545);--hhc-popup-active-text:var(--hhv-ink,#f7f9fc);--hhc-popup-accent:var(--hhv-link,#edc66e);--hhc-popup-focus:var(--hhv-focus,#9bc7ff);--hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));color-scheme:light!important}html[data-hhv-appearance="hanhai"].hhc-home-route body.home .hhc-home-compat-menu{--hhc-popup-surface:var(--hhv-surface,#111820);--hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);--hhc-popup-text:var(--hhv-ink,#f7f9fc);--hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);--hhc-popup-border:var(--hhv-border-strong,#667687);--hhc-popup-option:var(--hhv-surface,#111820);--hhc-popup-hover:var(--hhv-surface-hover,#253545);--hhc-popup-active:var(--hhv-surface-selected,#253545);--hhc-popup-active-text:var(--hhv-ink,#f7f9fc);--hhc-popup-accent:var(--hhv-link,#edc66e);--hhc-popup-focus:var(--hhv-focus,#9bc7ff);--hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));color-scheme:dark!important}html[data-hhv-appearance="night"].hhc-home-route body.home .hhc-home-compat-menu{--hhc-popup-surface:var(--hhv-surface,#111820);--hhc-popup-surface-end:var(--hhv-surface-subtle,#0b1119);--hhc-popup-text:var(--hhv-ink,#f7f9fc);--hhc-popup-muted:var(--hhv-ink-secondary,#c2cad4);--hhc-popup-border:var(--hhv-border-strong,#667687);--hhc-popup-option:var(--hhv-surface,#111820);--hhc-popup-hover:var(--hhv-surface-hover,#253545);--hhc-popup-active:var(--hhv-surface-selected,#253545);--hhc-popup-active-text:var(--hhv-ink,#f7f9fc);--hhc-popup-accent:var(--hhv-link,#edc66e);--hhc-popup-focus:var(--hhv-focus,#9bc7ff);--hhc-popup-shadow:var(--hhv-shadow,0 8px 28px rgba(0,0,0,.26));color-scheme:dark!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu{isolation:isolate!important;opacity:1!important;border-color:var(--hhc-popup-border)!important;background:var(--hhc-popup-surface)!important;color:var(--hhc-popup-text)!important;box-shadow:var(--hhc-popup-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-color:var(--hhc-popup-border) var(--hhc-popup-surface-end)!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu::before{border-color:var(--hhc-popup-border)!important;background:var(--hhc-popup-surface)!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>strong,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-header strong,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-section>strong{color:var(--hhc-popup-accent)!important;text-shadow:none!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-header span{color:var(--hhc-popup-muted)!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-option,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>button,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-close{border-color:color-mix(in srgb,var(--hhc-popup-border) 58%,transparent)!important;background:var(--hhc-popup-option)!important;color:var(--hhc-popup-text)!important;text-shadow:none!important;opacity:1!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-option:hover,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-option:focus-visible,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>button:hover,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>button:focus-visible,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-close:hover,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-settings-close:focus-visible{border-color:var(--hhc-popup-focus)!important;background:var(--hhc-popup-hover)!important;color:var(--hhc-popup-text)!important;outline:2px solid var(--hhc-popup-focus)!important;outline-offset:1px!important}html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-option.active,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu.hhc-home-agent-model-panel .hhc-home-compat-option[aria-pressed="true"],html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option.active,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu.hhc-home-image-settings-panel .hhc-home-compat-option[aria-pressed="true"],html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-option.active,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-option[aria-pressed="true"],html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>button.active,html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu>button[aria-pressed="true"]{border-color:var(--hhc-popup-accent)!important;border-left-color:var(--hhc-popup-accent)!important;background:var(--hhc-popup-active)!important;color:var(--hhc-popup-active-text)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hhc-popup-accent) 26%,transparent)!important}@media (prefers-reduced-motion:reduce){html.hhc-home-route body.home .hanhai-home-ref,html.hhc-home-route body.home .hanhai-home-submit,html.hhc-home-route body.home .hh-mode-card-v22{transition:none!important}}

/* Home controls use the same semantic surfaces as Brand 0.3.16. */
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) {
    background: var(--hhc-popup-surface) !important;
    border-color: var(--hhc-popup-border) !important;
    color: var(--hhc-popup-text) !important;
    box-shadow: var(--hhc-popup-shadow) !important;
    scrollbar-color: var(--hhv-border-strong) var(--hhv-surface) !important;
    scrollbar-gutter: stable;
}
html[data-hhv-appearance].hhc-home-route body.home .hhc-home-compat-menu[data-placement="viewport"]::before {
    display: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(button,b,strong,small,span,em) {
    text-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-home-compat-option,.hhc-agent-model-card,.hhc-agent-model-trigger,.hhc-agent-preference-choice,.hhc-home-settings-fixed-value,.hhc-home-settings-close) {
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-home-compat-option,.hhc-agent-model-card,.hhc-agent-preference-choice) {
    height: auto !important;
    min-height: 38px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-home-compat-option,.hhc-agent-model-card,.hhc-agent-model-trigger,.hhc-agent-preference-choice,.hhc-home-settings-close):hover:not(:disabled) {
    background: var(--hhv-surface-hover) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border-strong) !important;
    outline: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) button:focus-visible {
    outline: 2px solid var(--hhv-focus) !important;
    outline-offset: -3px !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-home-compat-option,.hhc-agent-model-card,.hhc-agent-preference-choice):is(.active,.is-active,[aria-pressed="true"]) {
    background: var(--hhv-surface-selected) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-focus) !important;
    box-shadow: inset 3px 0 0 var(--hhv-focus) !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-home-settings-header,.hhc-home-settings-section,.hhc-agent-preference-header,.hhc-agent-preference-section) {
    border-color: var(--hhv-border) !important;
    background: var(--hhv-surface) !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(b,strong,.hhc-agent-model-card i) {
    color: var(--hhv-ink) !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(small,em,.hhc-home-settings-header span,.hhc-agent-preference-header p) {
    color: var(--hhv-ink-secondary) !important;
    overflow: visible !important;
    white-space: normal !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell) :is(.hhc-agent-model-trigger,.hhc-agent-auto-toggle) {
    border-color: var(--hhv-border-strong) !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hhc-agent-model-icon {
    background: var(--hhv-surface-hover) !important;
    border-color: var(--hhv-border) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hhc-agent-preference-status {
    background: var(--hhv-surface-subtle) !important;
    border-color: var(--hhv-border) !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hhc-agent-preference-status > span {
    background: var(--hhv-warning) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hhc-agent-preference-status:is(.is-ready,.is-handoff) > span {
    background: var(--hhv-success) !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-generator-main,.hanhai-home-toolbar,.hanhai-home-param-group,.hanhai-home-action-group,.hhc-param-toolbar-0630,.hhc-param-group-0630,.hhc-action-group-0630) {
    min-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-param-group,.hhc-param-group-0630) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-param-button,.hhc-param-toolbar-0630 button:not([data-submit-task]):not([data-home-submit]):not(.hanhai-home-submit)) {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 12px !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-param-button,.hhc-param-toolbar-0630 button:not([data-submit-task]):not([data-home-submit]):not(.hanhai-home-submit)) * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    color: inherit !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-param-button,.hanhai-home-ref,.hhc-home-preview-add,.hhc-home-frame-slot,.hhc-home-settings-close):focus-visible {
    outline: 2px solid var(--hhv-focus) !important;
    outline-offset: 2px !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-param-button,.hanhai-home-ref,.hhc-home-preview-add,.hhc-home-frame-slot):hover:not(:disabled) {
    background: var(--hhv-surface-hover) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border-strong) !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-ref {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 96px !important;
    padding: 10px 8px !important;
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-ref > :is(b,span) {
    color: inherit !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1.4 !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main [data-home-prompt] {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 140px !important;
    resize: vertical !important;
    background: transparent !important;
    color: var(--hhv-ink) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home [data-home-prompt]::placeholder {
    color: var(--hhv-ink-secondary) !important;
    opacity: 1 !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-ref-note,[data-home-note]) {
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink-secondary) !important;
    border-color: var(--hhv-border) !important;
    box-shadow: none !important;
    line-height: 1.6 !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-preview-card,.hhc-home-preview-add,.hhc-home-frame-slot,.hhc-home-frame-slot.is-empty) {
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink) !important;
    border-color: var(--hhv-border-strong) !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-preview-card span,.hhc-home-frame-arrow) {
    color: var(--hhv-ink-secondary) !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-preview-card,.hhc-home-frame-slot)::before {
    background: var(--hhv-surface) !important;
    color: var(--hhv-ink) !important;
    border: 1px solid var(--hhv-border) !important;
    box-shadow: var(--hhv-shadow) !important;
    min-width: 0 !important;
    max-width: min(280px, calc(100vw - 32px)) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell,.hanhai-home-generator-card) :is(button:disabled,[aria-disabled="true"]) {
    background: var(--hhv-surface-subtle) !important;
    color: var(--hhv-ink-secondary) !important;
    border-color: var(--hhv-border) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}
html[data-hhv-appearance].hhc-home-route body.home :is(.hhc-home-compat-menu,.hhc-home-agent-preference-shell,.hanhai-home-generator-card) :is(button:disabled,[aria-disabled="true"]) * {
    color: inherit !important;
}
@media (max-width: 620px) {
    html[data-hhv-appearance].hhc-home-route body.home :is(.hanhai-home-action-group,.hhc-action-group-0630) {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-ref {
        flex-basis: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
    }
    html[data-hhv-appearance].hhc-home-route body.home .hhc-agent-model-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html[data-hhv-appearance].hhc-home-route body.home .hhc-home-free-quota {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Home044: reference controls occupy their own flow row, never the prompt. */
html.hhc-home-route body.home .hanhai-home-generator-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:0!important;min-width:0!important}
html.hhc-home-route body.home .hhc-home-reference-strip{display:flex!important;align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important;position:relative!important;width:100%!important;min-width:0!important;z-index:auto!important}
html.hhc-home-route body.home .hhc-home-reference-strip>.hanhai-home-ref{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;flex:0 0 88px!important;width:88px!important;height:88px!important;min-height:88px!important;max-height:88px!important;z-index:auto!important}
html.hhc-home-route body.home .hhc-home-reference-strip>.hanhai-home-ref[hidden]{display:none!important}
html.hhc-home-route body.home .hanhai-home-prompt{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 16px!important;min-height:138px!important;resize:vertical!important;align-self:stretch!important}
html.hhc-home-route body.home .hanhai-home-upload-note{margin:12px 0!important;width:100%!important;box-sizing:border-box!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.hhc-home-route body.home .hhc-home-reference-items{display:flex!important;gap:12px!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
html.hhc-home-route body.home .hhc-home-frame-control{position:relative!important;flex:0 0 104px!important}
html.hhc-home-route body.home .hhc-home-frame-pick{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:104px!important;height:104px!important;box-sizing:border-box!important;border:1px dashed var(--hhv-border-strong,#65778c)!important;border-radius:12px!important;background:var(--hhv-surface,#131b25)!important;color:var(--hhv-ink,#eef4ff)!important;cursor:pointer!important;padding:8px!important;overflow:hidden!important}
html.hhc-home-route body.home .hhc-home-frame-pick img{width:66px!important;height:66px!important;object-fit:cover!important;border-radius:7px!important}
html.hhc-home-route body.home .hhc-home-frame-pick b{font-size:24px!important}
html.hhc-home-route body.home .hhc-home-frame-pick span{font-size:12px!important;font-weight:700!important}
html.hhc-home-route body.home .hhc-home-slot-remove{position:absolute!important;right:-5px!important;top:-5px!important;width:26px!important;height:26px!important;border-radius:50%!important;border:1px solid var(--hhv-border-strong,#65778c)!important;background:var(--hhv-surface,#131b25)!important;color:var(--hhv-ink,#eef4ff)!important;z-index:2!important;cursor:pointer!important}
html.hhc-home-route body.home .hhc-home-reference-strip .hhc-home-preview-tile{width:88px!important;min-width:0!important;position:relative!important}
html.hhc-home-route body.home .hhc-home-reference-strip .hhc-home-preview-card{position:relative!important;inset:auto!important;width:80px!important;height:80px!important;transform:none!important;margin:0!important;z-index:auto!important}
html.hhc-home-route body.home .hhc-home-reference-strip .hhc-home-preview-card:hover{width:80px!important;height:80px!important;transform:none!important}
html.hhc-home-route body.home .hhc-home-reference-strip .hhc-home-preview-name{font-size:11px!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:5px!important}
html.hhc-home-route body.home .hhc-home-preview-remove{opacity:1!important}
html.hhc-home-route body.home .hhc-home-frame-pick:focus-visible,html.hhc-home-route body.home .hhc-home-slot-remove:focus-visible{outline:2px solid var(--hhv-focus,#9bc7ff)!important;outline-offset:3px!important}
@media(max-width:640px){html.hhc-home-route body.home .hanhai-home-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}html.hhc-home-route body.home .hanhai-home-param-group{flex-wrap:wrap!important;width:100%!important}html.hhc-home-route body.home .hanhai-home-actions{justify-content:flex-end!important;width:100%!important}html.hhc-home-route body.home .hanhai-home-prompt{min-height:120px!important}}

/* Home shares compact reference controls while retaining existing role/handoff contracts. */
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-strip{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-strip > .hanhai-home-ref{flex:0 0 112px!important;width:112px!important;min-width:0!important;max-width:112px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:6px!important;gap:3px!important;box-shadow:none!important;transform:none!important;transition:border-color .15s!important;border:1px dashed var(--hhv-border,#cbd5e1)!important;background:var(--hhv-surface,#fff)!important;color:var(--hhv-ink,#17263a)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hanhai-home-ref :is(b,span){color:inherit!important;font-size:12px!important;line-height:1.3!important;background:transparent!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-items{display:flex!important;align-items:flex-start!important;flex:1 1 0!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px!important;scrollbar-width:thin;overscroll-behavior-x:contain}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-items:empty{display:none!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-control{position:relative!important;flex:0 0 112px!important;width:112px!important;max-width:112px!important;margin:0!important;padding:0!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:112px!important;height:64px!important;min-height:64px!important;padding:0!important;overflow:hidden!important;transform:none!important;box-shadow:none!important;border:1px dashed var(--hhv-border,#cbd5e1)!important;background:var(--hhv-surface,#fff)!important;color:var(--hhv-ink,#17263a)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick b{font-size:16px!important;line-height:1!important;color:inherit!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick span{position:relative!important;z-index:1!important;font-size:12px!important;line-height:1.4!important;padding:1px 5px!important;border-radius:4px!important;background:var(--hhv-surface,#fff)!important;color:var(--hhv-ink,#17263a)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick:has(img) span{position:absolute!important;left:4px!important;bottom:4px!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-tile{flex:0 0 64px!important;width:64px!important;min-width:64px!important;margin:0!important;padding:0!important;transform:none!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-card,html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-card:is(:hover,:focus-within){position:relative!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;box-shadow:none!important;transition:none!important;border:1px solid var(--hhv-border,#cbd5e1)!important;background:var(--hhv-surface,#fff)!important;color:var(--hhv-ink,#17263a)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-card::before,html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-card::after{content:none!important;display:none!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-preview-name{max-width:64px!important;font-size:11px!important;line-height:1.3!important;margin-top:3px!important;color:var(--hhv-ink-secondary,#667085)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main :is(.hhc-home-slot-remove,.hhc-home-preview-remove){position:absolute!important;top:2px!important;right:2px!important;width:32px!important;height:32px!important;min-width:0!important;min-height:0!important;opacity:1!important;transform:none!important;margin:0!important;padding:0!important;z-index:2!important;border:1px solid var(--hhv-border,#cbd5e1)!important;border-radius:6px!important;background:var(--hhv-surface,#fff)!important;color:var(--hhv-ink,#17263a)!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-card .hanhai-home-upload-note{display:block!important;min-height:0!important;width:100%!important;margin:6px 0 0!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;color:var(--hhv-ink-secondary,#667085)!important;font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main.hhc-drop-active{outline:2px dashed var(--hhv-focus,#11a6d8)!important;outline-offset:2px!important;background:transparent!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main.hhc-drop-active::after{display:none!important;content:none!important}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main :is(.hanhai-home-ref,.hhc-home-frame-pick,.hhc-home-slot-remove,.hhc-home-preview-remove):focus-visible{outline:2px solid var(--hhv-focus,#11a6d8)!important;outline-offset:1px!important}
@media(max-width:600px){html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-strip > .hanhai-home-ref{width:104px!important;max-width:104px!important;flex-basis:104px!important}html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-control{width:104px!important;max-width:104px!important;flex-basis:104px!important}html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-frame-pick{width:104px!important}html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main :is(.hhc-home-slot-remove,.hhc-home-preview-remove){width:44px!important;height:44px!important}}

.hhref-strip{--hhref-surface:var(--hhv-surface,#121c24)!important;--hhref-text:var(--hhv-ink,#eff6fc)!important;--hhref-border:var(--hhv-border-strong,#536575)!important;display:flex!important;align-items:flex-start!important;gap:12px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;min-width:0!important;max-width:100%!important;padding:14px 6px!important}
.hhref-card{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 128px!important;width:128px!important;min-width:128px!important;height:auto!important;overflow:visible!important;background:transparent!important;border:0!important;gap:4px!important}
.hhref-card button{box-sizing:border-box!important;position:static!important;transform:none!important;transition:none!important;min-height:44px!important;margin:0!important;padding:4px 6px!important;cursor:pointer!important;box-shadow:none!important}
.hhref-card .hhref-visual{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:128px!important;height:80px!important;min-height:80px!important;padding:0!important;overflow:visible!important;background:var(--hhref-surface,#121c24)!important;border:1px solid var(--hhref-border,#536575)!important;border-radius:10px!important;z-index:1}
.hhref-visual img,.hhref-visual video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important;transform:scale(var(--hhref-scale,1))!important;transform-origin:center!important;transition:transform .16s ease!important;background:var(--hhref-surface,#121c24)!important;pointer-events:none!important}
.hhref-card:hover .hhref-visual{z-index:3}.hhref-kind-icon{color:var(--hhref-text,#eff6fc);font-size:22px;pointer-events:none}.hhref-visual .hhref-kind-icon{position:absolute;inset:auto}
.hhref-actions{display:flex!important;gap:4px!important;align-items:stretch!important}.hhref-actions .hhref-mention{flex:1!important;color:var(--hhref-text,#eff6fc)!important;background:var(--hhref-surface,#121c24)!important;border:1px solid var(--hhref-border,#536575)!important;border-radius:7px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important}
.hhref-actions .hhref-remove{flex:0 0 44px!important;width:44px!important;min-width:44px!important;color:var(--hhref-text,#eff6fc)!important;background:var(--hhref-surface,#121c24)!important;border:1px solid var(--hhref-border,#536575)!important;border-radius:7px!important;font-size:22px!important}
.hhref-card .hhref-replace{color:var(--hhref-text,#eff6fc)!important;background:transparent!important;border:1px dashed var(--hhref-border,#536575)!important;border-radius:7px!important;font-size:12px!important;min-height:32px!important}
.hhref-card input[hidden]{display:none!important}.hhref-card.hh-ref-drop-target,.hhref-card.hhref-drop-target{outline:2px solid #59c2e8!important;outline-offset:4px!important}
.hhref-role{position:absolute;left:4px;top:4px;padding:3px 5px;background:#101c29;color:#fff;font-size:11px;border-radius:5px;pointer-events:none}.hhref-drag-handle{position:absolute;right:4px;top:4px;z-index:4;font-size:11px;padding:2px 4px;text-align:center;cursor:grab;color:#eff6fc;background:#122231;border-radius:5px;line-height:18px}
.hhref-card button:focus-visible{outline:2px solid #59c2e8!important;outline-offset:2px!important}
.hhref-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.86)!important;padding:16px!important;color:#eef6ff!important;box-sizing:border-box!important}
.hhref-modal-panel{display:flex!important;flex-direction:column!important;width:min(1200px,96vw)!important;height:min(900px,94vh)!important;background:#10171e!important;border:1px solid #627587!important;border-radius:14px!important;overflow:hidden!important}
.hhref-modal-top,.hhref-modal-tools{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;padding:10px 14px!important;flex-wrap:wrap!important}.hhref-modal-top strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px/1.4 sans-serif}
.hhref-modal button{position:static!important;min-width:44px!important;min-height:44px!important;transform:none!important;cursor:pointer!important;color:#eef6ff!important;background:#20303e!important;border:1px solid #688095!important;border-radius:8px!important;padding:8px 12px!important;font:500 14px/1.2 sans-serif!important}
.hhref-modal-body{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto;background:#080c10}.hhref-full-image{width:100%;height:100%;object-fit:contain;transform-origin:center;flex:none;max-width:none!important;max-height:none!important}.hhref-full-media{width:100%;height:100%;max-height:100%;object-fit:contain}.hhref-full-document{width:100%;height:100%;border:0}.hhref-full-text{align-self:stretch;width:100%;padding:18px;overflow:auto;white-space:pre-wrap;color:#eef6ff;background:#10171e}.hhref-preview-error{position:absolute;bottom:12px;background:#172630;padding:8px;color:white}
.hhref-chooser{position:fixed!important;z-index:2147482000!important;background:#15222d!important;color:#f3f8fd!important;border:1px solid #688095!important;border-radius:10px!important;padding:6px!important;box-shadow:0 8px 28px #0008!important;overflow:auto!important;box-sizing:border-box!important}
.hhref-option{display:block!important;position:static!important;transform:none!important;width:100%!important;min-height:44px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:0!important;background:transparent!important;color:#f3f8fd!important;padding:10px!important;border-radius:6px!important;font:500 14px/1.2 sans-serif!important;cursor:pointer!important}.hhref-option:hover,.hhref-option.is-active{background:#275269!important}.hhref-empty,.hhref-feedback{padding:8px;font-size:13px}
html[data-hanhai-theme="light"] .hhref-strip,body.hanhai-theme-light .hhref-strip{--hhref-surface:#f4f7fa;--hhref-text:#15212b;--hhref-border:#788b9c}
@media(max-width:520px){.hhref-strip{gap:10px!important}.hhref-card{flex-basis:112px!important;width:112px!important;min-width:112px!important}.hhref-card .hhref-visual{width:112px!important;height:76px!important;min-height:76px!important}.hhref-card .hhref-replace{min-height:44px!important}.hhref-modal{padding:6px!important}.hhref-modal-panel{width:100%!important;height:96vh!important}.hhref-modal-top strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hhref-visual img,.hhref-visual video{transition:none!important;transform:none!important}}

/* Append after Home's existing compact overrides and the shared reference CSS. */
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-items.hhref-strip {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  flex-wrap: wrap !important;
  padding: 12px 4px !important;
  gap: 12px !important;
}
html[data-hhv-appearance].hhc-home-route body.home .hanhai-home-generator-main .hhc-home-reference-role {
  display: block !important;
  color: var(--hhv-ink-secondary, #667085) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Compact caret-adjacent @ menu; native reference cards unchanged. */
.hhref-chooser{max-width:240px!important;padding:4px!important;border-radius:7px!important;box-shadow:0 4px 14px #0005!important}
.hhref-option{min-height:32px!important;padding:6px 8px!important;font:500 12px/1.25 sans-serif!important;border-radius:4px!important}
.hhref-empty{padding:6px!important;font-size:12px!important}
@media(max-width:520px){.hhref-option{min-height:44px!important}}


/* S09 Home059: model options show only the public product name. Theme tokens stay authoritative. */
html.hhc-home-route body.home :is(.hhc-agent-model-trigger,.hhc-agent-model-card){min-height:40px;gap:8px}
html.hhc-home-route body.home .hhc-agent-model-card{min-height:40px;padding:8px!important}
html.hhc-home-route body.home :is(.hhc-agent-model-trigger,.hhc-agent-model-card)>span:nth-child(2){min-width:0}
html.hhc-home-route body.home :is(.hhc-agent-model-trigger,.hhc-agent-model-card) b{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
html.hhc-home-route body.home .hhc-agent-model-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));max-height:min(280px,45vh);align-items:stretch}
html.hhc-home-route body.home .hhc-home-compat-menu[data-kind="model"]{max-width:calc(100vw - 24px)}
html.hhc-home-route body.home .hhc-home-compat-menu[data-kind="model"] .hhc-home-compat-option{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:start;line-height:1.35}
@media(max-width:620px){html.hhc-home-route body.home .hhc-agent-model-list{grid-template-columns:minmax(0,1fr)}}