:root {
    color-scheme: light;
}

body.x-cg-skin {
    --text: #111214;
    --sub: #62656a;
    --soft: #96999f;
    --line: #e6e7e9;
    --chip: #f3f4f5;
    --active: #111214;
    --active-text: #ffffff;
    --success: #287a4d;
    --error: #b13d3d;
    --pending: #8a631a;
    min-height: 100vh;
    color: var(--text);
    background: #ffffff;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body.x-cg-skin::before,
body.x-cg-skin::after {
    display: none;
}

body.x-cg-skin .page {
    width: min(1180px, calc(100% - 64px));
    padding: 34px 0 96px;
}

body.x-cg-skin .topbar {
    position: fixed;
    left: 18px;
    top: calc(50% - 66px);
    z-index: 90;
    margin: 0;
    transform: none;
}

body.x-cg-skin .topbar-actions {
    width: 52px;
    padding: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 6px;
    border: 1px solid #e5e6e8;
    border-radius: 28px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 38px rgba(17, 18, 20, .08);
    backdrop-filter: none;
}

body.x-cg-skin .topbar-actions > .notice-trigger,
body.x-cg-skin .topbar-actions > .pricing-top-link,
body.x-cg-skin .topbar-actions > .account-credit-pill {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #797d83;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .topbar-actions > .notice-trigger:hover,
body.x-cg-skin .topbar-actions > .pricing-top-link:hover,
body.x-cg-skin .topbar-actions > .account-credit-pill:hover {
    transform: none;
    color: #111214;
    background: #f0f1f2;
}

body.x-cg-skin .topbar-actions > .notice-trigger > span:not(.infinite-canvas-beta-badge),
body.x-cg-skin .topbar-actions > .pricing-top-link > span:not(.pricing-top-link-icon),
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-value,
body.x-cg-skin .topbar-actions > .notice-trigger .infinite-canvas-beta-badge {
    display: none;
}

body.x-cg-skin .topbar-actions > .notice-trigger svg,
body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon svg,
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt svg {
    width: 17px;
    height: 17px;
}

body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon,
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 12px;
    background: transparent;
    color: currentColor;
    box-shadow: none;
}

body.x-cg-skin .topbar-actions > .pricing-top-link {
    margin: 0;
}

body.x-cg-skin .topbar-actions > .account-shell {
    position: fixed;
    top: 20px;
    right: 24px;
}

body.x-cg-skin .account-link,
body.x-cg-skin .account-trigger {
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid #dedfe1;
    border-radius: 999px;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .account-link:hover,
body.x-cg-skin .account-trigger:hover,
body.x-cg-skin .account-user.open .account-trigger {
    transform: none;
    border-color: #111214;
    background: #2a2c30;
}

body.x-cg-skin .account-avatar,
body.x-cg-skin .account-head-avatar {
    background: #f0f1f2;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin .account-copy,
body.x-cg-skin .account-name,
body.x-cg-skin .account-note {
    color: inherit;
}

body.x-cg-skin .account-note {
    color: rgba(255, 255, 255, .64);
}

body.x-cg-skin .account-caret {
    border-color: currentColor;
}

body.x-cg-skin .account-popover {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 24px 60px rgba(17, 18, 20, .14);
    backdrop-filter: blur(18px);
}

body.x-cg-skin .account-head,
body.x-cg-skin .account-stat,
body.x-cg-skin .account-item {
    border-color: #e7e8ea;
    background: #f7f7f8;
    color: #111214;
}

body.x-cg-skin .account-head-note,
body.x-cg-skin .account-stat-label,
body.x-cg-skin .account-item-note {
    color: #777a80;
}

body.x-cg-skin .account-item:hover {
    transform: none;
    border-color: #d2d4d7;
    background: #f0f1f2;
}

body.x-cg-skin .account-promo-badge {
    border-color: #d9dade;
    background: #eceef0;
    color: #494c52;
    box-shadow: none;
}

body.x-cg-skin .account-logout {
    border-color: #e1caca;
    background: #fff7f7;
    color: #a43d3d;
}

body.x-cg-skin .account-logout:hover {
    transform: none;
    border-color: #d9aaaa;
    background: #fff0f0;
}

body.x-cg-skin .mobile-top-menu {
    display: none;
}

body.x-cg-skin .h3-admin-banner,
body.x-cg-skin .system-announcement {
    border-color: #e1e2e4;
    background: #f7f7f8;
    color: #4e5157;
    box-shadow: 0 10px 28px rgba(17, 18, 20, .05);
    backdrop-filter: none;
}

body.x-cg-skin .h3-admin-banner-mark,
body.x-cg-skin .system-announcement-badge,
body.x-cg-skin .invite-marquee-badge {
    border: 0;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .h3-admin-banner-text,
body.x-cg-skin .system-announcement-text,
body.x-cg-skin .system-announcement-arrow {
    color: #4e5157;
}

body.x-cg-skin .h3-admin-banner-action {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(17, 18, 20, .16);
}

body.x-cg-skin .h3-admin-banner-action:hover {
    border-color: #303238;
    background: #303238;
    color: #ffffff;
}

body.x-cg-skin .invite-marquee {
    margin: 0 auto 30px;
    border-color: #e1e2e4;
    background: #fafafa;
    color: #3d4045;
    box-shadow: none;
}

body.x-cg-skin .invite-marquee:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(17, 18, 20, .06);
}

body.x-cg-skin .invite-marquee-copy,
body.x-cg-skin .invite-marquee-link,
body.x-cg-skin .invite-marquee-copy i {
    color: #3d4045;
}

body.x-cg-skin .hero {
    padding-top: 56px;
}

body.x-cg-skin .mark {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
    border: 1px solid #e1e2e4;
    border-radius: 21px;
    background: #fafafa;
    box-shadow: none;
}

body.x-cg-skin .mark::before {
    border-color: #d9dade;
}

body.x-cg-skin .mark::after {
    background: #111214;
    box-shadow: -22px 28px 0 0 #b9bdc3, -30px 12px 0 -2px #d1d3d6;
}

body.x-cg-skin .banana-logo {
    font-size: 37px;
    filter: grayscale(1);
}

body.x-cg-skin .hero h1 {
    color: #111214;
    font-size: clamp(38px, 5vw, 58px);
    letter-spacing: -.045em;
}

body.x-cg-skin .hero p {
    margin-top: 16px;
    color: #777a80;
}

body.x-cg-skin .composer-wrap {
    width: min(800px, 100%);
    margin-top: 52px;
}

body.x-cg-skin .composer {
    border-color: #dedfe1;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(17, 18, 20, .08);
    backdrop-filter: none;
}

body.x-cg-skin .composer::before,
body.x-cg-skin .composer::after {
    display: none;
}

body.x-cg-skin .composer-inner {
    padding: 12px;
}

body.x-cg-skin .tabs {
    border-color: #e6e7e9;
    background: #f4f5f6;
}

body.x-cg-skin .tab {
    color: #777a80;
}

body.x-cg-skin .tab.active {
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .tab-feature-badge {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .composer-body {
    border-top: 1px solid #f0f1f2;
}

body.x-cg-skin .upload,
body.x-cg-skin .preview-thumb,
body.x-cg-skin .video-reference-summary-chip,
body.x-cg-skin .video-reference-summary-total,
body.x-cg-skin .video-skill-chip,
body.x-cg-skin .admin-side-editor-region-tag {
    border-color: #dedfe1;
    background: #fafafa;
    color: #5d6066;
    box-shadow: none;
}

body.x-cg-skin .upload:hover,
body.x-cg-skin .preview-item:hover .preview-thumb,
body.x-cg-skin .admin-side-editor-region-tag:hover,
body.x-cg-skin .admin-side-editor-region-tag.active {
    border-color: #bfc2c7;
    background: #f2f3f4;
    box-shadow: none;
}

body.x-cg-skin .prompt,
body.x-cg-skin .prompt-input,
body.x-cg-skin textarea,
body.x-cg-skin input,
body.x-cg-skin select,
body.x-cg-skin .ecom-select {
    border-color: #e1e2e4;
    background: #ffffff;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin textarea::placeholder,
body.x-cg-skin input::placeholder {
    color: #a3a6ab;
}

body.x-cg-skin .prompt:focus,
body.x-cg-skin .prompt-input:focus,
body.x-cg-skin textarea:focus,
body.x-cg-skin input:focus,
body.x-cg-skin select:focus {
    border-color: #999da3;
    box-shadow: 0 0 0 3px rgba(17, 18, 20, .06);
}

body.x-cg-skin .ecom-label,
body.x-cg-skin .ecom-analysis-note,
body.x-cg-skin .video-reference-summary,
body.x-cg-skin .agent-trace-title,
body.x-cg-skin .agent-trace-phase {
    color: #777a80;
}

body.x-cg-skin .ecom-select option,
body.x-cg-skin .model-menu,
body.x-cg-skin .image-size-menu,
body.x-cg-skin .ratio-menu,
body.x-cg-skin .nano-visual-menu,
body.x-cg-skin .reference-mention-menu {
    background: #ffffff;
    color: #111214;
}

body.x-cg-skin .model-trigger,
body.x-cg-skin .ratio-trigger,
body.x-cg-skin .image-size-trigger,
body.x-cg-skin .output-count-trigger,
body.x-cg-skin .chip,
body.x-cg-skin .agent-mode-toggle,
body.x-cg-skin .video-option-trigger {
    border-color: #dedfe1;
    background: #f7f7f8;
    color: #303238;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .model-trigger:hover,
body.x-cg-skin .ratio-trigger:hover,
body.x-cg-skin .image-size-trigger:hover,
body.x-cg-skin .output-count-trigger:hover,
body.x-cg-skin .agent-mode-toggle:hover,
body.x-cg-skin .video-option-trigger:hover {
    transform: none;
    border-color: #bfc2c7;
    background: #f0f1f2;
}

body.x-cg-skin .model-name,
body.x-cg-skin .model-note,
body.x-cg-skin .ratio-trigger-value,
body.x-cg-skin .image-size-trigger-value,
body.x-cg-skin .output-count-trigger-value,
body.x-cg-skin .chip,
body.x-cg-skin .agent-mode-toggle,
body.x-cg-skin .video-option-trigger,
body.x-cg-skin .model-option,
body.x-cg-skin .ratio-option,
body.x-cg-skin .nano-visual-size-tab,
body.x-cg-skin .nano-visual-aspect {
    color: #303238;
}

body.x-cg-skin .model-note {
    color: #8a8d93;
}

body.x-cg-skin .model-badge {
    border-color: #d5d7da;
    background: #f0f1f2;
    color: #62656a;
}

body.x-cg-skin .model-option.active .model-badge {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
}

body.x-cg-skin .model-option:disabled .model-badge {
    border-color: #e1e2e4;
    background: #f7f7f8;
    color: #8a8d93;
}

body.x-cg-skin .model-menu,
body.x-cg-skin .image-size-menu,
body.x-cg-skin .ratio-menu,
body.x-cg-skin .nano-visual-menu,
body.x-cg-skin .reference-mention-menu {
    border-color: #dedfe1;
    box-shadow: 0 20px 46px rgba(17, 18, 20, .14);
}

body.x-cg-skin .model-option:hover,
body.x-cg-skin .model-option.active,
body.x-cg-skin .ratio-option:hover,
body.x-cg-skin .ratio-option.active,
body.x-cg-skin .nano-visual-size-tab:hover,
body.x-cg-skin .nano-visual-size-tab.active,
body.x-cg-skin .nano-visual-aspect:hover,
body.x-cg-skin .nano-visual-aspect.active,
body.x-cg-skin .reference-mention-item:hover,
body.x-cg-skin .reference-mention-item.is-active {
    border-color: #d5d7da;
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin .model-trigger::after,
body.x-cg-skin .ratio-trigger::after,
body.x-cg-skin .image-size-trigger::after,
body.x-cg-skin .output-count-trigger::after {
    border-color: #6f7379;
}

body.x-cg-skin .model-glyph-video,
body.x-cg-skin .model-glyph-xai,
body.x-cg-skin .model-glyph-grok {
    filter: grayscale(1);
}

body.x-cg-skin .agent-mode-toggle[aria-checked="true"] {
    border-color: #111214;
    background: #f0f1f2;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin .agent-mode-toggle[aria-checked="true"] .agent-mode-switch {
    background: #111214;
}

body.x-cg-skin .agent-mode-help-trigger {
    border-color: #b4b7bc;
    background: #ffffff;
    color: #5b5f65;
    box-shadow: none;
}

body.x-cg-skin .agent-mode-help-popover {
    border-color: #d9dade;
    background: #ffffff;
    color: #5d6066;
    box-shadow: 0 20px 46px rgba(17, 18, 20, .14);
}

body.x-cg-skin .agent-mode-help-title {
    color: #111214;
}

body.x-cg-skin .prompt-optimize-btn {
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .prompt-optimize-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(17, 18, 20, .16);
}

body.x-cg-skin .send,
body.x-cg-skin .nano-primary-btn,
body.x-cg-skin .ecom-analysis-btn,
body.x-cg-skin .prompt-optimize-fill-btn {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .send:hover:not(:disabled),
body.x-cg-skin .nano-primary-btn:hover:not(:disabled),
body.x-cg-skin .ecom-analysis-btn:hover:not(:disabled),
body.x-cg-skin .prompt-optimize-fill-btn:hover {
    transform: translateY(-1px);
    background: #2a2c30;
}

body.x-cg-skin .send.is-video-limited-sale,
body.x-cg-skin .send.is-video-limited-sale:hover:not(:disabled) {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .send-bolt,
body.x-cg-skin .send-original-price,
body.x-cg-skin .send.is-video-limited-sale .send-cost-value,
body.x-cg-skin .send.is-video-limited-sale .send-cost-unit {
    color: inherit;
}

body.x-cg-skin .send-sale-badge {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .meta {
    color: #62656a;
}

body.x-cg-skin .upload-progress,
body.x-cg-skin .video-queue-strip,
body.x-cg-skin .agent-execution-trace,
body.x-cg-skin .video-result-panel {
    border-color: #e1e2e4;
    background: #f8f8f9;
    color: #62656a;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .upload-progress-track,
body.x-cg-skin .video-progress-track {
    background: #e5e6e8;
}

body.x-cg-skin .upload-progress-fill,
body.x-cg-skin .video-progress-fill {
    background: #111214;
}

body.x-cg-skin .status,
body.x-cg-skin .timer,
body.x-cg-skin .upload-progress-label,
body.x-cg-skin .upload-progress-value,
body.x-cg-skin .video-queue-copy,
body.x-cg-skin .video-queue-position,
body.x-cg-skin .video-queue-estimate,
body.x-cg-skin .video-progress-row,
body.x-cg-skin .video-progress-value,
body.x-cg-skin .video-queue-cancel {
    color: #62656a;
}

body.x-cg-skin .status[data-tone="error"],
body.x-cg-skin .timer[data-tone="error"] {
    color: #b13d3d;
}

body.x-cg-skin .status[data-tone="success"],
body.x-cg-skin .timer[data-tone="success"] {
    color: #287a4d;
}

body.x-cg-skin .status[data-tone="pending"],
body.x-cg-skin .timer[data-tone="pending"] {
    color: #8a631a;
}

body.x-cg-skin .history {
    margin-top: 66px;
}

body.x-cg-skin .history h2,
body.x-cg-skin .history-title,
body.x-cg-skin .history-block-title,
body.x-cg-skin .history-detail-title,
body.x-cg-skin .inspiration-title {
    color: #111214;
}

body.x-cg-skin .history p,
body.x-cg-skin .history-sub,
body.x-cg-skin .inspiration-sub,
body.x-cg-skin .history-block-note,
body.x-cg-skin .card-time,
body.x-cg-skin .card-prompt,
body.x-cg-skin .inspiration-prompt,
body.x-cg-skin .inspiration-author,
body.x-cg-skin .inspiration-time {
    color: #777a80;
}

body.x-cg-skin .history-tool-btn,
body.x-cg-skin .history-share-btn,
body.x-cg-skin .history-page-btn,
body.x-cg-skin .history-pagination,
body.x-cg-skin .inspiration-chip,
body.x-cg-skin .inspiration-status,
body.x-cg-skin .inspiration-load-more,
body.x-cg-skin .card-link,
body.x-cg-skin .card-detail,
body.x-cg-skin .history-prompt-copy-btn {
    border-color: #dedfe1;
    background: #ffffff;
    color: #4e5157;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .history-tool-btn:hover,
body.x-cg-skin .history-tool-btn.is-active,
body.x-cg-skin .history-share-btn:hover:not(:disabled),
body.x-cg-skin .history-page-btn:hover:not(:disabled),
body.x-cg-skin .inspiration-chip:hover,
body.x-cg-skin .inspiration-chip.is-active,
body.x-cg-skin .inspiration-load-more:hover,
body.x-cg-skin .card-link:hover,
body.x-cg-skin .card-detail:hover,
body.x-cg-skin .history-prompt-copy-btn:hover {
    transform: translateY(-1px);
    border-color: #bfc2c7;
    background: #f2f3f4;
}

body.x-cg-skin .history-grid {
    gap: 16px;
}

body.x-cg-skin .card,
body.x-cg-skin .inspiration-card,
body.x-cg-skin .history-block,
body.x-cg-skin .history-frame,
body.x-cg-skin .empty {
    border-color: #e1e2e4;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(17, 18, 20, .06);
    backdrop-filter: none;
}

body.x-cg-skin .card:hover,
body.x-cg-skin .inspiration-card:hover,
body.x-cg-skin .card:focus-visible,
body.x-cg-skin .inspiration-card:focus-visible {
    transform: translateY(-2px);
    border-color: #c7c9cd;
    box-shadow: 0 18px 38px rgba(17, 18, 20, .1);
}

body.x-cg-skin .empty {
    color: #85888e;
}

body.x-cg-skin .card .media,
body.x-cg-skin .inspiration-media,
body.x-cg-skin .card-pending-media {
    background: #f1f2f3;
}

body.x-cg-skin .card .media::after {
    background: linear-gradient(180deg, rgba(17, 18, 20, .04), transparent 40%, rgba(17, 18, 20, .12));
}

body.x-cg-skin .card-reuse,
body.x-cg-skin .card-media-tool,
body.x-cg-skin .history-view-original span {
    border-color: rgba(255, 255, 255, .84);
    background: rgba(17, 18, 20, .84);
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin .card-reuse::before {
    display: none;
}

body.x-cg-skin .card-reuse .card-reuse-icon,
body.x-cg-skin .card-reuse .card-reuse-icon svg {
    color: #7285ff;
}

body.x-cg-skin .card-reuse:hover .card-reuse-icon,
body.x-cg-skin .card-reuse:hover .card-reuse-icon svg,
body.x-cg-skin .card-reuse:focus-visible .card-reuse-icon,
body.x-cg-skin .card-reuse:focus-visible .card-reuse-icon svg {
    color: #9aa8ff;
}

body.x-cg-skin .card-link-delete,
body.x-cg-skin .history-delete {
    border-color: #e5caca;
    background: #fff7f7;
    color: #a43d3d;
}

body.x-cg-skin .card-link-favorite,
body.x-cg-skin .history-favorite-btn {
    border-color: #dedfe1;
    background: #ffffff;
    color: #63666c;
}

body.x-cg-skin .card-pending-media {
    background: #f1f2f3;
}

body.x-cg-skin .inspiration-chip-count,
body.x-cg-skin .inspiration-meta-tag {
    color: #8b8e94;
}

body.x-cg-skin .inspiration-meta-tag {
    border-color: #e1e2e4;
    background: #f7f7f8;
}

body.x-cg-skin .feature-center-menu,
body.x-cg-skin .mobile-top-menu-popover {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 20px 46px rgba(17, 18, 20, .14);
}

body.x-cg-skin .feature-center-item,
body.x-cg-skin .mobile-top-menu-item {
    color: #4e5157;
}

body.x-cg-skin .feature-center-item:hover,
body.x-cg-skin .feature-center-item:focus-visible,
body.x-cg-skin .mobile-top-menu-item:hover {
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin .feature-center-item-note {
    color: #8a8d93;
}

body.x-cg-skin .nano-modal,
body.x-cg-skin .history-modal,
body.x-cg-skin .local-image-preview-modal,
body.x-cg-skin .canvas-mode-modal,
body.x-cg-skin .nano-infinite-canvas {
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(14px);
}

body.x-cg-skin .nano-dialog,
body.x-cg-skin .history-dialog,
body.x-cg-skin .canvas-mode-dialog,
body.x-cg-skin .local-image-preview-shell,
body.x-cg-skin .nic-shell {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 28px 70px rgba(17, 18, 20, .16);
}

body.x-cg-skin .nano-dialog::before,
body.x-cg-skin .history-dialog::before,
body.x-cg-skin .canvas-mode-dialog::before,
body.x-cg-skin .nic-shell::before {
    display: none;
}

body.x-cg-skin .nano-close,
body.x-cg-skin .history-close,
body.x-cg-skin .canvas-mode-close,
body.x-cg-skin .nic-close {
    border-color: #dedfe1;
    background: #f7f7f8;
    color: #4e5157;
    box-shadow: none;
}

body.x-cg-skin .nano-close:hover,
body.x-cg-skin .history-close:hover,
body.x-cg-skin .canvas-mode-close:hover,
body.x-cg-skin .nic-close:hover {
    transform: none;
    border-color: #bfc2c7;
    background: #f0f1f2;
}

body.x-cg-skin .nano-sheet-kicker,
body.x-cg-skin .history-kicker,
body.x-cg-skin .canvas-mode-kicker,
body.x-cg-skin .nano-sheet-sub,
body.x-cg-skin .canvas-mode-status,
body.x-cg-skin .canvas-mode-count,
body.x-cg-skin .nic-kicker,
body.x-cg-skin .nic-status,
body.x-cg-skin .nic-panel-note {
    color: #85888e;
}

body.x-cg-skin .nano-sheet-title,
body.x-cg-skin .canvas-mode-title,
body.x-cg-skin .nic-title,
body.x-cg-skin .nic-panel-title {
    color: #111214;
}

body.x-cg-skin .nano-panel,
body.x-cg-skin .history-panel,
body.x-cg-skin .nic-panel-body,
body.x-cg-skin .canvas-mode-body {
    color: #111214;
}

body.x-cg-skin .nano-stat-card,
body.x-cg-skin .nano-block,
body.x-cg-skin .nano-field-card,
body.x-cg-skin .nano-order-card,
body.x-cg-skin .nano-list-item,
body.x-cg-skin .nano-order-meta-item,
body.x-cg-skin .nano-invoice-summary-cell,
body.x-cg-skin .nano-recharge-card,
body.x-cg-skin .nano-layer-plan-item,
body.x-cg-skin .canvas-mode-toolbar,
body.x-cg-skin .nic-composer,
body.x-cg-skin .nic-panel,
body.x-cg-skin .nic-empty,
body.x-cg-skin .nic-loading-panel {
    border-color: #e1e2e4;
    background: #f8f8f9;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin .nano-stat-label,
body.x-cg-skin .nano-order-meta-label,
body.x-cg-skin .nano-invoice-summary-label,
body.x-cg-skin .nano-field-label,
body.x-cg-skin .nano-list-sub,
body.x-cg-skin .nano-block-note,
body.x-cg-skin .nano-recharge-card-sub,
body.x-cg-skin .nano-recharge-credit-label,
body.x-cg-skin .nano-recharge-meta li,
body.x-cg-skin .nano-layer-plan-meta {
    color: #85888e;
}

body.x-cg-skin .nano-stat-value,
body.x-cg-skin .nano-order-meta-value,
body.x-cg-skin .nano-invoice-summary-value,
body.x-cg-skin .nano-list-title,
body.x-cg-skin .nano-list-amount,
body.x-cg-skin .nano-recharge-card-title,
body.x-cg-skin .nano-recharge-price,
body.x-cg-skin .nano-recharge-credit-value,
body.x-cg-skin .nano-layer-plan-head strong {
    color: #111214;
}

body.x-cg-skin .nano-list-amount.positive,
body.x-cg-skin .nano-list-amount.negative {
    color: #287a4d;
}

body.x-cg-skin .nano-empty,
body.x-cg-skin .canvas-mode-empty,
body.x-cg-skin .favorite-empty {
    border-color: #d9dade;
    background: #fafafa;
    color: #85888e;
}

body.x-cg-skin .nano-secondary-btn,
body.x-cg-skin .nano-page-btn,
body.x-cg-skin .nano-copy-btn,
body.x-cg-skin .nano-recharge-tool,
body.x-cg-skin .nano-result-file-btn,
body.x-cg-skin .canvas-mode-select,
body.x-cg-skin .canvas-mode-page-btn,
body.x-cg-skin .nic-tool,
body.x-cg-skin .nic-option,
body.x-cg-skin .nic-send {
    border-color: #dedfe1;
    background: #ffffff;
    color: #4e5157;
    box-shadow: none;
}

body.x-cg-skin .nano-secondary-btn:hover,
body.x-cg-skin .nano-page-btn:hover:not(:disabled),
body.x-cg-skin .nano-copy-btn:hover,
body.x-cg-skin .nano-recharge-tool:hover,
body.x-cg-skin .nano-result-file-btn:hover,
body.x-cg-skin .canvas-mode-page-btn:hover:not(:disabled),
body.x-cg-skin .nic-tool:hover,
body.x-cg-skin .nic-option:hover,
body.x-cg-skin .nic-send:hover:not(:disabled) {
    transform: translateY(-1px);
    border-color: #bfc2c7;
    background: #f0f1f2;
}

body.x-cg-skin .nano-recharge-buy,
body.x-cg-skin .nano-order-action,
body.x-cg-skin .nic-send {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
}

body.x-cg-skin .nano-recharge-buy:hover:not(:disabled),
body.x-cg-skin .nano-order-action:hover:not(:disabled),
body.x-cg-skin .nic-send:hover:not(:disabled) {
    background: #2a2c30;
}

body.x-cg-skin .nano-recharge-badge,
body.x-cg-skin .nano-recharge-credit-chip,
body.x-cg-skin .nano-order-chip,
body.x-cg-skin .nano-inline-count {
    border-color: #dedfe1;
    background: #f0f1f2;
    color: #5d6066;
}

body.x-cg-skin .nano-recharge-badge.is-bonus,
body.x-cg-skin .nano-recharge-credit-chip.is-bonus {
    border-color: #cfd1d5;
    background: #e7e8ea;
    color: #303238;
    box-shadow: none;
}

body.x-cg-skin .nano-contact-panel,
body.x-cg-skin .nano-contact-qr-shell,
body.x-cg-skin .nano-contact-fab {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 18px 42px rgba(17, 18, 20, .1);
}

body.x-cg-skin .nano-contact-fab {
    color: #111214;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.x-cg-login-skin {
    background: #ffffff !important;
    color: #111214 !important;
}

body.x-cg-login-skin::before,
body.x-cg-login-skin::after {
    display: none !important;
}

body.x-cg-login-skin .theme-glow-left,
body.x-cg-login-skin .theme-glow-right {
    display: none;
}

body.x-cg-login-skin .back-link {
    border-color: #dedfe1;
    background: #ffffff;
    color: #4e5157;
    box-shadow: 0 12px 30px rgba(17, 18, 20, .06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.x-cg-login-skin .back-link:hover {
    color: #111214;
}

body.x-cg-login-skin .glass {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(17, 18, 20, .08);
}

body.x-cg-login-skin .hero-pane {
    background: #f5f5f6;
    color: #111214;
}

body.x-cg-login-skin .hero-badge {
    border-color: #dedfe1;
    background: #ffffff;
    color: #4e5157;
}

body.x-cg-login-skin .hero-badge i {
    color: #111214;
}

body.x-cg-login-skin .hero-brand {
    background-image: none;
    color: #111214;
}

body.x-cg-login-skin .hero-copy {
    color: #686b71;
}

body.x-cg-login-skin .hero-card {
    border-color: #dedfe1;
    background: #ffffff;
    color: #4e5157;
}

body.x-cg-login-skin .panel-icon-shell {
    border-color: #dedfe1;
    background: #f5f5f6;
    box-shadow: none;
}

body.x-cg-login-skin .panel-icon {
    background: #111214;
    color: #ffffff;
}

body.x-cg-login-skin .tabs-shell {
    border-color: #dedfe1;
    background: #f5f5f6;
    box-shadow: none;
}

body.x-cg-login-skin .tab {
    color: #686b71;
}

body.x-cg-login-skin .tab.active {
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-login-skin .soft,
body.x-cg-login-skin .captcha-shell {
    border-color: #dedfe1;
    background: #fafafa;
    box-shadow: none;
}

body.x-cg-login-skin .soft:focus-within {
    border-color: #111214;
    box-shadow: 0 0 0 3px rgba(17, 18, 20, .08);
}

body.x-cg-login-skin .magic {
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-login-skin .magic:hover:not(:disabled) {
    background: #2a2c30;
}

body.x-cg-login-skin .code-btn {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: none;
}

body.x-cg-login-skin .code-btn:hover {
    background: #f0f1f2;
}

body.x-cg-login-skin .notice-card-register,
body.x-cg-login-skin .notice-card-forgot {
    border-color: #dedfe1;
    background: #f5f5f6;
    color: #4e5157;
}

body.x-cg-login-skin .site-footer {
    border-top-color: #dedfe1;
    background: #ffffff;
    color: #85888e;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.x-cg-login-skin .text-slate-900 {
    color: #111214 !important;
}

body.x-cg-login-skin .text-slate-700 {
    color: #4e5157 !important;
}

body.x-cg-login-skin .text-slate-600,
body.x-cg-login-skin .text-slate-500 {
    color: #686b71 !important;
}

body.x-cg-login-skin .text-slate-400 {
    color: #85888e !important;
}

body.x-cg-login-skin .text-indigo-600,
body.x-cg-login-skin .text-indigo-700,
body.x-cg-login-skin .text-fuchsia-700 {
    color: #111214 !important;
}

body.x-cg-login-skin input {
    color: #111214 !important;
}

body.x-cg-login-skin input::placeholder {
    color: #9b9da2 !important;
}

body.x-cg-login-skin .captcha-note {
    color: #85888e;
}

body.x-cg-login-skin .workspace {
    background: #ffffff;
}

body.x-cg-login-skin .workspace::before {
    display: none;
}

body.x-cg-login-skin .workspace-brand {
    color: #111214;
}

body.x-cg-login-skin .workspace-brand b {
    color: #111214;
}

body.x-cg-login-skin .brand-mark {
    background: #ffffff;
    border: 1px solid #dedfe1;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-login-skin .brand-mark-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
}

body.x-cg-login-skin .ghost-pill {
    border-color: #dedfe1;
    background: #ffffff;
    color: #686b71;
}

body.x-cg-login-skin .ghost-pill.primary {
    background: #111214;
    color: #ffffff;
}

body.x-cg-login-skin .workspace-copy p,
body.x-cg-login-skin .history-head span {
    color: #85888e;
}

body.x-cg-login-skin .composer {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(17, 18, 20, .08);
}

body.x-cg-login-skin .composer-tabs {
    border-color: #dedfe1;
    background: #f5f5f6;
}

body.x-cg-login-skin .composer-tab {
    color: #686b71;
}

body.x-cg-login-skin .composer-tab.active {
    background: #111214;
    color: #ffffff;
}

body.x-cg-login-skin .composer-stage {
    border-color: #dedfe1;
    background: #fafafa;
}

body.x-cg-login-skin .upload-tile {
    border-color: #bfc2c7;
    color: #4e5157;
}

body.x-cg-login-skin .upload-plus {
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-login-skin .prompt-preview {
    color: #686b71;
}

body.x-cg-login-skin .prompt-preview strong,
body.x-cg-login-skin .prompt-preview em {
    color: #111214;
}

body.x-cg-login-skin .agent-button,
body.x-cg-login-skin .generate-preview {
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-login-skin .mini-control {
    border-color: #dedfe1;
    background: #ffffff;
    color: #686b71;
}

body.x-cg-login-skin .mini-control.model {
    color: #111214;
}

body.x-cg-login-skin .model-dot {
    background: #111214;
}

body.x-cg-login-skin .history-head h2 {
    color: #111214;
}

body.x-cg-login-skin .history-card {
    border-color: #dedfe1;
    background: #f0f1f2;
    opacity: 1;
}

body.x-cg-login-skin .soft-focus {
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

body.x-cg-login-skin .liquid-card {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(17, 18, 20, .12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.x-cg-login-skin .auth-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 6;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #e3e4e6;
    border-radius: 999px;
    background: #ffffff;
    color: #777a80;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

body.x-cg-login-skin .auth-close:hover {
    border-color: #c9cbd0;
    background: #f4f4f5;
    color: #111214;
    transform: rotate(90deg);
}

body.x-cg-login-skin .auth-close:focus-visible {
    outline: 2px solid #aeb3ff;
    outline-offset: 2px;
}

body.x-cg-login-skin .auth-close svg {
    width: 15px;
    height: 15px;
}

body.x-cg-login-skin .card-top {
    padding-right: 42px;
}

body.x-cg-login-skin .liquid-card::before,
body.x-cg-login-skin .liquid-card::after,
body.x-cg-login-skin .liquid-optics,
body.x-cg-login-skin .glass-highlight {
    display: none;
}

body.x-cg-login-skin .modal-brand,
body.x-cg-login-skin .form-heading h1,
body.x-cg-login-skin .welcome-panel h1 {
    color: #111214;
}

body.x-cg-login-skin .partner-chip {
    border-color: #dedfe1;
    background: #f5f5f6;
    color: #686b71;
}

body.x-cg-login-skin .partner-chip i {
    background: #111214;
    box-shadow: 0 0 0 4px rgba(17, 18, 20, .08);
}

body.x-cg-login-skin .form-heading p,
body.x-cg-login-skin .welcome-panel p,
body.x-cg-login-skin .form-switch,
body.x-cg-login-skin .legal,
body.x-cg-login-skin .password-note {
    color: #85888e;
}

body.x-cg-login-skin .invite-bound {
    color: #4e5157;
}

body.x-cg-login-skin .invite-bound svg {
    color: #111214;
}

body.x-cg-login-skin .field-label {
    color: #686b71;
}

body.x-cg-login-skin .field {
    border-color: #dedfe1;
    background: #fafafa;
    box-shadow: none;
}

body.x-cg-login-skin .field:focus-within {
    border-color: #111214;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(17, 18, 20, .08);
}

body.x-cg-login-skin .field svg,
body.x-cg-login-skin .password-toggle {
    color: #85888e;
}

body.x-cg-login-skin .field input {
    color: #111214;
}

body.x-cg-login-skin .field input::placeholder {
    color: #9b9da2;
}

body.x-cg-login-skin .password-toggle:hover {
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-login-skin .code-button {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
}

body.x-cg-login-skin .code-button:hover {
    background: #2a2c30;
}

body.x-cg-login-skin .submit-button {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-login-skin .submit-button:hover {
    background: #2a2c30;
    box-shadow: none;
}

body.x-cg-login-skin .form-switch button,
body.x-cg-login-skin .form-switch a,
body.x-cg-login-skin .legal a {
    color: #111214;
}

body.x-cg-login-skin .form-switch button:hover,
body.x-cg-login-skin .form-switch a:hover,
body.x-cg-login-skin .legal a:hover {
    color: #686b71;
}

body.x-cg-login-skin .welcome-icon {
    border-color: #dedfe1;
    background: #f5f5f6;
    color: #111214;
    box-shadow: none;
}

body.x-cg-login-skin .toast {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(17, 18, 20, .12);
    color: #111214;
}

body.x-cg-login-skin .toast-dot {
    background: #111214;
}

body.x-cg-skin {
    --accent-indigo: #6267d8;
    --accent-indigo-soft: #f0f1ff;
    --accent-amber: #d38a16;
    --accent-amber-soft: #fff7e7;
    --accent-blue: #3179b7;
    --accent-blue-soft: #edf6ff;
    --accent-green: #2d8a59;
    --accent-green-soft: #edf8f1;
}

body.x-cg-skin .topbar-actions > .notice-trigger {
    background: var(--accent-amber-soft);
    color: var(--accent-amber);
}

body.x-cg-skin .topbar-actions > .pricing-top-link {
    background: var(--accent-indigo-soft);
    color: var(--accent-indigo);
}

body.x-cg-skin .topbar-actions > .account-credit-pill {
    background: var(--accent-green-soft);
    color: var(--accent-green);
}

body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon {
    background: #e1e3ff;
    color: var(--accent-indigo);
}

body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt {
    background: #f6d27b;
    color: #815607;
}

body.x-cg-skin .topbar-actions > .notice-trigger:hover {
    background: #ffefcc;
    color: #b76d0d;
}

body.x-cg-skin .topbar-actions > .pricing-top-link:hover {
    background: #e6e7ff;
    color: #4e53bd;
}

body.x-cg-skin .topbar-actions > .account-credit-pill:hover {
    background: #e1f3e8;
    color: #216c44;
}

body.x-cg-skin .h3-admin-banner-mark {
    background: var(--accent-indigo-soft);
    color: var(--accent-indigo);
}

body.x-cg-skin .system-announcement-badge {
    background: var(--accent-amber-soft);
    color: var(--accent-amber);
}

body.x-cg-skin .invite-marquee-badge {
    background: var(--accent-green-soft);
    color: var(--accent-green);
}

body.x-cg-skin .mark {
    border-color: #f0d7a9;
    background: var(--accent-amber-soft);
}

body.x-cg-skin .banana-logo {
    filter: none;
}

body.x-cg-skin .tab-feature-badge {
    border-color: #efc873;
    background: #f4b642;
    color: #3b2808;
}

body.x-cg-skin .model-glyph-video,
body.x-cg-skin .model-glyph-xai,
body.x-cg-skin .model-glyph-grok {
    filter: none;
}

body.x-cg-skin .model-glyph-openai {
    filter: none;
}

body.x-cg-skin .model-glyph-gpt {
    background: #111214;
    color: #ffffff;
    filter: none;
}

body.x-cg-skin .model-glyph-gpt svg {
    width: 17px;
    height: 17px;
}

body.x-cg-skin .model-glyph-gpt {
    background: #ffffff;
    color: #111214;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 5px 13px rgba(15, 23, 42, .16);
}

body.x-cg-skin .model-glyph-gpt .model-glyph-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

body.x-cg-skin .agent-mode-toggle[aria-checked="true"] {
    border-color: #bfc2f2;
    background: var(--accent-indigo-soft);
    color: #5055bd;
}

body.x-cg-skin .agent-mode-toggle[aria-checked="true"] .agent-mode-switch {
    background: var(--accent-indigo);
}

body.x-cg-skin .agent-mode-help-trigger {
    border-color: #c9cbf0;
    background: var(--accent-indigo-soft);
    color: var(--accent-indigo);
}

body.x-cg-skin .prompt-optimize-btn {
    background: linear-gradient(135deg, #e97886, #7265d8);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(113, 101, 216, .2);
}

body.x-cg-skin .send-bolt,
body.x-cg-skin .account-credit-pill-bolt svg,
body.x-cg-skin .pricing-top-link-icon svg {
    color: var(--accent-amber);
}

body.x-cg-skin .send-sale-badge {
    border-color: #efc873;
    background: #f4b642;
    color: #3b2808;
}

body.x-cg-skin #scheduled-generation-trigger {
    border-color: #cfe4f5;
    background: var(--accent-blue-soft);
    color: var(--accent-blue);
}

body.x-cg-skin #favorite-panel-trigger,
body.x-cg-skin .history-favorite-btn {
    border-color: #f0d7a9;
    background: var(--accent-amber-soft);
    color: var(--accent-amber);
}

body.x-cg-skin #feature-center-trigger {
    border-color: #d0d1f1;
    background: var(--accent-indigo-soft);
    color: var(--accent-indigo);
}

body.x-cg-skin .history-share-btn {
    border-color: #cce8d7;
    background: var(--accent-green-soft);
    color: var(--accent-green);
}

body.x-cg-skin .inspiration-chip.is-active {
    border-color: #c9cbf0;
    background: var(--accent-indigo-soft);
    color: #5055bd;
}

body.x-cg-skin .inspiration-status.is-loading::before {
    border-top-color: var(--accent-indigo);
}

body.x-cg-skin .history-section-head,
body.x-cg-skin .history-head {
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 12px;
}

body.x-cg-skin .history-section-head > :first-child,
body.x-cg-skin .history-head > :first-child {
    min-width: 0;
    flex: 1 1 320px;
}

body.x-cg-skin .history-section-head p,
body.x-cg-skin .history-sub {
    max-width: 64ch;
    overflow-wrap: anywhere;
}

body.x-cg-skin .history-section-tools,
body.x-cg-skin .history-head-actions {
    min-width: 0;
    flex-wrap: wrap;
}

body.x-cg-skin .history-section-tools {
    justify-content: flex-end;
}

body.x-cg-skin .history-layout {
    align-items: start;
}

body.x-cg-skin .history-block-top {
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
}

body.x-cg-skin .history-block-title {
    min-width: 0;
    flex: 1 1 220px;
}

body.x-cg-skin .history-block-note {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
    text-align: right;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

body.x-cg-skin .history-prompt-copy,
body.x-cg-skin .inspiration-prompt {
    overflow-wrap: anywhere;
    line-height: 1.8;
}

body.x-cg-skin .empty {
    min-height: 168px;
    padding: 30px 24px;
    line-height: 1.7;
}

body.x-cg-login-skin .partner-chip i {
    background: #e0a63c;
    box-shadow: 0 0 0 4px rgba(224, 166, 60, .14);
}

body.x-cg-login-skin .field > svg {
    color: var(--accent-indigo, #6267d8);
}

@media (max-width: 720px) {
    body.x-cg-skin .history {
        margin-top: 34px;
    }

    body.x-cg-skin .history-section-tools,
    body.x-cg-skin .history-head-actions {
        width: 100%;
    }

    body.x-cg-skin .history-section-tools {
        justify-content: flex-end;
    }

    body.x-cg-skin .history-head-actions {
        justify-content: flex-end;
    }

    body.x-cg-skin .history-block-note {
        flex: 1 1 100%;
        max-width: 100%;
        text-align: left;
    }
}

body.x-cg-skin .topbar-actions > .notice-trigger::after,
body.x-cg-skin .topbar-actions > .pricing-top-link::after,
body.x-cg-skin .topbar-actions > .account-credit-pill::after {
    display: none;
}

body.x-cg-skin .xcg-theme-toggle {
    position: fixed;
    left: 18px;
    top: calc(50% + 104px);
    z-index: 250;
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #dedfe1;
    border-radius: 14px;
    background: #ffffff;
    color: #5367ff;
    box-shadow: 0 12px 28px rgba(17, 18, 20, .12);
    cursor: pointer;
    transition: .18s ease;
}

body.x-cg-skin .xcg-theme-toggle:hover,
body.x-cg-skin .xcg-theme-toggle:focus-visible {
    border-color: #aeb5ef;
    background: #f1f2ff;
    color: #3f46a6;
    outline: none;
    transform: translateY(-2px);
}

body.x-cg-skin .xcg-theme-icon {
    width: 18px;
    height: 18px;
}

body.x-cg-skin .xcg-theme-moon {
    display: none;
}

body.x-cg-skin.xcg-night {
    --text: #f3f4f6;
    --sub: #b8bdc5;
    --soft: #858c96;
    --line: #353a42;
    --chip: #272c33;
    --active: #f3f4f6;
    --active-text: #16181b;
    color-scheme: dark;
    color: #f3f4f6;
    background: #16181b;
}

body.x-cg-skin.xcg-night .xcg-theme-toggle {
    border-color: #3c424b;
    background: #23272d;
    color: #ffd36e;
}

body.x-cg-skin.xcg-night .xcg-theme-toggle:hover,
body.x-cg-skin.xcg-night .xcg-theme-toggle:focus-visible {
    border-color: #5b6470;
    background: #2c3239;
    color: #ffe29a;
}

body.x-cg-skin.xcg-night .xcg-theme-sun {
    display: none;
}

body.x-cg-skin.xcg-night .xcg-theme-moon {
    display: block;
}

body.x-cg-skin.xcg-night .page,
body.x-cg-skin.xcg-night .history,
body.x-cg-skin.xcg-night .composer-wrap,
body.x-cg-skin.xcg-night .history-grid,
body.x-cg-skin.xcg-night .inspiration-grid {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .topbar-actions,
body.x-cg-skin.xcg-night .account-shell,
body.x-cg-skin.xcg-night .feature-center-menu,
body.x-cg-skin.xcg-night .mobile-top-menu-popover {
    border-color: #353a42;
    background: #20242a;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .3);
}

body.x-cg-skin.xcg-night .topbar-actions > .notice-trigger,
body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link,
body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill {
    color: #c0c6ce;
}

body.x-cg-skin.xcg-night .topbar-actions > .notice-trigger:hover,
body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link:hover,
body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill:hover {
    background: #2c3239;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .account-link,
body.x-cg-skin.xcg-night .account-trigger {
    border-color: #4a515b;
    background: #111316;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .feature-center-item,
body.x-cg-skin.xcg-night .mobile-top-menu-item,
body.x-cg-skin.xcg-night .history-tool-btn,
body.x-cg-skin.xcg-night .history-share-btn,
body.x-cg-skin.xcg-night .history-page-btn,
body.x-cg-skin.xcg-night .inspiration-chip,
body.x-cg-skin.xcg-night .history-prompt-copy-btn,
body.x-cg-skin.xcg-night .card-link,
body.x-cg-skin.xcg-night .card-detail,
body.x-cg-skin.xcg-night .history-public-share-btn,
body.x-cg-skin.xcg-night .history-detail-download,
body.x-cg-skin.xcg-night .history-detail-edit,
body.x-cg-skin.xcg-night .history-download,
body.x-cg-skin.xcg-night .history-set-reference {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .feature-center-item:hover,
body.x-cg-skin.xcg-night .feature-center-item:focus-visible,
body.x-cg-skin.xcg-night .mobile-top-menu-item:hover,
body.x-cg-skin.xcg-night .history-tool-btn:hover,
body.x-cg-skin.xcg-night .history-share-btn:hover:not(:disabled),
body.x-cg-skin.xcg-night .history-page-btn:hover:not(:disabled),
body.x-cg-skin.xcg-night .history-prompt-copy-btn:hover,
body.x-cg-skin.xcg-night .card-link:hover,
body.x-cg-skin.xcg-night .card-detail:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .card,
body.x-cg-skin.xcg-night .inspiration-card,
body.x-cg-skin.xcg-night .history-block,
body.x-cg-skin.xcg-night .history-frame,
body.x-cg-skin.xcg-night .empty,
body.x-cg-skin.xcg-night .nano-stat-card,
body.x-cg-skin.xcg-night .nano-block,
body.x-cg-skin.xcg-night .nano-field-card,
body.x-cg-skin.xcg-night .nano-order-card,
body.x-cg-skin.xcg-night .nano-list-item,
body.x-cg-skin.xcg-night .nano-recharge-card,
body.x-cg-skin.xcg-night .nano-layer-plan-item,
body.x-cg-skin.xcg-night .history-meta-item,
body.x-cg-skin.xcg-night .nano-invoice-summary-cell {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

body.x-cg-skin.xcg-night .history h2,
body.x-cg-skin.xcg-night .history-title,
body.x-cg-skin.xcg-night .history-block-title,
body.x-cg-skin.xcg-night .history-detail-title,
body.x-cg-skin.xcg-night .inspiration-title,
body.x-cg-skin.xcg-night .history-meta-value,
body.x-cg-skin.xcg-night .history-prompt-copy,
body.x-cg-skin.xcg-night .nano-sheet-title,
body.x-cg-skin.xcg-night .nano-block-title,
body.x-cg-skin.xcg-night .nano-stat-value,
body.x-cg-skin.xcg-night .nano-order-meta-value {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .history p,
body.x-cg-skin.xcg-night .history-sub,
body.x-cg-skin.xcg-night .inspiration-sub,
body.x-cg-skin.xcg-night .history-block-note,
body.x-cg-skin.xcg-night .card-time,
body.x-cg-skin.xcg-night .card-prompt,
body.x-cg-skin.xcg-night .inspiration-prompt,
body.x-cg-skin.xcg-night .inspiration-author,
body.x-cg-skin.xcg-night .inspiration-time,
body.x-cg-skin.xcg-night .nano-sheet-sub,
body.x-cg-skin.xcg-night .nano-block-note,
body.x-cg-skin.xcg-night .nano-stat-label,
body.x-cg-skin.xcg-night .nano-field-label,
body.x-cg-skin.xcg-night .nano-list-sub {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night #wallet-modal .nano-list-title,
body.x-cg-skin.xcg-night #wallet-modal .nano-list-amount {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #wallet-modal .nano-list-amount.positive {
    color: #8ce3ad;
}

body.x-cg-skin.xcg-night #wallet-modal .nano-list-amount.negative {
    color: #ffaaa7;
}

body.x-cg-skin.xcg-night .nano-modal,
body.x-cg-skin.xcg-night .history-modal,
body.x-cg-skin.xcg-night .local-image-preview-modal,
body.x-cg-skin.xcg-night .canvas-mode-modal,
body.x-cg-skin.xcg-night .nano-infinite-canvas {
    background: rgba(9, 11, 14, .78);
}

body.x-cg-skin.xcg-night .nano-dialog,
body.x-cg-skin.xcg-night .history-dialog,
body.x-cg-skin.xcg-night .canvas-mode-dialog,
body.x-cg-skin.xcg-night .local-image-preview-shell,
body.x-cg-skin.xcg-night .nic-shell {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .38);
}

body.x-cg-skin.xcg-night .nano-close,
body.x-cg-skin.xcg-night .history-close,
body.x-cg-skin.xcg-night .canvas-mode-close,
body.x-cg-skin.xcg-night .nic-close {
    border-color: #454c55;
    background: #252a30;
    color: #dfe4ea;
}

body.x-cg-skin.xcg-night .nano-close:hover,
body.x-cg-skin.xcg-night .history-close:hover,
body.x-cg-skin.xcg-night .canvas-mode-close:hover,
body.x-cg-skin.xcg-night .nic-close:hover {
    border-color: #68717d;
    background: #30363e;
}

body.x-cg-skin.xcg-night .prompt,
body.x-cg-skin.xcg-night .nano-input,
body.x-cg-skin.xcg-night .nano-textarea,
body.x-cg-skin.xcg-night .nano-select,
body.x-cg-skin.xcg-night .favorites-search-input,
body.x-cg-skin.xcg-night .favorites-page-input {
    color: #f3f4f6;
    caret-color: #ffffff;
}

body.x-cg-skin.xcg-night .prompt::placeholder,
body.x-cg-skin.xcg-night input::placeholder,
body.x-cg-skin.xcg-night textarea::placeholder {
    color: #858c96;
}

body.x-cg-skin.xcg-night .video-params-menu,
body.x-cg-skin.xcg-night .video-param-choice,
body.x-cg-skin.xcg-night .video-param-choice.active,
body.x-cg-skin.xcg-night .video-param-choice:hover {
    border-color: #454c55;
    background: #252a30;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .video-param-choice.active,
body.x-cg-skin.xcg-night .video-param-choice:hover {
    background: #30363e;
}

body.x-cg-skin .history-dialog .share-confirm-panel,
body.x-cg-skin #public-share-confirm-modal .share-confirm-panel,
body.x-cg-skin #h3-dialogue-warning-modal .share-confirm-panel {
    color: #111214;
}

body.x-cg-skin .share-confirm-kicker {
    color: #5367ff;
}

body.x-cg-skin .share-confirm-title {
    color: #111214;
}

body.x-cg-skin .share-confirm-copy,
body.x-cg-skin .share-confirm-list li {
    color: #62656a;
}

body.x-cg-skin .share-confirm-reward {
    border-color: #d9dcff;
    background: linear-gradient(135deg, #f1f2ff, #f7f7f8 58%, #ffffff);
    box-shadow: 0 16px 32px rgba(17, 18, 20, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}

body.x-cg-skin .share-confirm-reward-icon {
    background: linear-gradient(135deg, #7484ff, #5367ff);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(83, 103, 255, .2);
}

body.x-cg-skin .share-confirm-reward-label,
body.x-cg-skin .share-confirm-reward-meta {
    color: #70747b;
}

body.x-cg-skin .share-confirm-reward-value {
    color: #303238;
}

body.x-cg-skin .share-confirm-note {
    border-color: #e1e2e4;
    background: #f8f8f9;
}

body.x-cg-skin .share-confirm-note strong {
    color: #111214;
}

body.x-cg-skin .share-confirm-list li::before {
    background: #5367ff;
}

body.x-cg-skin .video-skill-modal .nano-dialog {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
}

body.x-cg-skin .video-skill-modal .nano-panel,
body.x-cg-skin .video-skill-modal .nano-sheet-head,
body.x-cg-skin .video-skill-modal .video-skill-copy,
body.x-cg-skin .video-skill-modal .video-skill-detail-copy {
    color: #111214;
}

body.x-cg-skin .video-skill-modal .video-skill-tab,
body.x-cg-skin .video-skill-modal .video-skill-search,
body.x-cg-skin .video-skill-modal .video-skill-card,
body.x-cg-skin .video-skill-modal .video-skill-info,
body.x-cg-skin .video-skill-modal .video-skill-detail-section,
body.x-cg-skin .video-skill-modal .video-skill-reference-section {
    border-color: #e1e2e4;
    background: #f8f8f9;
    color: #111214;
}

body.x-cg-skin .video-skill-modal .video-skill-tab {
    color: #6f7379;
}

body.x-cg-skin .video-skill-modal .video-skill-tab:hover,
body.x-cg-skin .video-skill-modal .video-skill-tab.active {
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #3f46a6;
}

body.x-cg-skin .video-skill-modal .video-skill-search {
    background: #ffffff;
    color: #111214;
    caret-color: #111214;
}

body.x-cg-skin .video-skill-modal .video-skill-search::placeholder {
    color: #9a9da2;
}

body.x-cg-skin .video-skill-modal .video-skill-card:hover {
    border-color: #cfd3f5;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(17, 18, 20, .08);
}

body.x-cg-skin .video-skill-modal .video-skill-name,
body.x-cg-skin .video-skill-modal .video-skill-detail-title,
body.x-cg-skin .video-skill-modal .video-skill-info-value {
    color: #111214;
}

body.x-cg-skin .video-skill-modal .video-skill-desc,
body.x-cg-skin .video-skill-modal .video-skill-detail-sub,
body.x-cg-skin .video-skill-modal .video-skill-detail-section p,
body.x-cg-skin .video-skill-modal .video-skill-reference-title small,
body.x-cg-skin .video-skill-modal .video-skill-reference-group-title,
body.x-cg-skin .video-skill-modal .video-skill-info-label,
body.x-cg-skin .video-skill-modal .video-skill-meta,
body.x-cg-skin .video-skill-modal .video-skill-detail-await {
    color: #70747b;
}

body.x-cg-skin .video-skill-modal .video-skill-badge {
    border: 1px solid #d9dcff;
    background: #f1f2ff;
    color: #5367ff;
}

body.x-cg-skin .video-skill-modal .video-skill-card-use,
body.x-cg-skin .video-skill-modal .video-skill-actions .primary {
    border-color: #5367ff;
    background: linear-gradient(135deg, #7484ff, #5367ff);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(83, 103, 255, .2);
}

body.x-cg-skin .video-skill-modal .video-skill-detail-media,
body.x-cg-skin .video-skill-modal .video-skill-media {
    border-color: #dedfe1;
    background: #eef0f2;
    color: #5367ff;
}

body.x-cg-skin .video-skill-modal .video-skill-reference-card {
    border-color: #dedfe1;
    background: #eef0f2;
}

body.x-cg-skin .video-skill-modal .video-skill-detail-section h4,
body.x-cg-skin .video-skill-modal .video-skill-reference-title {
    color: #5367ff;
}

body.x-cg-skin .video-params-menu {
    border-color: #dedfe1;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(17, 18, 20, .14);
}

body.x-cg-skin .video-param-title {
    color: #777a80;
}

body.x-cg-skin .video-param-choice {
    border-color: transparent;
    color: #4e5157;
}

body.x-cg-skin .video-param-choice:hover,
body.x-cg-skin .video-param-choice.active {
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #3f46a6;
}

body.x-cg-skin .history-panel .history-head,
body.x-cg-skin .history-panel .history-layout,
body.x-cg-skin .history-panel .history-stack {
    color: #111214;
}

body.x-cg-skin .history-panel .history-head p,
body.x-cg-skin .history-panel .history-panel-note,
body.x-cg-skin .history-panel .history-detail-empty,
body.x-cg-skin .history-panel .history-detail-sub {
    color: #70747b;
}

body.x-cg-skin .history-panel .history-block-title,
body.x-cg-skin .history-panel .history-meta-value {
    color: #111214;
}

body.x-cg-skin .history-panel .history-meta-label,
body.x-cg-skin .history-panel .history-block-note {
    color: #85888e;
}

@media (max-width: 720px) {
    body.x-cg-skin .xcg-theme-toggle {
        left: 12px;
        top: auto;
        bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    }
}

body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon {
    background: linear-gradient(145deg, #f1f2ff, #e1e4ff) !important;
    color: #f59e0b !important;
    box-shadow: inset 0 0 0 1px #d2d7ff !important;
}

body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon svg {
    color: #f59e0b !important;
}

body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt {
    background: linear-gradient(145deg, #ffe7a3, #ffd36a) !important;
    color: #e58a00 !important;
    box-shadow: inset 0 0 0 1px #f2c657 !important;
}

body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt svg {
    color: #e58a00 !important;
}

body.x-cg-skin .prompt-optimize-btn {
    border: 1px solid #d8c8f2;
    background: linear-gradient(135deg, #f3e8ff 0%, #e9ddff 52%, #dce8ff 100%);
    color: #6941a5;
    box-shadow: 0 12px 26px rgba(105, 65, 165, .16), inset 0 1px 0 rgba(255, 255, 255, .8);
}

body.x-cg-skin.xcg-night .topbar-actions {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

body.x-cg-skin.xcg-night .topbar-actions > .notice-trigger,
body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link,
body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

body.x-cg-skin.xcg-night .topbar-actions > .notice-trigger:hover,
body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link:hover,
body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link .pricing-top-link-icon {
    background: #2e3440 !important;
    color: #aeb8ff !important;
    box-shadow: inset 0 0 0 1px #4b5570 !important;
}

body.x-cg-skin.xcg-night .topbar-actions > .pricing-top-link .pricing-top-link-icon svg {
    color: #aeb8ff !important;
}

body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill .account-credit-pill-bolt {
    background: #4a3d22 !important;
    color: #ffd36e !important;
    box-shadow: inset 0 0 0 1px #866b2f !important;
}

body.x-cg-skin.xcg-night .topbar-actions > .account-credit-pill .account-credit-pill-bolt svg {
    color: #ffd36e !important;
}

body.x-cg-skin.xcg-night .h3-admin-banner,
body.x-cg-skin.xcg-night .system-announcement {
    border-color: #3b424b;
    background: #20242a;
    color: #e9edf2;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .26);
}

body.x-cg-skin.xcg-night .h3-admin-banner-text,
body.x-cg-skin.xcg-night .system-announcement-text,
body.x-cg-skin.xcg-night .system-announcement-arrow {
    color: #dfe4ea;
}

body.x-cg-skin.xcg-night .h3-admin-banner-mark,
body.x-cg-skin.xcg-night .system-announcement-badge {
    background: #2f3854;
    color: #aeb8ff;
}

body.x-cg-skin.xcg-night .h3-admin-banner-action {
    border-color: #7f8aff;
    background: #eef0ff;
    color: #2d347d;
}

body.x-cg-skin.xcg-night .h3-admin-banner-action:hover {
    background: #ffffff;
    color: #252b72;
}

body.x-cg-skin.xcg-night .hero h1,
body.x-cg-skin.xcg-night .xcg-hero-typed {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .hero p {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .composer {
    border-color: #3b424b;
    background: #20242a;
    color: #f3f4f6;
    box-shadow: 0 24px 56px rgba(0, 0, 0, .28);
}

body.x-cg-skin.xcg-night .tabs {
    border-color: #454c55;
    background: #252a30;
}

body.x-cg-skin.xcg-night .tab {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .tab.active {
    border-color: #eef0ff;
    background: #eef0ff;
    color: #2d347d;
}

body.x-cg-skin.xcg-night .tab-feature-badge {
    border-color: #ffd36e;
    background: #ffd36e;
    color: #352508;
}

body.x-cg-skin.xcg-night .composer-body {
    border-top-color: #353a42;
}

body.x-cg-skin.xcg-night .upload,
body.x-cg-skin.xcg-night .preview-thumb,
body.x-cg-skin.xcg-night .video-reference-summary-chip,
body.x-cg-skin.xcg-night .video-reference-summary-total,
body.x-cg-skin.xcg-night .video-skill-chip {
    border-color: #454c55;
    background: #252a30;
    color: #dfe4ea;
}

body.x-cg-skin.xcg-night .upload:hover,
body.x-cg-skin.xcg-night .preview-thumb:hover {
    border-color: #68717d;
    background: #30363e;
}

body.x-cg-skin.xcg-night .upload .plus,
body.x-cg-skin.xcg-night .upload .upload-label {
    color: #dfe4ea;
    -webkit-text-fill-color: #dfe4ea;
}

body.x-cg-skin.xcg-night .upload .count {
    border-color: #aeb8ff;
    background: #2f3854;
    color: #dfe4ff;
}

body.x-cg-skin.xcg-night .prompt,
body.x-cg-skin.xcg-night .prompt-input,
body.x-cg-skin.xcg-night textarea,
body.x-cg-skin.xcg-night input,
body.x-cg-skin.xcg-night select {
    border-color: #454c55;
    background: #1b1f24;
    color: #f3f4f6;
    caret-color: #ffffff;
}

body.x-cg-skin.xcg-night .prompt:focus,
body.x-cg-skin.xcg-night .prompt-input:focus,
body.x-cg-skin.xcg-night textarea:focus,
body.x-cg-skin.xcg-night input:focus,
body.x-cg-skin.xcg-night select:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

body.x-cg-skin.xcg-night .prompt::placeholder,
body.x-cg-skin.xcg-night input::placeholder,
body.x-cg-skin.xcg-night textarea::placeholder {
    color: #858c96;
}

body.x-cg-skin.xcg-night .model-trigger,
body.x-cg-skin.xcg-night .ratio-trigger,
body.x-cg-skin.xcg-night .image-size-trigger,
body.x-cg-skin.xcg-night .output-count-trigger,
body.x-cg-skin.xcg-night .chip,
body.x-cg-skin.xcg-night .agent-mode-toggle,
body.x-cg-skin.xcg-night .video-option-trigger {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .model-trigger:hover,
body.x-cg-skin.xcg-night .ratio-trigger:hover,
body.x-cg-skin.xcg-night .image-size-trigger:hover,
body.x-cg-skin.xcg-night .output-count-trigger:hover,
body.x-cg-skin.xcg-night .chip:hover,
body.x-cg-skin.xcg-night .agent-mode-toggle:hover,
body.x-cg-skin.xcg-night .video-option-trigger:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .model-name,
body.x-cg-skin.xcg-night .ratio-trigger-value,
body.x-cg-skin.xcg-night .image-size-trigger-value,
body.x-cg-skin.xcg-night .output-count-trigger-value,
body.x-cg-skin.xcg-night .agent-mode-toggle,
body.x-cg-skin.xcg-night .video-option-trigger {
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .model-note {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .model-menu,
body.x-cg-skin.xcg-night .image-size-menu,
body.x-cg-skin.xcg-night .ratio-menu,
body.x-cg-skin.xcg-night .nano-visual-menu,
body.x-cg-skin.xcg-night .reference-mention-menu,
body.x-cg-skin.xcg-night .video-params-menu,
body.x-cg-skin.xcg-night .feature-center-menu,
body.x-cg-skin.xcg-night .agent-mode-help-popover {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .4);
}

body.x-cg-skin.xcg-night .model-option,
body.x-cg-skin.xcg-night .image-size-option,
body.x-cg-skin.xcg-night .ratio-option,
body.x-cg-skin.xcg-night .nano-visual-size-tab,
body.x-cg-skin.xcg-night .nano-visual-aspect,
body.x-cg-skin.xcg-night .reference-mention-item,
body.x-cg-skin.xcg-night .video-param-choice {
    border-color: transparent;
    background: #1b1f24;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .model-option:hover,
body.x-cg-skin.xcg-night .model-option.active,
body.x-cg-skin.xcg-night .image-size-option:hover,
body.x-cg-skin.xcg-night .image-size-option.active,
body.x-cg-skin.xcg-night .ratio-option:hover,
body.x-cg-skin.xcg-night .ratio-option.active,
body.x-cg-skin.xcg-night .nano-visual-size-tab:hover,
body.x-cg-skin.xcg-night .nano-visual-size-tab.active,
body.x-cg-skin.xcg-night .nano-visual-aspect:hover,
body.x-cg-skin.xcg-night .nano-visual-aspect.active,
body.x-cg-skin.xcg-night .reference-mention-item:hover,
body.x-cg-skin.xcg-night .video-param-choice:hover,
body.x-cg-skin.xcg-night .video-param-choice.active {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .prompt-optimize-btn {
    border-color: #6675d9;
    background: linear-gradient(135deg, #2d347d, #5367ff);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(83, 103, 255, .2);
}

body.x-cg-skin.xcg-night .prompt-optimize-btn:hover:not(:disabled) {
    border-color: #9aa8ff;
    background: linear-gradient(135deg, #3f46a6, #6677ff);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .send {
    border-color: #8290ff;
    background: #eef0ff;
    color: #2d347d;
    box-shadow: 0 10px 22px rgba(83, 103, 255, .16);
}

body.x-cg-skin.xcg-night .send:hover:not(:disabled) {
    background: #ffffff;
}

body.x-cg-skin.xcg-night .upload-progress,
body.x-cg-skin.xcg-night .video-queue-strip,
body.x-cg-skin.xcg-night .agent-execution-trace,
body.x-cg-skin.xcg-night .video-result-panel {
    border-color: #3b424b;
    background: #20242a;
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .status,
body.x-cg-skin.xcg-night .timer,
body.x-cg-skin.xcg-night .history-video-status,
body.x-cg-skin.xcg-night .history-video-time {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .status[data-tone="error"],
body.x-cg-skin.xcg-night .history-video-status.is-failed {
    color: #ff9a9a;
}

body.x-cg-skin.xcg-night .status[data-tone="success"],
body.x-cg-skin.xcg-night .history-video-status.is-success {
    color: #8be6b0;
}

body.x-cg-skin.xcg-night .status[data-tone="pending"],
body.x-cg-skin.xcg-night .history-video-status.is-pending {
    color: #ffd36e;
}

body.x-cg-skin.xcg-night .history-tool-btn,
body.x-cg-skin.xcg-night .history-share-btn,
body.x-cg-skin.xcg-night .history-page-btn,
body.x-cg-skin.xcg-night .history-pagination,
body.x-cg-skin.xcg-night .inspiration-chip,
body.x-cg-skin.xcg-night .inspiration-status,
body.x-cg-skin.xcg-night .inspiration-load-more,
body.x-cg-skin.xcg-night .card-link,
body.x-cg-skin.xcg-night .card-detail,
body.x-cg-skin.xcg-night .history-prompt-copy-btn,
body.x-cg-skin.xcg-night .history-public-share-btn,
body.x-cg-skin.xcg-night .history-detail-download,
body.x-cg-skin.xcg-night .history-detail-edit,
body.x-cg-skin.xcg-night .history-download,
body.x-cg-skin.xcg-night .history-set-reference {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
    box-shadow: none;
}

body.x-cg-skin.xcg-night .history-tool-btn:hover,
body.x-cg-skin.xcg-night .history-tool-btn.is-active,
body.x-cg-skin.xcg-night .history-share-btn:hover:not(:disabled),
body.x-cg-skin.xcg-night .history-page-btn:hover:not(:disabled),
body.x-cg-skin.xcg-night .inspiration-chip:hover,
body.x-cg-skin.xcg-night .inspiration-chip.is-active,
body.x-cg-skin.xcg-night .inspiration-load-more:hover,
body.x-cg-skin.xcg-night .card-link:hover,
body.x-cg-skin.xcg-night .card-detail:hover,
body.x-cg-skin.xcg-night .history-prompt-copy-btn:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .history-pagination,
body.x-cg-skin.xcg-night .history-page-input {
    background: #20242a;
}

body.x-cg-skin.xcg-night .history-page-input {
    border-color: #454c55;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .card,
body.x-cg-skin.xcg-night .inspiration-card,
body.x-cg-skin.xcg-night .history-block,
body.x-cg-skin.xcg-night .history-frame,
body.x-cg-skin.xcg-night .empty,
body.x-cg-skin.xcg-night .nano-stat-card,
body.x-cg-skin.xcg-night .nano-block,
body.x-cg-skin.xcg-night .nano-field-card,
body.x-cg-skin.xcg-night .nano-order-card,
body.x-cg-skin.xcg-night .nano-list-item,
body.x-cg-skin.xcg-night .nano-recharge-card,
body.x-cg-skin.xcg-night .nano-layer-plan-item,
body.x-cg-skin.xcg-night .history-meta-item,
body.x-cg-skin.xcg-night .nano-invoice-summary-cell {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .2);
}

body.x-cg-skin.xcg-night .card .media,
body.x-cg-skin.xcg-night .inspiration-media,
body.x-cg-skin.xcg-night .card-pending-media,
body.x-cg-skin.xcg-night .media {
    background: #1b1f24;
}

body.x-cg-skin.xcg-night .inspiration-apply,
body.x-cg-skin.xcg-night .card-reuse,
body.x-cg-skin.xcg-night .card-media-tool,
body.x-cg-skin.xcg-night .history-view-original span {
    border-color: #5c6672;
    background: #252a30;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .inspiration-apply:hover,
body.x-cg-skin.xcg-night .card-reuse:hover,
body.x-cg-skin.xcg-night .card-media-tool:hover,
body.x-cg-skin.xcg-night .history-view-original span:hover {
    border-color: #7a8794;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .history-empty-state,
body.x-cg-skin.xcg-night .nano-empty {
    border-color: #353a42;
    background: #20242a;
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .site-footer {
    border-color: #353a42;
    background: #20242a;
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .site-footer a,
body.x-cg-skin.xcg-night .site-footer span {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .site-footer a:hover {
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-contact-trigger {
    border-color: #5c6672;
    background: #252a30;
    color: #aeb8ff;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
}

body.x-cg-skin.xcg-night .nano-contact-trigger svg {
    color: #dfe4ff;
}

body.x-cg-skin.xcg-night .nano-contact-panel,
body.x-cg-skin.xcg-night .nano-contact-qr-shell,
body.x-cg-skin.xcg-night .nano-contact-fab {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .account-popover,
body.x-cg-skin.xcg-night .account-head,
body.x-cg-skin.xcg-night .account-stat,
body.x-cg-skin.xcg-night .account-item {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .account-head-note,
body.x-cg-skin.xcg-night .account-stat-label,
body.x-cg-skin.xcg-night .account-item-note {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .account-item:hover {
    border-color: #68717d;
    background: #30363e;
}

body.x-cg-skin.xcg-night .account-promo-badge {
    border-color: #4b5570;
    background: #2f3854;
    color: #cfd6ff;
}

body.x-cg-skin.xcg-night .account-logout {
    border-color: #7a4545;
    background: #3a2428;
    color: #ffb0b0;
}

body.x-cg-skin.xcg-night .account-logout:hover {
    border-color: #b76666;
    background: #512d32;
    color: #ffd1d1;
}

body.x-cg-skin.xcg-night .nano-recharge-dialog,
body.x-cg-skin.xcg-night .nano-pricing-dialog,
body.x-cg-skin.xcg-night .nano-invoice-dialog {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .nano-sheet-kicker,
body.x-cg-skin.xcg-night .nano-recharge-kicker,
body.x-cg-skin.xcg-night .nano-pricing-note {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .nano-recharge-tool,
body.x-cg-skin.xcg-night .nano-recharge-ticker,
body.x-cg-skin.xcg-night .nano-pricing-table,
body.x-cg-skin.xcg-night .nano-pricing-row,
body.x-cg-skin.xcg-night .nano-invoice-type-btn,
body.x-cg-skin.xcg-night .nano-invoice-field {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .nano-recharge-tool:hover,
body.x-cg-skin.xcg-night .nano-invoice-type-btn:hover,
body.x-cg-skin.xcg-night .nano-invoice-type-btn.active {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-recharge-tool-icon,
body.x-cg-skin.xcg-night .nano-recharge-tool-text,
body.x-cg-skin.xcg-night .nano-recharge-ticker-item,
body.x-cg-skin.xcg-night .nano-recharge-ticker-plan,
body.x-cg-skin.xcg-night .nano-recharge-ticker-user {
    color: #dfe4ea;
}

body.x-cg-skin.xcg-night .nano-recharge-ticker-credit {
    color: #8be6b0;
}

body.x-cg-skin.xcg-night .nano-recharge-card-title,
body.x-cg-skin.xcg-night .nano-recharge-price,
body.x-cg-skin.xcg-night .nano-recharge-credit-value,
body.x-cg-skin.xcg-night .nano-pricing-model,
body.x-cg-skin.xcg-night .nano-pricing-cost {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .nano-recharge-card-sub,
body.x-cg-skin.xcg-night .nano-recharge-credit-label,
body.x-cg-skin.xcg-night .nano-recharge-meta li,
body.x-cg-skin.xcg-night .nano-pricing-costs {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .announcement-card,
body.x-cg-skin.xcg-night .announcement-card-body,
body.x-cg-skin.xcg-night .announcement-card-head {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .announcement-card-title,
body.x-cg-skin.xcg-night .announcement-text {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .announcement-card-time,
body.x-cg-skin.xcg-night .announcement-modal-note,
body.x-cg-skin.xcg-night .announcement-chip {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .announcement-badge,
body.x-cg-skin.xcg-night .announcement-dot {
    background: #2f3854;
    color: #aeb8ff;
}

body.x-cg-skin.xcg-night .share-confirm-panel {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .share-confirm-kicker {
    color: #aeb8ff;
}

body.x-cg-skin.xcg-night .share-confirm-title {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .share-confirm-copy,
body.x-cg-skin.xcg-night .share-confirm-list li {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .share-confirm-reward {
    border-color: #4b5570;
    background: linear-gradient(135deg, #2f3854, #252a30 58%, #20242a);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .2);
}

body.x-cg-skin.xcg-night .share-confirm-reward-icon {
    background: linear-gradient(135deg, #7484ff, #5367ff);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .share-confirm-reward-label,
body.x-cg-skin.xcg-night .share-confirm-reward-meta {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .share-confirm-reward-value {
    color: #ffffff;
}

body.x-cg-skin.xcg-night .share-confirm-note {
    border-color: #3b424b;
    background: #20242a;
}

body.x-cg-skin.xcg-night .share-confirm-note strong {
    color: #ffffff;
}

body.x-cg-skin.xcg-night .share-confirm-list li::before {
    background: #9aa8ff;
}

body.x-cg-skin.xcg-night .video-skill-modal .nano-dialog,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-card,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-info,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-section,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-reference-section {
    border-color: #3b424b;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-panel,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-copy,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-copy,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-name,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-title,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-info-value {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-tab,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-search {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-tab:hover,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-tab.active,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-card:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-search {
    caret-color: #ffffff;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-search::placeholder,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-desc,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-sub,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-section p,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-info-label,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-meta,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-await {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-badge {
    border-color: #4b5570;
    background: #2f3854;
    color: #cfd6ff;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-card-use,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-actions .primary {
    border-color: #6675d9;
    background: linear-gradient(135deg, #5367ff, #7484ff);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-media,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-media,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-reference-card {
    border-color: #454c55;
    background: #1b1f24;
}

body.x-cg-skin.xcg-night .video-skill-modal .video-skill-detail-section h4,
body.x-cg-skin.xcg-night .video-skill-modal .video-skill-reference-title {
    color: #aeb8ff;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-dialog,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-panel,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-head,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-tabs,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-content,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-pane,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-footer {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-title,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-pane-title,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-field-label,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-label,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch-title,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-item-prompt,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-prompt-title,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference-title,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference-action,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference-count {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-bar,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-composer,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-row,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-stat,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-item {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-note,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference-meta,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch-meta,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-detail,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-timing-metric,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-status,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-warnings,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-reference-meta {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-input,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch-title-input,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-input,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-textarea,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-select,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-distribution-trigger,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-compose-button,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-mini-btn,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-page-btn {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-compose-button:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-mini-btn:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-page-btn:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-tab:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-tab.is-active {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-send,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-submit,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-apply {
    border-color: #8290ff;
    background: #eef0ff;
    color: #2d347d;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-distribution-menu,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-diff-menu,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-param-panel {
    border-color: #3b424b;
    background: #1b1f24;
    color: #f3f4f6;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .4);
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-distribution-option,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-param-toggle,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-param-primary,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch-action,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-item-actions button {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-agent-distribution-option:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-param-toggle:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-param-primary:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-batch-action:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-item-actions button:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night #favorites-modal .favorites-dialog,
body.x-cg-skin.xcg-night #favorites-modal .favorites-panel,
body.x-cg-skin.xcg-night #favorites-modal .favorite-card,
body.x-cg-skin.xcg-night #favorites-modal .favorites-search,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-indicator,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-range {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-media,
body.x-cg-skin.xcg-night #favorites-modal .favorite-empty {
    background: #1b1f24;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-time,
body.x-cg-skin.xcg-night #favorites-modal .favorite-prompt,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-indicator,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-range,
body.x-cg-skin.xcg-night #favorites-modal .favorites-search-icon {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-action,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-btn,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-jump-btn,
body.x-cg-skin.xcg-night #favorites-modal .favorites-search-clear {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-action:hover,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-btn:hover:not(:disabled),
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-jump-btn:hover,
body.x-cg-skin.xcg-night #favorites-modal .favorites-search-clear:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-pin-action.is-active {
    border-color: #6675d9;
    background: #2f3854;
    color: #cfd6ff;
}

body.x-cg-skin.xcg-night #favorites-modal .favorite-remove {
    border-color: #7a4545;
    background: #3a2428;
    color: #ffb0b0;
}

body.x-cg-skin.xcg-night #favorites-modal .favorites-search-input,
body.x-cg-skin.xcg-night #favorites-modal .favorites-page-input {
    border-color: transparent;
    background: transparent;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .canvas-mode-toolbar,
body.x-cg-skin.xcg-night .canvas-mode-control,
body.x-cg-skin.xcg-night .canvas-mode-select,
body.x-cg-skin.xcg-night .canvas-mode-empty,
body.x-cg-skin.xcg-night .nic-topbar,
body.x-cg-skin.xcg-night .nic-search,
body.x-cg-skin.xcg-night .nic-status,
body.x-cg-skin.xcg-night .nic-history-limit,
body.x-cg-skin.xcg-night .nic-viewport,
body.x-cg-skin.xcg-night .nic-left-toolbar,
body.x-cg-skin.xcg-night .nic-empty,
body.x-cg-skin.xcg-night .nic-panel,
body.x-cg-skin.xcg-night .nic-composer {
    border-color: #353a42;
    background: #20242a;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .canvas-mode-count,
body.x-cg-skin.xcg-night .canvas-mode-status,
body.x-cg-skin.xcg-night .nic-status {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .canvas-mode-select,
body.x-cg-skin.xcg-night .nic-limit-range,
body.x-cg-skin.xcg-night .nic-limit-input,
body.x-cg-skin.xcg-night .nic-action-btn,
body.x-cg-skin.xcg-night .nic-canvas-tool,
body.x-cg-skin.xcg-night .nic-composer-input,
body.x-cg-skin.xcg-night .nic-composer-pill,
body.x-cg-skin.xcg-night .nic-composer-menu,
body.x-cg-skin.xcg-night .nic-icon-btn {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .nano-dialog .nano-primary-btn,
body.x-cg-skin.xcg-night .nano-dialog .nano-secondary-btn,
body.x-cg-skin.xcg-night .nano-dialog .nano-page-btn,
body.x-cg-skin.xcg-night .nano-dialog .nano-page-input {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night .nano-dialog .nano-primary-btn {
    border-color: #8290ff;
    background: #eef0ff;
    color: #2d347d;
}

body.x-cg-skin.xcg-night .nano-dialog .nano-secondary-btn:hover,
body.x-cg-skin.xcg-night .nano-dialog .nano-page-btn:hover:not(:disabled) {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night select option {
    background: #1b1f24;
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal,
body.x-cg-skin.xcg-night #recharge-modal,
body.x-cg-skin.xcg-night #pricing-info-modal,
body.x-cg-skin.xcg-night #invoice-modal,
body.x-cg-skin.xcg-night #orders-modal,
body.x-cg-skin.xcg-night #activity-modal,
body.x-cg-skin.xcg-night #wallet-modal,
body.x-cg-skin.xcg-night #announcements-modal,
body.x-cg-skin.xcg-night #video-skill-modal,
body.x-cg-skin.xcg-night #favorites-modal {
    background: rgba(9, 11, 14, .78);
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-drop,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-drop-empty,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-pill,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-model,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-consistent {
    border-color: #454c55;
    background: #252a30;
    color: #e9edf2;
}

body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-drop:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-drop-empty:hover,
body.x-cg-skin.xcg-night #scheduled-generation-modal .scheduled-summary-pill:hover {
    border-color: #68717d;
    background: #30363e;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect {
    border-color: #454c55 !important;
    background: #252a30 !important;
    color: #e9edf2 !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab:hover,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab.active,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect:hover,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect.active {
    border-color: #68717d !important;
    background: #30363e !important;
    color: #ffffff !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect-mark,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect-label,
body.x-cg-skin.xcg-night .nano-visual-menu .zt-ratio-frame {
    border-color: #68717d !important;
    background: transparent !important;
    color: #e9edf2 !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect.active .zt-ratio-frame {
    border-color: #aeb8ff !important;
    background: #2f3854 !important;
    color: #ffffff !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect .zt-ratio-frame {
    border-color: #68717d !important;
    background: #1b1f24 !important;
    color: #e9edf2 !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect.active .zt-ratio-frame {
    border-color: #aeb8ff !important;
    background: #2f3854 !important;
    color: #ffffff !important;
}

body.x-cg-skin .prompt-optimize-btn:hover:not(:disabled) {
    border-color: #bca3e7;
    background: linear-gradient(135deg, #ead8ff 0%, #dfd0ff 52%, #d2e2ff 100%);
    color: #513080;
    box-shadow: 0 16px 32px rgba(105, 65, 165, .2), inset 0 1px 0 rgba(255, 255, 255, .86);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-content,
body.x-cg-skin #scheduled-edit-modal .scheduled-content,
body.x-cg-skin #scheduled-generation-modal .scheduled-pane {
    background: #ffffff;
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-field-label,
body.x-cg-skin #scheduled-edit-modal .scheduled-field-label {
    color: #777a80;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-drop,
body.x-cg-skin #scheduled-generation-modal .scheduled-drop-empty,
body.x-cg-skin #scheduled-generation-modal .scheduled-thumb,
body.x-cg-skin #scheduled-generation-modal .scheduled-thumb-more,
body.x-cg-skin #scheduled-edit-modal .scheduled-thumb {
    border-color: #dfe1e4;
    background: #f7f7f8;
    color: #6f7379;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-drop.is-dragover {
    border-color: #8fc6ee;
    background: #edf7ff;
    color: #3e78a3;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle {
    border-color: #d4d6da;
    background: #f8f8f9;
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle.is-open {
    border-color: #bfc2c7;
    background: #f0f1f2;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-primary,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-pill strong,
body.x-cg-skin #scheduled-generation-modal .scheduled-stat b,
body.x-cg-skin #scheduled-generation-modal .scheduled-timing-stat b,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-summary,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-warnings,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item b,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-status {
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-time,
body.x-cg-skin #scheduled-generation-modal .scheduled-param-chevron,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-label,
body.x-cg-skin #scheduled-generation-modal .scheduled-stat span,
body.x-cg-skin #scheduled-generation-modal .scheduled-timing-stat span,
body.x-cg-skin #scheduled-generation-modal .scheduled-page-label,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item span,
body.x-cg-skin #scheduled-generation-modal .scheduled-edit-status,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-status {
    color: #777a80;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-pill,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-model,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-consistent,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff > summary,
body.x-cg-skin #scheduled-generation-modal .scheduled-timing-stat {
    border-color: #dfe1e4;
    background: #f7f7f8;
    color: #4e5157;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-model {
    border-color: #cbdcf0;
    background: #eef7ff;
    color: #3e78a3;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-consistent {
    border-color: #cfe8d7;
    background: #f1faf3;
    color: #287a4d;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff > summary {
    border-color: #efd79e;
    background: #fff8e7;
    color: #8a631a;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-menu,
body.x-cg-skin #scheduled-generation-modal .scheduled-param-panel {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 18px 42px rgba(17, 18, 20, .14);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item {
    background: #f8f8f9;
    color: #303238;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item:hover {
    background: #f0f1f2;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-preview,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-apply {
    border-color: #cfe8d7;
    background: #f1faf3;
    color: #287a4d;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-edit-close,
body.x-cg-skin #scheduled-generation-modal .scheduled-thumb-remove,
body.x-cg-skin #scheduled-generation-modal .scheduled-thumb-more {
    border-color: #d4d6da;
    background: #ffffff;
    color: #4e5157;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-progress,
body.x-cg-skin #scheduled-generation-modal .scheduled-progress-track,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress-track {
    background: #e5e6e8;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-item-error {
    color: #b13d3d;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-batch-download {
    border-color: #efd79e;
    background: #fff8e7;
    color: #8a631a;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-batch-download:hover {
    background: #fff0c7;
}

body.x-cg-skin .xcg-hero-typed {
    display: inline-block;
    min-width: 9.6em;
    color: #111214;
    font-size: .94em;
    font-weight: inherit;
    letter-spacing: -.055em;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    white-space: pre;
}

body.x-cg-skin .xcg-hero-typed::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: .78em;
    margin-left: .12em;
    border-radius: 999px;
    background: #efb84b;
    vertical-align: -.02em;
    animation: xcg-hero-caret 1s steps(1, end) infinite;
}

@keyframes xcg-hero-caret {
    0%, 48% { opacity: 1; }
    49%, 100% { opacity: 0; }
}

body.x-cg-skin .nano-pricing-table {
    overflow: hidden;
    border: 1px solid #dedfe1;
    border-radius: 20px;
    background: #f8f8f9;
}

body.x-cg-skin .nano-pricing-head {
    border-bottom-color: #dedfe1;
    background: #eef0f2;
    color: #777a80;
}

body.x-cg-skin .nano-pricing-row {
    border-top-color: #e5e6e8;
    background: #ffffff;
}

body.x-cg-skin .nano-pricing-row:first-of-type {
    border-top: 0;
}

body.x-cg-skin .nano-pricing-model,
body.x-cg-skin .nano-pricing-note {
    color: #111214;
}

body.x-cg-skin .nano-pricing-note {
    color: #777a80;
}

body.x-cg-skin .nano-pricing-cost {
    border-color: #d8dade;
    background: #eef0f2;
    color: #4e5157;
}

body.x-cg-skin .nano-pricing-cost strong {
    color: #111214;
}

body.x-cg-skin .nano-pricing-cost-icon {
    background: #f6d27b;
    color: #815607;
}

body.x-cg-skin .announcement-card {
    border-color: #dedfe1;
    background: #f8f8f9;
    box-shadow: none;
}

body.x-cg-skin .announcement-card-title {
    color: #111214;
}

body.x-cg-skin .announcement-card-body {
    color: #62656a;
}

body.x-cg-skin .announcement-card-time {
    color: #85888e;
}

body.x-cg-skin .announcement-chip.type-notice {
    border-color: #cfd2f5;
    background: #e9eaff;
    color: #5057bd;
}

body.x-cg-skin .announcement-chip.type-feature {
    border-color: #f0d7a9;
    background: #fff4d9;
    color: #a86d13;
}

body.x-cg-skin .announcement-chip.state-unread {
    border-color: #e8b5b5;
    background: #fff0f0;
    color: #a43d3d;
}

body.x-cg-skin .announcement-chip.state-read {
    border-color: #d9dade;
    background: #eef0f2;
    color: #777a80;
}

body.x-cg-skin .history-block {
    border-color: #dfe1e4;
    background: #f7f7f8;
    box-shadow: 0 8px 20px rgba(17, 18, 20, .04);
}

body.x-cg-skin .history-meta-item {
    border-color: #e1e2e4;
    background: #ffffff;
}

body.x-cg-skin .history-meta-label,
body.x-cg-skin .history-block-note {
    color: #85888e;
}

body.x-cg-skin .history-meta-value,
body.x-cg-skin .history-prompt-copy {
    color: #111214;
}

body.x-cg-skin .history-prompt-copy-btn {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(17, 18, 20, .14);
}

body.x-cg-skin .history-prompt-copy-btn svg {
    color: #ffffff;
}

body.x-cg-skin .history-prompt-copy-btn:hover {
    border-color: #303238;
    background: #303238;
}

body.x-cg-skin .history-empty-state {
    border-color: #d9dade;
    background: #ffffff;
    color: #85888e;
}

body.x-cg-skin .nano-contact-panel {
    border-color: #d7d9dd;
    background: #ffffff;
    box-shadow: 0 24px 56px rgba(17, 18, 20, .16);
}

body.x-cg-skin .nano-contact-qr-shell {
    border-color: #e1e2e4;
    background: #f7f7f8;
}

body.x-cg-skin .account-shell {
    display: flex;
    align-items: center;
    padding: 4px;
    border: 1px solid #e1e2e4;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(17, 18, 20, .06);
}

body.x-cg-skin .account-user:not(.hidden) {
    display: block;
}

body.x-cg-skin .account-link,
body.x-cg-skin .account-trigger {
    margin: 0;
}

body.x-cg-skin .nano-recharge-ticker {
    height: 40px;
    margin-top: 0;
    padding: 4px 10px;
    border: 1px solid #e1e2e4;
    border-radius: 999px;
    background: #f7f7f8;
    box-shadow: 0 8px 20px rgba(17, 18, 20, .06);
}

body.x-cg-skin .nano-recharge-ticker-track {
    height: 30px;
}

body.x-cg-skin .nano-recharge-ticker-item {
    justify-content: center;
    gap: 6px;
    color: #6f7379;
    font-size: 11px;
}

body.x-cg-skin .nano-recharge-ticker-user {
    color: #5057bd;
}

body.x-cg-skin .nano-recharge-ticker-credit {
    color: #2d8a59;
}

body.x-cg-skin .nano-recharge-ticker-plan {
    padding: 4px 8px;
    border: 1px solid #e1e2e4;
    border-radius: 999px;
    background: #ffffff;
    color: #111214;
}

body.x-cg-skin .site-footer {
    margin-top: 36px;
    padding: 18px 20px;
    border-color: #e1e2e4;
    background: #f7f7f8;
    box-shadow: 0 12px 28px rgba(17, 18, 20, .05);
}

body.x-cg-skin .site-footer-inner {
    justify-content: center;
    gap: 12px 28px;
    text-align: center;
}

body.x-cg-skin .site-footer-records,
body.x-cg-skin .site-footer-links {
    justify-content: center;
    margin-left: 0;
}

body.x-cg-skin .site-footer a,
body.x-cg-skin .site-footer span {
    color: #6f7379;
}

body.x-cg-skin .site-footer a:hover {
    color: #111214;
}

@media (min-width: 721px) {
    body.x-cg-skin .site-footer-inner {
        justify-content: center;
        text-align: center;
    }

    body.x-cg-skin .site-footer-records,
    body.x-cg-skin .site-footer-links {
        justify-content: center;
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    body.x-cg-skin .account-shell {
        padding: 3px;
    }

    body.x-cg-skin .nano-recharge-ticker {
        width: min(100%, 360px);
    }
}

body.x-cg-skin .topbar {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 62;
    width: 100%;
    margin: 0 0 18px;
    transform: none;
}

body.x-cg-skin .topbar-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .topbar-actions > .notice-trigger,
body.x-cg-skin .topbar-actions > .pricing-top-link,
body.x-cg-skin .topbar-actions > .account-credit-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid #dedfe1;
    border-radius: 999px;
    background: #f7f7f8;
    color: #4e5157;
    box-shadow: none;
    backdrop-filter: none;
}

body.x-cg-skin .topbar-actions > .notice-trigger > span:not(.infinite-canvas-beta-badge),
body.x-cg-skin .topbar-actions > .pricing-top-link > span:not(.pricing-top-link-icon),
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-value,
body.x-cg-skin .topbar-actions > .notice-trigger .infinite-canvas-beta-badge {
    display: inline-flex;
}

body.x-cg-skin .topbar-actions > .notice-trigger svg,
body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon svg,
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt svg {
    width: 16px;
    height: 16px;
}

body.x-cg-skin .topbar-actions > .pricing-top-link .pricing-top-link-icon,
body.x-cg-skin .topbar-actions > .account-credit-pill .account-credit-pill-bolt {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    border-radius: 8px;
    box-shadow: none;
}

body.x-cg-skin .topbar-actions > .pricing-top-link {
    margin-left: auto;
}

body.x-cg-skin .topbar-actions > .account-shell {
    position: static;
    margin-left: 0;
}

body.x-cg-skin .topbar-actions > .notice-trigger::after,
body.x-cg-skin .topbar-actions > .pricing-top-link::after,
body.x-cg-skin .topbar-actions > .account-credit-pill::after {
    display: none;
}

body.x-cg-skin .account-stats {
    grid-template-columns: 1fr;
}

body.x-cg-skin .account-stats .account-stat:first-child,
body.x-cg-skin #account-invite-link,
body.x-cg-skin #wallet-daily-stat,
body.x-cg-skin #invite-modal,
body.x-cg-skin .nano-faq-daily,
body.x-cg-skin .nano-faq-rewards {
    display: none !important;
}

body.x-cg-skin .video-param-title {
    color: #777a80;
}

body.x-cg-skin .video-param-choice,
body.x-cg-skin .image-size-menu .image-size-option,
body.x-cg-skin .ratio-menu .ratio-option {
    border-color: transparent;
    background: #ffffff;
    color: #303238;
}

body.x-cg-skin .video-param-choice:hover,
body.x-cg-skin .video-param-choice.active,
body.x-cg-skin .image-size-menu .image-size-option:hover,
body.x-cg-skin .image-size-menu .image-size-option.active,
body.x-cg-skin .ratio-menu .ratio-option:hover,
body.x-cg-skin .ratio-menu .ratio-option.active {
    border-color: #d5d7da;
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin .video-param-choice .video-param-aspect-mark .zt-ratio-frame {
    border-color: #8a8d93;
    background: #f0f1f2;
}

body.x-cg-skin .video-param-choice.active .video-param-aspect-mark .zt-ratio-frame {
    border-color: #111214;
    background: #e1e3ff;
}

body.x-cg-skin .nano-visual-menu .nano-visual-title {
    color: #777a80;
}

body.x-cg-skin .nano-visual-menu .nano-visual-size-tab,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect {
    border-color: transparent;
    background: #ffffff;
    color: #303238;
}

body.x-cg-skin .nano-visual-menu .nano-visual-size-tab:hover,
body.x-cg-skin .nano-visual-menu .nano-visual-size-tab.active,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect:hover,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect.active {
    border-color: #d5d7da;
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin .nano-visual-menu .nano-visual-aspect-mark .zt-ratio-frame {
    border-color: #8a8d93;
    background: #f0f1f2;
}

body.x-cg-skin .nano-visual-menu .nano-visual-aspect.active .zt-ratio-frame {
    border-color: #111214;
    background: #e1e3ff;
}

@media (max-width: 720px) {
    body.x-cg-skin .topbar {
        position: relative;
        width: 100%;
        margin-bottom: 18px;
    }

    body.x-cg-skin .topbar-actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        min-height: 44px;
        padding: 0;
    }

    body.x-cg-skin .topbar-actions > .notice-trigger,
    body.x-cg-skin .topbar-actions > .pricing-top-link,
    body.x-cg-skin .topbar-actions > .account-credit-pill {
        height: 34px;
        min-height: 34px;
        padding: 0 10px;
    }

    body.x-cg-skin .topbar-actions > .account-shell {
        position: static;
        margin-left: auto;
    }

    body.x-cg-skin .topbar-actions > .pricing-top-link {
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    body.x-cg-skin .page {
        width: min(100% - 28px, 620px);
        padding-top: 18px;
    }

    body.x-cg-skin .topbar {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 18px;
    }

    body.x-cg-skin .topbar-actions {
        width: 100%;
        min-height: 44px;
        padding: 0;
        flex-direction: row;
        justify-content: flex-start;
        border-radius: 0;
    }

    body.x-cg-skin .topbar-actions > .account-shell {
        position: static;
        margin-left: auto;
    }

    body.x-cg-skin .topbar-actions > .pricing-top-link {
        margin-left: 0;
    }

    body.x-cg-skin .hero {
        padding-top: 18px;
    }

    body.x-cg-skin .hero h1 {
        font-size: clamp(34px, 10vw, 48px);
    }

    body.x-cg-skin .composer-wrap {
        margin-top: 34px;
    }

    body.x-cg-skin .history {
        margin-top: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.nano-reduce-motion body.x-cg-skin *,
    html.nano-reduce-motion body.x-cg-skin *::before,
    html.nano-reduce-motion body.x-cg-skin *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

body.x-cg-skin .history-detail-download,
body.x-cg-skin .history-public-share-btn {
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #5057bd;
    box-shadow: 0 6px 16px rgba(80, 87, 189, .12);
}

body.x-cg-skin .history-detail-download:hover,
body.x-cg-skin .history-public-share-btn:hover:not(:disabled) {
    border-color: #aeb5ef;
    background: #e6e8ff;
    color: #3f46a6;
}

body.x-cg-skin .history-detail-edit {
    border-color: #b9dcf7;
    background: #edf7ff;
    color: #1674b8;
    box-shadow: 0 6px 16px rgba(22, 116, 184, .12);
}

body.x-cg-skin .history-detail-edit:hover {
    border-color: #8fc6ee;
    background: #dff1ff;
    color: #0d5e99;
}

body.x-cg-skin .history-beta-btn {
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #5057bd;
    box-shadow: none;
}

body.x-cg-skin .history-beta-btn:hover:not(:disabled) {
    border-color: #aeb5ef;
    background: #e6e8ff;
    color: #3f46a6;
}

body.x-cg-skin .history-beta-btn.is-pending {
    border-color: #efd39c;
    background: #fff8e8;
    color: #956400;
}

body.x-cg-skin .history-beta-btn.is-approved {
    border-color: #bfe3cc;
    background: #effaf2;
    color: #287a4d;
}

body.x-cg-skin .history-beta-btn.is-rejected {
    border-color: #edc6c6;
    background: #fff2f2;
    color: #a43d3d;
}

body.x-cg-skin .history-beta-btn:disabled {
    opacity: .82;
}

body.x-cg-skin .history-download,
body.x-cg-skin .history-set-reference {
    border-color: rgba(255, 255, 255, .72);
    background: rgba(17, 18, 20, .9);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(17, 18, 20, .28);
}

body.x-cg-skin .history-download:hover,
body.x-cg-skin .history-set-reference:hover:not(:disabled) {
    border-color: #ffffff;
    background: rgba(17, 18, 20, .98);
    color: #ffffff;
}

body.x-cg-skin .history-ai-label {
    border-color: rgba(255, 255, 255, .72);
    background: rgba(17, 18, 20, .82);
    color: #ffffff;
    text-shadow: none;
    box-shadow: 0 8px 18px rgba(17, 18, 20, .2);
}

body.x-cg-skin .history-detail-download:focus-visible,
body.x-cg-skin .history-detail-edit:focus-visible,
body.x-cg-skin .history-public-share-btn:focus-visible,
body.x-cg-skin .history-beta-btn:focus-visible,
body.x-cg-skin .history-download:focus-visible,
body.x-cg-skin .history-set-reference:focus-visible {
    outline: 3px solid rgba(80, 87, 189, .24);
    outline-offset: 2px;
}

body.x-cg-skin #scheduled-generation-modal,
body.x-cg-skin #scheduled-edit-modal {
    background: rgba(255, 255, 255, .84);
    backdrop-filter: blur(14px);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-dialog,
body.x-cg-skin #scheduled-edit-modal .scheduled-dialog,
body.x-cg-skin #scheduled-generation-modal .scheduled-panel,
body.x-cg-skin #scheduled-edit-modal .scheduled-panel {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 28px 70px rgba(17, 18, 20, .16);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-head,
body.x-cg-skin #scheduled-generation-modal .scheduled-tabs,
body.x-cg-skin #scheduled-generation-modal .scheduled-footer,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-head,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-footer {
    border-color: #e1e2e4;
    background: #ffffff;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-pane-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-batch-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-prompt-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-label,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-model,
body.x-cg-skin #scheduled-generation-modal .scheduled-item-prompt,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-title,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-index {
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-tab,
body.x-cg-skin #scheduled-generation-modal .scheduled-pane,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-note,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-status,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-title,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-drop,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-tools label,
body.x-cg-skin #scheduled-generation-modal .scheduled-batch-meta,
body.x-cg-skin #scheduled-generation-modal .scheduled-item-status,
body.x-cg-skin #scheduled-generation-modal .scheduled-item-error,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-detail,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-pill,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-note,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-lock-note {
    color: #6f7379;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-tab:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-tab.is-active {
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-tab.is-active {
    box-shadow: inset 0 0 0 1px #cfd1d5;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-tab-count,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-pill,
body.x-cg-skin #scheduled-generation-modal .scheduled-stat,
body.x-cg-skin #scheduled-generation-modal .scheduled-timing-stat {
    border-color: #e1e2e4;
    background: #f7f7f8;
    color: #4e5157;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-batch,
body.x-cg-skin #scheduled-generation-modal .scheduled-row,
body.x-cg-skin #scheduled-generation-modal .scheduled-item,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-bar,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-composer,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress,
body.x-cg-skin #scheduled-generation-modal .scheduled-drop,
body.x-cg-skin #scheduled-generation-modal .scheduled-empty,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-row {
    border-color: #e1e2e4;
    background: #f8f8f9;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-bar,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress[data-tone="success"] {
    border-color: #cfe8d7;
    background: #f1faf3;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference.is-dragover,
body.x-cg-skin #scheduled-generation-modal .scheduled-drop.is-dragover {
    border-color: #8fc6ee;
    background: #edf7ff;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-input,
body.x-cg-skin #scheduled-generation-modal .scheduled-select,
body.x-cg-skin #scheduled-generation-modal .scheduled-textarea,
body.x-cg-skin #scheduled-generation-modal .scheduled-batch-title-input,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-input,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-select,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-prompt {
    border-color: #d4d6da;
    background: #ffffff;
    color: #111214;
    caret-color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-input::placeholder,
body.x-cg-skin #scheduled-generation-modal .scheduled-batch-title-input::placeholder,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-input::placeholder,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-prompt::placeholder {
    color: #9a9da2;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-input:focus,
body.x-cg-skin #scheduled-generation-modal .scheduled-select:focus,
body.x-cg-skin #scheduled-generation-modal .scheduled-textarea:focus,
body.x-cg-skin #scheduled-generation-modal .scheduled-batch-title-input:focus,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-input:focus,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-prompt:focus {
    border-color: #8fc6ee;
    box-shadow: 0 0 0 3px rgba(80, 156, 211, .14);
    outline: none;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-mini-btn,
body.x-cg-skin #scheduled-generation-modal .scheduled-icon-btn,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-compose-button,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-action,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-trigger,
body.x-cg-skin #scheduled-generation-modal .scheduled-page-btn,
body.x-cg-skin #scheduled-generation-modal .scheduled-item-actions button,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-actions button {
    border-color: #d4d6da;
    background: #ffffff;
    color: #4e5157;
    box-shadow: none;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-mini-btn:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-icon-btn:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-compose-button:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-reference-action:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-trigger:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-trigger.is-open,
body.x-cg-skin #scheduled-generation-modal .scheduled-page-btn:hover:not(:disabled),
body.x-cg-skin #scheduled-generation-modal .scheduled-item-actions button:hover,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-actions button:hover {
    border-color: #bfc2c7;
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle,
body.x-cg-skin #scheduled-generation-modal .scheduled-param-panel,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-menu,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-menu {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 18px 42px rgba(17, 18, 20, .14);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-param-toggle.is-open,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-option:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-option.is-active,
body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item:hover {
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-summary-diff-item,
body.x-cg-skin #scheduled-generation-modal .scheduled-agent-distribution-option {
    color: #4e5157;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-send,
body.x-cg-skin #scheduled-generation-modal .scheduled-submit,
body.x-cg-skin #scheduled-generation-modal .scheduled-actions .nano-primary-btn,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-save {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(17, 18, 20, .14);
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-send:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-submit:hover,
body.x-cg-skin #scheduled-generation-modal .scheduled-actions .nano-primary-btn:hover,
body.x-cg-skin #scheduled-edit-modal .scheduled-edit-save:hover {
    border-color: #2a2c30;
    background: #2a2c30;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-progress-track,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress-track {
    background: #e5e6e8;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-progress-fill,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress-bar {
    background: #111214;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-status-icon,
body.x-cg-skin #scheduled-generation-modal .scheduled-item-status[data-status="success"],
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress[data-tone="success"] .scheduled-copy-progress-top {
    color: #287a4d;
}

body.x-cg-skin #scheduled-generation-modal .scheduled-agent-status[data-tone="error"],
body.x-cg-skin #scheduled-generation-modal .scheduled-item-error,
body.x-cg-skin #scheduled-generation-modal .scheduled-copy-progress[data-tone="error"] .scheduled-copy-progress-top {
    color: #b13d3d;
}

body.x-cg-skin #scheduled-generation-modal select option {
    background: #ffffff;
    color: #111214;
}

body.x-cg-skin #favorites-modal .favorites-dialog,
body.x-cg-skin #favorites-modal .favorites-panel {
    border-color: #dedfe1;
    background: #ffffff;
    color: #111214;
    box-shadow: 0 28px 70px rgba(17, 18, 20, .16);
}

body.x-cg-skin #favorites-modal .favorite-card,
body.x-cg-skin #favorites-modal .favorites-search,
body.x-cg-skin #favorites-modal .favorites-page-indicator,
body.x-cg-skin #favorites-modal .favorites-page-range {
    border-color: #e1e2e4;
    background: #f8f8f9;
    color: #111214;
    box-shadow: none;
}

body.x-cg-skin #favorites-modal .favorite-media,
body.x-cg-skin #favorites-modal .favorite-empty {
    background: #f1f2f3;
}

body.x-cg-skin #favorites-modal .favorite-time,
body.x-cg-skin #favorites-modal .favorite-prompt,
body.x-cg-skin #favorites-modal .favorites-page-indicator,
body.x-cg-skin #favorites-modal .favorites-page-range,
body.x-cg-skin #favorites-modal .favorites-search-icon {
    color: #777a80;
}

body.x-cg-skin #favorites-modal .favorite-action,
body.x-cg-skin #favorites-modal .favorites-page-btn,
body.x-cg-skin #favorites-modal .favorites-page-jump-btn,
body.x-cg-skin #favorites-modal .favorites-search-clear {
    border-color: #d4d6da;
    background: #ffffff;
    color: #4e5157;
    box-shadow: none;
}

body.x-cg-skin #favorites-modal .favorite-action:hover,
body.x-cg-skin #favorites-modal .favorites-page-btn:hover:not(:disabled),
body.x-cg-skin #favorites-modal .favorites-page-jump-btn:hover,
body.x-cg-skin #favorites-modal .favorites-search-clear:hover {
    border-color: #bfc2c7;
    background: #f0f1f2;
    color: #111214;
}

body.x-cg-skin #favorites-modal .favorite-pin-action.is-active {
    border-color: #cfd1f1;
    background: #f1f2ff;
    color: #5057bd;
}

body.x-cg-skin #favorites-modal .favorite-remove {
    border-color: #e5caca;
    background: #fff7f7;
    color: #a43d3d;
}

body.x-cg-skin #favorites-modal .favorite-remove:hover {
    border-color: #d9a8a8;
    background: #fff0f0;
    color: #8f3030;
}

body.x-cg-skin #favorites-modal .favorites-search-input,
body.x-cg-skin #favorites-modal .favorites-page-input {
    border-color: transparent;
    background: transparent;
    color: #111214;
}

body.x-cg-skin #favorites-modal .favorites-search-input::placeholder,
body.x-cg-skin #favorites-modal .favorites-page-input::placeholder {
    color: #9a9da2;
}

body.x-cg-skin #favorites-modal .favorite-card:focus-within,
body.x-cg-skin #favorites-modal .favorite-card:hover {
    border-color: #c7c9cd;
    box-shadow: 0 18px 38px rgba(17, 18, 20, .1);
}

body.x-cg-skin .nano-contact-trigger {
    overflow: hidden;
}

body.x-cg-skin .nano-contact-trigger svg {
    display: block;
    overflow: hidden;
    background: transparent;
    shape-rendering: geometricPrecision;
}

body.x-cg-skin .mark {
    width: 78px;
    height: 78px;
    padding: 6px;
    border-color: #dedfe1;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(17, 18, 20, .08);
    overflow: hidden;
}

body.x-cg-skin .mark::before,
body.x-cg-skin .mark::after {
    display: none;
}

body.x-cg-skin .site-brand-icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
}

body.x-cg-skin .upload {
    border-color: #cfd2d6;
    background: #f7f7f8;
    color: #111214;
}

body.x-cg-skin .upload:hover {
    border-color: #bfc2c7;
    background: #eef0f2;
}

body.x-cg-skin .upload .plus {
    color: #111214;
    -webkit-text-fill-color: #111214;
}

body.x-cg-skin .upload .upload-label {
    color: #6f7379;
    -webkit-text-fill-color: #6f7379;
}

body.x-cg-skin .upload .count {
    border-color: #111214;
    background: #111214;
    color: #ffffff;
}

body.x-cg-skin .video-skill-trigger {
    flex: 0 0 auto;
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #5057bd;
    box-shadow: none;
}

body.x-cg-skin .video-skill-trigger:hover,
body.x-cg-skin .video-skill-trigger:focus-visible {
    transform: none;
    border-color: #aeb5ef;
    background: #e6e8ff;
    color: #3f46a6;
    box-shadow: none;
    outline: none;
}

body.x-cg-skin .video-skill-trigger svg {
    color: currentColor;
}

body.x-cg-skin .prompt:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

body.x-cg-skin .prompt {
    background: transparent;
}

body.x-cg-skin .tag {
    border-color: #d6d8dc;
    background: #f0f1f2;
    color: #303238;
}

body.x-cg-skin .topbar-actions > .notice-trigger,
body.x-cg-skin .topbar-actions > .pricing-top-link,
body.x-cg-skin .topbar-actions > .account-credit-pill {
    position: relative;
}

body.x-cg-skin .topbar-actions > .notice-trigger::after,
body.x-cg-skin .topbar-actions > .pricing-top-link::after,
body.x-cg-skin .topbar-actions > .account-credit-pill::after {
    content: attr(aria-label);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    z-index: 4;
    max-width: 180px;
    padding: 7px 10px;
    border: 1px solid #dedfe1;
    border-radius: 9px;
    background: #111214;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translate(4px, -50%);
    transition: opacity .16s ease, transform .16s ease;
}

body.x-cg-skin .topbar-actions > .notice-trigger:hover::after,
body.x-cg-skin .topbar-actions > .notice-trigger:focus-visible::after,
body.x-cg-skin .topbar-actions > .pricing-top-link:hover::after,
body.x-cg-skin .topbar-actions > .pricing-top-link:focus-visible::after,
body.x-cg-skin .topbar-actions > .account-credit-pill:hover::after,
body.x-cg-skin .topbar-actions > .account-credit-pill:focus-visible::after {
    opacity: 1;
    transform: translate(0, -50%);
}

@media (max-width: 720px) {
    body.x-cg-skin .topbar-actions > .notice-trigger::after,
    body.x-cg-skin .topbar-actions > .pricing-top-link::after,
    body.x-cg-skin .topbar-actions > .account-credit-pill::after {
        left: auto;
        right: 0;
        top: calc(100% + 8px);
        transform: translateY(-4px);
    }

    body.x-cg-skin .topbar-actions > .notice-trigger:hover::after,
    body.x-cg-skin .topbar-actions > .notice-trigger:focus-visible::after,
    body.x-cg-skin .topbar-actions > .pricing-top-link:hover::after,
    body.x-cg-skin .topbar-actions > .pricing-top-link:focus-visible::after,
    body.x-cg-skin .topbar-actions > .account-credit-pill:hover::after,
    body.x-cg-skin .topbar-actions > .account-credit-pill:focus-visible::after {
        transform: translateY(0);
    }
}

body.x-cg-skin .topbar-actions > .notice-trigger::after,
body.x-cg-skin .topbar-actions > .pricing-top-link::after,
body.x-cg-skin .topbar-actions > .account-credit-pill::after {
    display: none;
}

body.x-cg-skin .nano-contact-fab {
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    will-change: left, top;
}

body.x-cg-skin .nano-contact-fab.is-dragging,
body.x-cg-skin .nano-contact-fab.is-dragging .nano-contact-trigger {
    transition: none !important;
}

body.x-cg-skin .nano-visual-menu .nano-visual-size-tab,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect {
    border-color: transparent;
    background: transparent;
    color: #4e5157;
}

body.x-cg-skin .nano-visual-menu .nano-visual-size-tab:hover,
body.x-cg-skin .nano-visual-menu .nano-visual-size-tab.active,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect:hover,
body.x-cg-skin .nano-visual-menu .nano-visual-aspect.active {
    border-color: #cfd3f5;
    background: #f1f2ff;
    color: #3f46a6;
}

body.x-cg-skin .nano-visual-menu .nano-visual-aspect-mark .zt-ratio-frame {
    border-color: #8a8d93;
    background: #f0f1f2;
}

body.x-cg-skin .nano-visual-menu .nano-visual-aspect.active .zt-ratio-frame {
    border-color: #111214;
    background: #e1e3ff;
}

body.x-cg-skin.xcg-night .nano-contact-fab {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

body.x-cg-skin.xcg-night .prompt,
body.x-cg-skin.xcg-night .prompt-input {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect {
    border-color: transparent !important;
    background: transparent !important;
    color: #aeb5bf !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab:hover,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-size-tab.active,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect:hover,
body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect.active {
    border-color: #68717d !important;
    background: #30363e !important;
    color: #ffffff !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect-mark .zt-ratio-frame {
    border-color: #68717d !important;
    background: transparent !important;
    color: #e9edf2 !important;
}

body.x-cg-skin.xcg-night .nano-visual-menu .nano-visual-aspect.active .zt-ratio-frame {
    border-color: #aeb8ff !important;
    background: #2f3854 !important;
    color: #ffffff !important;
}

body.x-cg-skin.xcg-night .history-panel .history-block-title,
body.x-cg-skin.xcg-night .history-panel .history-meta-value {
    color: #f3f4f6 !important;
}

body.x-cg-skin.xcg-night .history-panel .history-block-note,
body.x-cg-skin.xcg-night .history-panel .history-meta-label {
    color: #aeb5bf !important;
}

body.x-cg-skin #recharge-modal .xcg-recharge-plans-block {
    padding: 0;
    border: 0;
    background: transparent;
}

body.x-cg-skin .xcg-recharge-promo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 66px;
    margin: 2px 0 20px;
    padding: 14px 20px;
    border: 1px solid #e8ebf2;
    border-radius: 18px;
    background: linear-gradient(135deg, #fbfcff, #f5f7fb);
    color: #17191d;
    font-size: 18px;
    letter-spacing: .04em;
}

body.x-cg-skin .xcg-recharge-promo-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #17191d;
    font-size: 20px;
}

body.x-cg-skin .xcg-recharge-promo-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 9px;
    background: #eaf1ff;
    color: #2f72e8;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0;
}

body.x-cg-skin .xcg-recharge-plans-block .nano-block-head {
    margin-bottom: 14px;
    padding: 0 2px;
}

body.x-cg-skin .xcg-recharge-plans-block .nano-recharge-grid {
    gap: 20px;
}

body.x-cg-skin .xcg-recharge-plan-card {
    min-height: 360px;
    gap: 18px;
    padding: 26px;
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(17, 18, 20, .06);
}

body.x-cg-skin .xcg-recharge-plan-card:hover:not(.is-disabled) {
    transform: translateY(-4px);
    border-color: #cfd3da;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(17, 18, 20, .1);
    filter: none;
}

body.x-cg-skin .xcg-recharge-plan-card.is-featured {
    border-color: #347cf6;
    background: linear-gradient(145deg, #ffffff 20%, #f5f8ff 100%);
    box-shadow: 0 14px 34px rgba(52, 124, 246, .12);
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 54px;
    align-items: flex-start;
    gap: 12px;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-card-title {
    min-width: 0;
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.025em;
    white-space: nowrap;
    word-break: keep-all;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-badges {
    max-width: none;
    flex-direction: column;
    align-items: flex-end;
    justify-self: end;
    flex-wrap: nowrap;
    gap: 6px;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-badge {
    min-height: 25px;
    padding: 4px 9px;
    border-color: #d9e4fa;
    background: #edf3ff;
    color: #3979df;
    font-size: 10px;
    font-weight: 850;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-badge.is-bonus {
    min-height: 25px;
    padding: 4px 10px;
    border-color: #ffd16d;
    background: linear-gradient(135deg, #ffe58b, #ffc85c);
    color: #3b2604;
    font-size: 10px;
    font-weight: 900;
    box-shadow: none;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-price {
    font-size: 34px;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-price small {
    margin-right: 3px;
    color: #4f535a;
}

body.x-cg-skin .xcg-recharge-points {
    display: grid;
    gap: 11px;
    padding-top: 17px;
    border-top: 1px dashed #d9dce1;
}

body.x-cg-skin .xcg-recharge-point-row {
    display: grid;
    grid-template-columns: 20px auto 1fr;
    align-items: center;
    gap: 7px;
    color: #555960;
    font-size: 13px;
    line-height: 1.45;
}

body.x-cg-skin .xcg-recharge-point-row i {
    color: #5b6068;
    text-align: center;
}

body.x-cg-skin .xcg-recharge-point-row strong {
    color: #292c31;
    font-weight: 850;
}

body.x-cg-skin .xcg-recharge-description {
    margin: 0;
    color: #83878e;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.65;
}

body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-buy {
    min-height: 48px;
    border-radius: 13px;
}

body.x-cg-skin .xcg-recharge-plan-card.is-featured .nano-recharge-buy {
    border-color: #347cf6;
    background: #347cf6;
    color: #ffffff;
}

body.x-cg-skin .xcg-recharge-plan-card.is-featured .nano-recharge-buy:hover:not(:disabled) {
    border-color: #246ce1;
    background: #246ce1;
    box-shadow: 0 12px 24px rgba(52, 124, 246, .2);
}

body.x-cg-skin.xcg-night #recharge-modal .xcg-recharge-plans-block {
    background: transparent;
}

body.x-cg-skin.xcg-night .xcg-recharge-promo {
    border-color: #3b424b;
    background: linear-gradient(135deg, #22272d, #1e2328);
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .xcg-recharge-promo-icon {
    color: #f3f4f6;
}

body.x-cg-skin.xcg-night .xcg-recharge-promo-badge {
    background: #2f3854;
    color: #b9c7ff;
}

body.x-cg-skin.xcg-night .xcg-recharge-plan-card,
body.x-cg-skin.xcg-night .xcg-recharge-plan-card:hover:not(.is-disabled) {
    border-color: #3b424b;
    background: #20252b;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

body.x-cg-skin.xcg-night .xcg-recharge-plan-card.is-featured {
    border-color: #6f8cff;
    background: linear-gradient(145deg, #20252b 20%, #252c3d 100%);
}

body.x-cg-skin.xcg-night .xcg-recharge-plan-card .nano-recharge-badge.is-newcomer {
    border-color: #4b5570;
    background: #2f3854;
    color: #cfd6ff;
}

body.x-cg-skin.xcg-night .xcg-recharge-points {
    border-top-color: #414851;
}

body.x-cg-skin.xcg-night .xcg-recharge-point-row {
    color: #c5cad1;
}

body.x-cg-skin.xcg-night .xcg-recharge-point-row i,
body.x-cg-skin.xcg-night .xcg-recharge-point-row strong {
    color: #f0f2f5;
}

body.x-cg-skin.xcg-night .xcg-recharge-description {
    color: #aeb5bf;
}

@media (max-width: 960px) {
    body.x-cg-skin .xcg-recharge-plan-card {
        min-height: 340px;
    }
}

@media (max-width: 720px) {
    body.x-cg-skin .xcg-recharge-promo {
        justify-content: flex-start;
        gap: 10px;
        min-height: 58px;
        margin-bottom: 14px;
        padding: 12px 14px;
        font-size: 15px;
        letter-spacing: 0;
        flex-wrap: wrap;
    }

    body.x-cg-skin .xcg-recharge-promo-badge {
        margin-left: auto;
    }

    body.x-cg-skin .xcg-recharge-plan-card {
        min-height: 0;
        padding: 22px;
    }

    body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-card-head {
        min-height: 0;
    }

    body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-card-title {
        font-size: 23px;
    }

    body.x-cg-skin .xcg-recharge-plan-card .nano-recharge-badges {
        max-width: none;
    }
}

body.x-cg-skin.xcg-night .nano-infinite-canvas {
    --xcg-nic-shell: #191d22;
    --xcg-nic-surface: #20252b;
    --xcg-nic-raised: #272c33;
    --xcg-nic-hover: #30363e;
    --xcg-nic-line: #414852;
    --xcg-nic-line-strong: #626c78;
    --xcg-nic-text: #f4f6f8;
    --xcg-nic-sub: #bdc4cd;
    --xcg-nic-muted: #98a2ae;
    --xcg-nic-accent: #cfd6ff;
    --xcg-nic-accent-bg: #303953;
    --xcg-nic-accent-line: #7180dc;
    background: rgba(8, 10, 13, .88);
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-shell {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-shell);
    color: var(--xcg-nic-text);
    box-shadow: 0 30px 78px rgba(0, 0, 0, .48);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-main {
    border-right-color: var(--xcg-nic-line);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-panel,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-surface);
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-panel-head {
    border-bottom-color: var(--xcg-nic-line);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .025), 0 22px 48px rgba(0, 0, 0, .3);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-viewport {
    border-color: var(--xcg-nic-line);
    background-color: #181c21;
    background-image:
        linear-gradient(rgba(148, 163, 184, .085) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .085) 1px, transparent 1px);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-title,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-panel-title,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-recent-title,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-list-name,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-node-prompt,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-prompt,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-section-label,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-block-head,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-user-copy strong {
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-kicker,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-panel-sub,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-label,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-status,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-list-meta,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-node-meta,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-head,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-visual-title,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-user-copy small,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-note,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-usage-date,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-usage-meta {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-search,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-history-limit,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-status,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-left-toolbar,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-empty,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-loading-panel {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-sub);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-empty {
    border-style: dashed;
    background: rgba(32, 37, 43, .82);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-loading {
    background: rgba(18, 21, 26, .72);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-search input,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-input,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-input,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-cdk-input {
    color: var(--xcg-nic-text);
    caret-color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-search input::placeholder,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-input::placeholder,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-cdk-input::placeholder {
    color: var(--xcg-nic-muted);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-range::-webkit-slider-runnable-track {
    background: #555e69;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-range::-webkit-slider-thumb {
    border-color: var(--xcg-nic-raised);
    background: #d7dce2;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-range::-moz-range-track {
    background: #555e69;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-range::-moz-range-thumb {
    border-color: var(--xcg-nic-raised);
    background: #d7dce2;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-corner-close {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-corner-close:hover {
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-icon-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-action-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-step,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-canvas-tool,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-tool-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-image-action-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-reverse-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-batch-download,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-batch-delete {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-sub);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-icon-btn:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-action-btn:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-limit-step:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-canvas-tool:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-canvas-tool.is-active,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-tool-btn:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-image-action-btn:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-reverse-btn:hover {
    border-color: var(--xcg-nic-line-strong);
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-action-btn.danger,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-batch-delete {
    border-color: #724348;
    background: #352329;
    color: #ffb2b2;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas [data-nic-tip]::after,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-floating-tip {
    border-color: var(--xcg-nic-line);
    background: #111419;
    color: #f7f8fa;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .38);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-context-menu,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu {
    border-color: var(--xcg-nic-line);
    background: rgba(37, 42, 48, .98);
    color: var(--xcg-nic-text);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .42);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-context-menu button {
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-context-menu button:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-option:hover:not(:disabled) {
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-context-menu button.danger {
    color: #ffaaa7;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-context-menu button.danger:hover {
    background: #3a2428;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-pill {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-pill:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-pill.is-open {
    border-color: var(--xcg-nic-line-strong);
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-round {
    border-color: #5968c8;
    background: #303953;
    color: #e7eaff;
    box-shadow: 0 8px 20px rgba(12, 18, 48, .28);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-round:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-round.is-open {
    border-color: #8290ff;
    background: #394467;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-head,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-visual-title {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-option {
    border-color: transparent;
    background: transparent;
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-option.is-active {
    border-color: var(--xcg-nic-accent-line);
    background: var(--xcg-nic-accent-bg);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-check {
    color: var(--xcg-nic-accent);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-label {
    color: inherit;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-note,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-empty {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-size-tab,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-tile {
    border-color: transparent;
    background: transparent;
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-size-tab:hover:not(:disabled),
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-tile:hover:not(:disabled) {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-size-tab.is-active,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-tile.is-active {
    border-color: var(--xcg-nic-accent-line);
    background: var(--xcg-nic-accent-bg);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-mark .zt-ratio-frame,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-fallback,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-mark .zt-ratio-frame {
    border-color: #8b95a2;
    background: transparent;
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-tile.is-active .zt-ratio-frame,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-option.is-active .nic-composer-menu-mark .zt-ratio-frame {
    border-color: #cfd6ff;
    background: #465174;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-send {
    border-color: #4f5db4;
    background: #222a4c;
    color: #ffffff;
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-send:hover:not(:disabled) {
    border-color: #8290ff;
    background: #303b67;
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-send:disabled,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-pill:disabled,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-menu-option:disabled,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-size-tab:disabled,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-composer-aspect-tile:disabled {
    color: #7f8894;
    opacity: .58;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-chip,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-head,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-profile,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-block,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-status,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-empty,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-log-item,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-total,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-grid > div,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-list > div,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-stat-grid > div,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-stats > div {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-text);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-chip:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-menu-list button:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-pagination button:not(:disabled):hover {
    border-color: var(--xcg-nic-line-strong);
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-chip-icon,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-avatar {
    background: #353c45;
    color: #f4f6f8;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-head strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-total,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-grid strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-list strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-profile strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-stat-grid strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-stats strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-log-item strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-log-item b,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-head-top strong,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-menu-list strong {
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-head small,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-head span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-grid span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-list span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-profile span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-stat-grid span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-stats span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-log-item span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-head-top span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-menu-list span,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-pagination span {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-close,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-menu-list button,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-pagination button,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-cdk-input {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-surface);
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-popover-button,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-wallet-cdk-row button {
    border-color: var(--xcg-nic-accent-line);
    background: var(--xcg-nic-accent-bg);
    color: #ffffff;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-account-logout {
    border-color: #724348;
    background: #352329;
    color: #ffb2b2;
}

body.x-cg-skin .nano-infinite-canvas .nic-chat-avatar-logo {
    border-radius: 10px;
    background: #ffffff !important;
    overflow: hidden;
    padding: 2px;
    box-shadow: inset 0 0 0 1px #dfe2e8, 0 6px 16px rgba(17, 18, 20, .1);
    clip-path: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-chat-avatar-logo img {
    border-radius: 8px;
    object-fit: cover;
    clip-path: none;
    transform: none;
}

body.x-cg-skin:not(.xcg-night) .agent-execution-trace {
    border-color: #d9dce2;
    border-radius: 12px;
    background: #f8f9fb;
    color: #30343b;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-title {
    color: #25282e;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-title::before {
    background: #5368d8;
    box-shadow: 0 0 0 4px rgba(83, 104, 216, .12);
}

body.x-cg-skin:not(.xcg-night) .agent-trace-phase {
    color: #69707c;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-row {
    border-top-color: #e5e7eb;
    color: #535963;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-marker {
    border-color: #b6bdc9;
    background: #ffffff;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-row.is-done .agent-trace-marker {
    border-color: #7182d7;
    background: #e9ecff;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-row.is-active {
    color: #20242b;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-row.is-active .agent-trace-marker {
    border-color: #5368d8;
    background: #5368d8;
    box-shadow: 0 0 0 4px rgba(83, 104, 216, .12);
}

body.x-cg-skin:not(.xcg-night) .agent-trace-row.is-task .agent-trace-marker {
    border-color: #9ba7d9;
    color: #4659bb;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-summary {
    color: #343943;
}

body.x-cg-skin:not(.xcg-night) .agent-trace-task-meta {
    color: #7a818c;
}

body.x-cg-skin:not(.xcg-night) .card-pending-media {
    background: linear-gradient(160deg, #f8f9fc 0%, #e5e9f2 100%);
}

body.x-cg-skin:not(.xcg-night) .card-pending-media::before {
    background: radial-gradient(circle at center, rgba(103, 124, 216, .2), transparent 56%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .65), transparent 28%);
    opacity: .72;
}

body.x-cg-skin:not(.xcg-night) .card-pending-stage {
    background: radial-gradient(circle at 50% 42%, rgba(112, 131, 224, .16), transparent 24%), radial-gradient(circle at 50% 78%, rgba(67, 77, 109, .12), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0));
    box-shadow: inset 0 0 0 1px rgba(86, 101, 151, .1), inset 0 24px 34px rgba(255, 255, 255, .32), inset 0 -56px 76px rgba(81, 92, 128, .1);
}

body.x-cg-skin:not(.xcg-night) .card-pending-stage::before {
    border-color: rgba(90, 105, 160, .18);
    background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32);
}

body.x-cg-skin:not(.xcg-night) .card-pending-stage::after {
    background: radial-gradient(circle at center, rgba(103, 124, 216, .2), transparent 72%);
}

body.x-cg-skin:not(.xcg-night) .card-pending-ring {
    border-color: rgba(85, 105, 194, .7);
    box-shadow: 0 0 0 1px rgba(85, 105, 194, .12), 0 0 26px rgba(95, 119, 215, .22), inset 0 0 22px rgba(112, 132, 224, .16);
}

body.x-cg-skin:not(.xcg-night) .card-pending-ring::before {
    background: conic-gradient(from 180deg, rgba(255, 255, 255, .28) 0deg, rgba(102, 126, 222, .8) 52deg, rgba(255, 255, 255, .24) 120deg, rgba(74, 98, 194, .72) 198deg, rgba(255, 255, 255, .22) 280deg, rgba(116, 137, 225, .54) 360deg);
}

body.x-cg-skin:not(.xcg-night) .card-pending-glow {
    background: radial-gradient(circle at center, rgba(159, 177, 255, .42) 0%, rgba(121, 145, 235, .24) 28%, rgba(94, 119, 216, .12) 52%, transparent 74%);
}

body.x-cg-skin:not(.xcg-night) .card-pending-center-dot {
    background: radial-gradient(circle at 35% 35%, #ffffff 0%, #dce4ff 44%, #6c82df 100%);
    box-shadow: 0 0 0 0 rgba(96, 121, 222, .26), 0 0 18px rgba(96, 121, 222, .34);
}

body.x-cg-skin:not(.xcg-night) .card-pending-particle {
    background: radial-gradient(circle at 35% 35%, #ffffff 0%, #dce4ff 48%, #7188e1 100%);
    box-shadow: 0 0 12px rgba(96, 121, 222, .28);
}

body.x-cg-skin:not(.xcg-night) .card-pending-orbit-line {
    border-color: rgba(77, 99, 190, var(--orbit-opacity, .34));
    box-shadow: 0 0 20px rgba(89, 112, 206, .14), inset 0 0 16px rgba(255, 255, 255, .22);
    mix-blend-mode: normal;
}

body.x-cg-skin:not(.xcg-night) .card-pending-badge {
    border-color: #c8cfdd;
    background: rgba(255, 255, 255, .9);
    color: #394354;
    box-shadow: 0 5px 16px rgba(53, 66, 96, .12);
}

body.x-cg-skin:not(.xcg-night) .card-pending-dot {
    background: linear-gradient(135deg, #b9c7ff, #5368d8);
    box-shadow: 0 0 0 0 rgba(83, 104, 216, .3);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-node-card,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-list-card,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-bubble,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-ref,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-local-asset-panel,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-local-result,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-batchbar,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-minimap {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-text);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-node-tool,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-chip,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-session-tools button {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-surface);
    color: var(--xcg-nic-sub);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-node-tool:hover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-chat-session-tools button:hover {
    border-color: var(--xcg-nic-line-strong);
    background: var(--xcg-nic-hover);
    color: #ffffff;
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas {
    --xcg-nic-shell: #ffffff;
    --xcg-nic-surface: #ffffff;
    --xcg-nic-raised: #f5f6f8;
    --xcg-nic-hover: #eef0f3;
    --xcg-nic-line: #d7dbe1;
    --xcg-nic-line-strong: #aeb6c2;
    --xcg-nic-text: #17191d;
    --xcg-nic-sub: #4d5561;
    --xcg-nic-muted: #626b78;
    --xcg-nic-accent: #4154c7;
    --xcg-nic-accent-bg: #eef0ff;
    --xcg-nic-accent-line: #7281da;
    color: var(--xcg-nic-text);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-shell,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-topbar,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-panel,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-composer {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-surface);
    color: var(--xcg-nic-text);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-viewport {
    border-color: var(--xcg-nic-line);
    background-color: #f7f8fa;
    background-image: linear-gradient(rgba(80, 91, 110, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(80, 91, 110, .11) 1px, transparent 1px);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-title,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-panel-title,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-recent-title,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-list-name,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-node-prompt,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-node-title {
    color: var(--xcg-nic-text);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-kicker,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-panel-sub,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-limit-label,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-status,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-list-meta,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-node-meta {
    color: var(--xcg-nic-sub);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas input,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas textarea,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas select {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-surface);
    color: var(--xcg-nic-text);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas input::placeholder,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas textarea::placeholder {
    color: var(--xcg-nic-muted);
}

body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-node-card,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-list-card,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-chat-bubble,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-chat-ref,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-local-asset-panel,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-local-result,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-batchbar,
body.x-cg-skin:not(.xcg-night) .nano-infinite-canvas .nic-minimap {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-text);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-projects {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-shell);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-project-card,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-project-cover,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-project-preview,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-project-actions-menu {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised);
    color: var(--xcg-nic-text);
    box-shadow: none;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-project-card.is-active {
    border-color: var(--xcg-nic-accent-line);
    background: var(--xcg-nic-accent-bg);
}

body.x-cg-skin .nano-infinite-canvas .nic-node {
    border-radius: 0;
}

body.x-cg-skin .nano-infinite-canvas .nic-node-card {
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-node.is-selected:not(.is-multi-selected) .nic-node-card {
    border: 0;
    box-shadow: none;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

body.x-cg-skin .nano-infinite-canvas .nic-node.is-selected:not(.is-multi-selected) .nic-node-card::after {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: 20;
    pointer-events: none;
    background:
        radial-gradient(circle, #3b82f6 0 68%, transparent 72%) left top / 10px 10px no-repeat,
        radial-gradient(circle, #3b82f6 0 68%, transparent 72%) right top / 10px 10px no-repeat,
        radial-gradient(circle, #3b82f6 0 68%, transparent 72%) left bottom / 10px 10px no-repeat,
        radial-gradient(circle, #3b82f6 0 68%, transparent 72%) right bottom / 10px 10px no-repeat;
}

body.x-cg-skin .nano-infinite-canvas .nic-node.is-multi-selected .nic-node-card {
    border: 0;
    box-shadow: none;
    outline: 2px solid rgba(37, 99, 235, .72);
    outline-offset: 4px;
}

body.x-cg-skin .nano-infinite-canvas .nic-node.is-pending .nic-node-card {
    animation: none;
    box-shadow: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-node-frame {
    aspect-ratio: var(--nic-node-aspect, 3 / 4);
    overflow: visible;
    border-radius: 0;
    background: transparent;
}

body.x-cg-skin .nano-infinite-canvas .nic-node-frame img {
    object-fit: contain;
}

body.x-cg-skin .nano-infinite-canvas .nic-node-body,
body.x-cg-skin .nano-infinite-canvas .nic-node-stack-layer,
body.x-cg-skin .nano-infinite-canvas .nic-node-result-fan {
    display: none;
}

body.x-cg-skin #infinite-canvas-world .nic-node.is-failed .nic-node-pending.failed {
    min-width: 0;
    overflow: hidden;
}

body.x-cg-skin #infinite-canvas-world .nic-node.is-failed .nic-node-pending.failed small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.x-cg-skin #infinite-canvas-world .nic-node.is-failed .nic-node-retry {
    min-width: 0;
    min-height: 30px;
    margin-top: 2px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    transform: scale(calc(1 / var(--nic-node-zoom)));
    transform-origin: center;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft {
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    color: #2563eb;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft-label {
    position: absolute;
    left: 0;
    top: calc(-24px * var(--nic-node-zoom));
    color: #64748b;
    font-size: calc(12px * var(--nic-node-zoom));
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft.is-active .nic-creation-draft-label {
    color: #2563eb;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-handle {
    position: absolute;
    width: calc(9px * var(--nic-node-zoom));
    height: calc(9px * var(--nic-node-zoom));
    min-width: 5px;
    min-height: 5px;
    border-radius: 50%;
    display: block;
    background: #3b82f6;
    opacity: 0;
    pointer-events: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft.is-active .nic-creation-stage {
    border-color: #3b82f6;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft.is-active .nic-creation-handle {
    opacity: 1;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-stage {
    position: relative;
    width: 100%;
    height: calc(450px * var(--nic-node-zoom));
    box-sizing: border-box;
    border: 1px solid #94a3b8;
    display: grid;
    place-items: center;
    overflow: visible;
    background: rgba(248, 250, 252, .96);
    cursor: grab;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay {
    position: absolute;
    z-index: 45;
    width: 400px;
    max-width: calc(100vw - 48px);
    pointer-events: auto;
    transform: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay[hidden] {
    display: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer {
    width: 100%;
    min-height: 190px;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    border-radius: 17px;
    user-select: text;
    text-rendering: optimizeLegibility;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-input {
    min-height: 126px;
    max-height: 180px;
    padding: 72px 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-footer {
    margin-top: 0;
    padding-top: 4px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-toolrow {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 3;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay [data-nic-composer-action="optimize"] {
    display: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay [data-nic-composer-action="upload"] {
    width: 58px;
    min-width: 42px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft-icon {
    width: calc(48px * var(--nic-node-zoom));
    height: calc(48px * var(--nic-node-zoom));
    display: grid;
    place-items: center;
    color: #94a3b8;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-draft-icon svg {
    width: 100%;
    height: 100%;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-options {
    min-width: 0;
    gap: 4px;
    flex-wrap: nowrap;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-pill {
    min-width: 0;
    padding: 0 6px;
    gap: 3px;
    font-size: 10px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay [data-nic-composer-action="visual"] {
    min-width: 78px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay [data-nic-composer-action="mode"] {
    min-width: 72px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay [data-nic-composer-action="count"] {
    min-width: 46px;
}

body.x-cg-skin .nano-infinite-canvas .nic-creation-composer-overlay .nic-composer-send {
    min-width: 82px;
    padding: 0 7px;
    font-size: 10px;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact {
    position: relative;
    z-index: 40;
    min-height: 52px;
    height: auto;
    padding: 8px 12px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-brand {
    flex: 0 0 auto;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-title {
    font-size: 16px;
    font-weight: 760;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-actions {
    min-width: 0;
    margin-left: auto;
    flex-wrap: nowrap;
    gap: 5px;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact {
    position: relative;
    width: 36px;
    min-width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact:focus-within,
body.x-cg-skin .nano-infinite-canvas .nic-search-compact.has-query {
    width: min(220px, 22vw);
    border-color: rgba(37, 99, 235, .28);
    background: #fff;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact input {
    min-width: 180px;
    padding: 0 11px 0 34px;
    opacity: 0;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact .nic-search-icon {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #475569;
    pointer-events: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact .nic-search-icon svg {
    width: 100%;
    height: 100%;
}

body.x-cg-skin .nano-infinite-canvas .nic-search-compact:focus-within input,
body.x-cg-skin .nano-infinite-canvas .nic-search-compact.has-query input {
    opacity: 1;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-zoom-actions {
    gap: 0;
    flex-wrap: nowrap;
    overflow: visible;
    border: 1px solid rgba(100, 116, 139, .16);
    border-radius: 10px;
    background: rgba(255, 255, 255, .88);
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-zoom-actions .nic-icon-btn {
    width: 30px;
    height: 34px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact #infinite-canvas-zoom {
    min-width: 48px;
    padding: 0 4px;
    font-size: 11px;
    text-align: center;
}

body.x-cg-skin .nano-infinite-canvas .nic-top-icon-btn,
body.x-cg-skin .nano-infinite-canvas .nic-top-summary {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(100, 116, 139, .16);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(255, 255, 255, .88);
    color: #334155;
}

body.x-cg-skin .nano-infinite-canvas .nic-limit-popover .nic-top-summary {
    width: 52px;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-search-compact:focus-within,
body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-search-compact.has-query {
    width: min(220px, 22vw);
    border-color: rgba(37, 99, 235, .28);
    background: var(--xcg-nic-surface, #fff);
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-search-compact input {
    min-width: 180px;
    padding: 0 11px 0 34px;
    opacity: 0;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-search-compact:focus-within input,
body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-search-compact.has-query input {
    opacity: 1;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-top-icon-btn,
body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-top-summary {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(100, 116, 139, .16);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: var(--xcg-nic-surface, rgba(255, 255, 255, .92));
    color: var(--xcg-nic-text, #334155);
    cursor: pointer;
    list-style: none;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-top-icon-btn:hover,
body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-top-popover[open] > .nic-top-summary {
    border-color: rgba(37, 99, 235, .32);
    background: var(--xcg-nic-accent-bg, #eff6ff);
    color: var(--xcg-nic-accent, #2563eb);
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-top-popover-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 80;
    padding: 10px;
    border: 1px solid var(--xcg-nic-line, rgba(100, 116, 139, .16));
    border-radius: 12px;
    background: var(--xcg-nic-surface, rgba(255, 255, 255, .98));
    color: var(--xcg-nic-text, #334155);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .14);
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-limit-popover-panel {
    width: 250px;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-more-popover-panel {
    width: 150px;
    display: grid;
    gap: 3px;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-more-popover-panel button {
    width: 100%;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    padding: 0 9px;
    border: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--xcg-nic-text, #334155);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
}

body.x-cg-skin .nano-infinite-canvas .nic-topbar-compact .nic-more-popover-panel button:hover {
    background: var(--xcg-nic-hover, #f1f5f9);
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-footer {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 92px;
    align-items: center;
    gap: 4px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-toolrow {
    position: static;
    width: 64px;
    min-width: 64px;
    flex: 0 0 64px;
    gap: 4px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-toolrow .nic-composer-round {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    flex: 0 0 30px;
    box-sizing: border-box;
    padding: 0;
    border-radius: 9px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 4px;
    overflow: hidden;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    height: 32px;
    min-height: 32px;
    flex: 0 0 112px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 8px;
    gap: 5px;
    overflow: hidden;
    border-radius: 10px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] .nic-composer-model-logo,
body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] .model-glyph {
    width: 20px;
    min-width: 20px;
    height: 20px;
    flex: 0 0 20px;
    padding: 0;
    display: grid;
    place-items: center;
    background: transparent;
    color: currentColor;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] .nic-composer-model-logo svg,
body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] .model-glyph svg {
    width: 20px;
    height: 20px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="mode"] #infinite-canvas-mode-label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="visual"] {
    width: 78px;
    min-width: 78px;
    max-width: 78px;
    flex: 0 0 78px;
    padding: 0 6px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-options > [data-nic-composer-action="count"] {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
    flex: 0 0 58px;
    padding: 0 6px;
}

body.x-cg-skin .nano-infinite-canvas #infinite-canvas-composer .nic-composer-footer > .nic-composer-send {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    flex: 0 0 92px;
    box-sizing: border-box;
    padding: 0 5px;
    gap: 3px;
    font-size: 10px;
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar-compact .nic-zoom-actions,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar-compact .nic-top-icon-btn,
body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar-compact .nic-top-summary {
    border-color: var(--xcg-nic-line);
    background: var(--xcg-nic-raised) !important;
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar-compact .nic-top-popover-panel {
    border-color: var(--xcg-nic-line) !important;
    background: var(--xcg-nic-surface) !important;
    color: var(--xcg-nic-text);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .34);
}

body.x-cg-skin.xcg-night .nano-infinite-canvas .nic-topbar-compact .nic-more-popover-panel button {
    color: var(--xcg-nic-text);
}

body.x-cg-skin.xcg-night .nano-order-meta-item,
body.x-cg-skin.xcg-night .nano-invoice-summary-cell {
    border-color: #454c55;
    background: #252a30;
    color: #f3f4f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.x-cg-skin.xcg-night .nano-order-meta-label,
body.x-cg-skin.xcg-night .nano-invoice-summary-label {
    color: #aeb5bf;
}

body.x-cg-skin.xcg-night .nano-order-meta-value,
body.x-cg-skin.xcg-night .nano-invoice-summary-value {
    color: #f3f4f6;
}