CoolFace
Modelpublic

Vortex5/Chimera-X-26B-A4B

sourceHugging Faceapache-2.0updated 2mo agoView on Hugging Face
13likes55downloads
Model Card

<section class="card"> <div class="card-bg"></div> <div class="card-overlay"></div> <div class="card-rail card-rail-start"></div> <div class="card-rail card-rail-end"></div>

<header class="card-header"> <div class="title-stage"> <h1 class="title-text" data-text="Chimera-X-26B-A4B">Chimera-X-26B-A4B</h1> </div> </header>

<figure class="media-frame"> <span class="media-corner media-corner-tl"></span> <span class="media-corner media-corner-tr"></span> <span class="media-corner media-corner-bl"></span> <span class="media-corner media-corner-br"></span>

<div class="media-inner"> <img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/T99tRvElL8EapwYYInilG.png"

</div> </figure>

<section class="panel panel-featured"> <div class="panel-heading panel-heading-featured"> <h2>Overview</h2> </div>

<p class="panel-copy"> <strong>Chimera-X-26B-A4B</strong> was created through a multi-stage merge involving <a href="https://huggingface.co/Darkhn/Gemma-4-26B-A4B-Animus-V14.1-FFT">Gemma-4-26B-A4B-Animus-V14.1-FFT</a>, <a href="https://huggingface.co/Gryphe/Pantheon-Reasoning-26B-A4B-1.1">Pantheon-Reasoning-26B-A4B-1.1</a>, <a href="https://huggingface.co/zerofata/G4-MeroMero-26B-A4B">G4-MeroMero-26B-A4B</a>, and <a href="https://huggingface.co/Vortex5/G4-Moonlight-Dusk-26B-A4B">G4-Moonlight-Dusk-26B-A4B</a>. </p>

<details class="code-panel"> <summary> <span>Multi-stage merge configuration</span> </summary> <pre><code>name: First models:

  • —model: Gryphe/Pantheon-Reasoning-26B-A4B-1.1 mergemethod: nearswap basemodel: Darkhn/Gemma-4-26B-A4B-Animus-V14.1-FFT parameters: t: 0.0008 dtype: float32 out_dtype: bfloat16 --- name: Second models:
  • —model: Vortex5/G4-Moonlight-Dusk-26B-A4B mergemethod: nearswap chattemplate: auto basemodel: zerofata/G4-MeroMero-26B-A4B parameters: t: 0.0008 dtype: float32 outdtype: bfloat16 --- models:
  • —model: First
  • —model: Second mergemethod: karcher chattemplate: auto dtype: float32 outdtype: bfloat16 parameters: tol: 1e-9 maxiter: 1000 tokenizer: source: union</code></pre> </details> </section>

<section class="panel"> <div class="panel-heading"> <h2>Intended Use</h2> </div>

<div class="feature-grid"> <article class="feature-card"> <span>01</span> <h3>Roleplay</h3> <p>Character interaction, dialogue, personas, and multi-turn scenes.</p> </article>

<article class="feature-card"> <span>02</span> <h3>Creative Writing</h3> <p>Drafting fiction, descriptions, dialogue, and scene variations.</p> </article>

<article class="feature-card"> <span>03</span> <h3>Storytelling</h3> <p>Short stories, longer narratives, plot development, and worldbuilding.</p> </article>

<article class="feature-card"> <span>04</span> <h3>Brainstorming</h3> <p>Generating concepts, outlines, alternatives, and writing ideas.</p> </article> </div> </section> </section>

<style> @import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Pirata+One&display=swap");

.card { --color-text: #e8e1d7; --color-soft: #b8b1a8; --color-muted: #77736f; --color-red: #a3121b; --color-bright: #e02a31; --color-accent: #ff7a80; --color-border: rgba(232, 225, 215, 0.14);

position: relative; isolation: isolate; width: 100%; max-width: 1180px; margin: 48px auto; padding: clamp(22px, 4.8vw, 58px); overflow: hidden; color: var(--color-text); font-family: "Chakra Petch", "Segoe UI", sans-serif; border: 1px solid rgba(232, 225, 215, 0.16); border-radius: 4px; background: linear-gradient(115deg, rgba(163, 18, 27, 0.07), transparent 30%), linear-gradient(180deg, #0a0b0d, #030304 58%, #080607); }

.card, .card * { box-sizing: border-box; }

.card::before { content: ""; position: absolute; inset: 8px; z-index: 20; pointer-events: none; border: 1px solid rgba(232, 225, 215, 0.055); }

.card::after { content: ""; position: absolute; top: 0; left: 7%; right: 7%; z-index: 20; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--color-bright), transparent); }

.card-bg { position: absolute; inset: 0; z-index: -5; opacity: 0.32; pointer-events: none; background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.18) 0 1px, transparent 1.4px), radial-gradient(circle at 70% 60%, rgba(224,42,49,.20) 0 1px, transparent 1.5px), radial-gradient(circle at 40% 80%, rgba(255,122,128,.13) 0 1px, transparent 1.4px); background-size: 61px 61px, 97px 97px, 131px 131px; }

.card-overlay { position: absolute; inset: 0; z-index: 15; pointer-events: none; opacity: 0.045; background: repeating-linear-gradient( to bottom, transparent 0, transparent 3px, rgba(255,255,255,.24) 4px ); }

.card-rail { position: absolute; top: 6%; bottom: 6%; z-index: 10; width: 1px; pointer-events: none; background: linear-gradient( to bottom, transparent, rgba(232,225,215,.12) 15%, rgba(224,42,49,.54) 48%, rgba(232,225,215,.11) 82%, transparent ); }

.card-rail-start { left: 13px; }

.card-rail-end { right: 13px; }

.card-header { position: relative; z-index: 4; padding: clamp(14px, 2.2vw, 24px) 0 clamp(26px, 3.5vw, 42px); overflow: visible; text-align: center; }

.title-stage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; margin: 0 auto; overflow: visible; isolation: isolate; }

.title-stage::before { content: ""; position: absolute; left: 14%; right: 14%; top: 50%; z-index: -2; height: clamp(48px, 8vw, 84px); pointer-events: none; background: radial-gradient( ellipse at center, rgba(181, 18, 28, .25) 0%, rgba(112, 5, 14, .12) 42%, transparent 74% ); filter: blur(14px); transform: translateY(-48%); }

.title-text { position: relative; z-index: 2; display: block; width: 100%; min-width: 0; margin: 0; padding: .09em .04em .16em; overflow: visible; color: transparent; text-align: center; text-transform: none; white-space: nowrap; font-family: "Pirata One", "Cinzel Decorative", Georgia, serif; font-size: clamp(1.15rem, 4.5vw, 3.45rem); font-weight: 400; line-height: 1; letter-spacing: .018em; background: linear-gradient( 180deg, #fff8ef 0%, #e9d7cf 27%, #a9a0a0 49%, #fff0e5 58%, #a9222c 82%, #5c0710 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px rgba(255, 235, 230, .12); text-shadow: 0 2px 0 rgba(87, 6, 13, .92), 0 5px 0 rgba(41, 2, 7, .92), 0 9px 18px rgba(0, 0, 0, .88), 0 0 17px rgba(199, 24, 36, .32), 0 0 42px rgba(112, 3, 12, .20); filter: drop-shadow(0 0 7px rgba(153, 10, 20, .38)); }

.title-text::before, .title-text::after { content: attr(data-text); position: absolute; inset: 0; z-index: -1; pointer-events: none; text-align: center; white-space: nowrap; font: inherit; letter-spacing: inherit; }

.title-text::before { color: #6f0710; transform: translateY(.105em) scaleX(1.006); text-shadow: 0 .10em 0 #350207, 0 .22em .30em rgba(0, 0, 0, .80), 0 0 .22em rgba(217, 25, 38, .42); }

.title-text::after { color: transparent; -webkit-text-stroke: 1px rgba(255, 65, 76, .28); transform: translateY(.025em); filter: blur(3.5px); opacity: .78; }

.title-stage, .title-stage , .title-stage ::before, .title-stage *::after { animation: none !important; transition: none !important; }

.media-frame { position: relative; z-index: 2; width: 100%; margin: 0 auto 28px; padding: clamp(9px, 1.5vw, 14px); overflow: hidden; border: 1px solid rgba(232,225,215,.22); border-radius: 5px; background: linear-gradient(145deg, rgba(224,42,49,.07), transparent 35%), linear-gradient(180deg, #111216, #060708); clip-path: polygon( 16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px ); }

.media-frame::before { content: ""; position: absolute; inset: 5px; pointer-events: none; border: 1px solid rgba(232,225,215,.07); }

.media-inner { position: relative; width: 100%; overflow: hidden; border: 1px solid rgba(224,42,49,.16); background: #040506; }

.media-inner img { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; min-width: 0; min-height: 0; margin: 0 auto; border: 0; object-fit: contain; object-position: center; }

.media-corner { position: absolute; z-index: 4; width: 32px; height: 32px; pointer-events: none; }

.media-corner-tl { top: 0; left: 0; border-top: 2px solid rgba(255,122,128,.74); border-left: 2px solid rgba(255,122,128,.74); }

.media-corner-tr { top: 0; right: 0; border-top: 2px solid rgba(255,122,128,.74); border-right: 2px solid rgba(255,122,128,.74); }

.media-corner-bl { bottom: 0; left: 0; border-bottom: 2px solid rgba(224,42,49,.60); border-left: 2px solid rgba(224,42,49,.60); }

.media-corner-br { right: 0; bottom: 0; border-right: 2px solid rgba(224,42,49,.60); border-bottom: 2px solid rgba(224,42,49,.60); }

.panel { position: relative; z-index: 2; margin-bottom: 24px; padding: clamp(22px, 3.7vw, 34px); overflow: hidden; border: 1px solid var(--color-border); background: linear-gradient(145deg, rgba(255,255,255,.018), transparent 38%), linear-gradient(180deg, rgba(18,19,22,.91), rgba(7,8,10,.96)); clip-path: polygon( 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px ); }

.panel::before { content: ""; position: absolute; top: 0; left: 8%; width: 34%; height: 1px; background: linear-gradient(90deg, transparent, var(--color-bright), transparent); opacity: .62; }

.panel::after { content: ""; position: absolute; top: -160px; right: -130px; width: 220px; height: 220px; pointer-events: none; border: 1px solid rgba(224,42,49,.08); border-radius: 50%; }

.panel-featured { border-color: rgba(224,42,49,.30); background: linear-gradient(135deg, rgba(163,18,27,.08), transparent 42%), linear-gradient(180deg, rgba(19,14,17,.95), rgba(7,8,10,.98)); }

.panel-heading { display: block; margin-bottom: 20px; text-align: left; }

.panel-heading-featured { position: relative; margin-bottom: 18px; padding-bottom: 12px; }

.panel-heading-featured::after { content: ""; position: absolute; left: 0; bottom: 0; width: min(360px, 62%); height: 2px; background: linear-gradient( 90deg, var(--color-bright), rgba(255,122,128,.44), transparent ); }

.panel h2 { margin: 0; color: var(--color-text); font-family: "Cinzel Decorative", Georgia, serif; font-size: clamp(1.3rem, 2.65vw, 1.88rem); line-height: 1.08; letter-spacing: .015em; }

.panel h3 { color: var(--color-text); font-family: "Cinzel Decorative", Georgia, serif; }

.panel p { color: #c1bbb3; font-size: 1.04rem; line-height: 1.72; }

.panel a { color: var(--color-accent); font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255,122,128,.34); }

.panel a:hover { color: #ffb3b7; border-bottom-color: rgba(255,179,183,.78); }

.panel-copy { max-width: 980px; margin: 0 0 20px; color: #bdb6ad !important; font-size: 1.06rem !important; line-height: 1.74 !important; }

.panel-copy strong { color: #eee6dd; }

.code-panel { width: 100%; margin-top: 6px; overflow: hidden; text-align: left; border: 1px solid rgba(224,42,49,.24); background: rgba(5,6,7,.92); }

.code-panel summary { display: flex; align-items: center; gap: 10px; padding: 15px 18px; cursor: pointer; list-style: none; text-align: left; color: #e6ddd3; font-family: "IBM Plex Mono", monospace; font-size: .86rem; font-weight: 600; letter-spacing: .07em; background: linear-gradient(90deg, rgba(163,18,27,.12), transparent 48%), #0d0e11; }

.code-panel summary::-webkit-details-marker { display: none; }

.code-panel summary::before { content: "▶"; flex: 0 0 auto; color: var(--color-bright); font-size: .96rem; line-height: 1; transform: rotate(0deg); transform-origin: center; transition: transform .16s ease; }

.code-panel[open] summary::before { transform: rotate(90deg); }

.code-panel summary:hover { color: #fff; background: linear-gradient(90deg, rgba(163,18,27,.18), transparent 52%), #101114; }

.code-panel pre { margin: 0; padding: 20px; overflow-x: auto; text-align: left; white-space: pre; color: #d9d2c9; font-family: "IBM Plex Mono", monospace; font-size: .88rem; line-height: 1.64; border-top: 1px solid rgba(224,42,49,.14); background: linear-gradient(145deg, rgba(224,42,49,.028), transparent 35%), #050607; }

.code-panel code { color: #ff9da3; font-family: inherit; }

.feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }

.feature-card { position: relative; min-height: 166px; padding: 44px 20px 21px; border: 1px solid rgba(232,225,215,.12); background: linear-gradient(145deg, rgba(255,255,255,.018), transparent 42%), #090a0c; }

.feature-card::before { content: ""; position: absolute; top: 18px; left: 18px; width: 50px; height: 1px; background: linear-gradient(90deg, var(--color-bright), transparent); }

.feature-card > span { display: block; color: var(--color-muted); font-family: "IBM Plex Mono", monospace; font-size: .72rem; letter-spacing: .12em; }

.feature-card h3 { margin: 8px 0 5px; font-size: 1.16rem; }

.feature-card p { margin: 4px 0 0; color: #9f9991; font-size: .96rem; line-height: 1.62; }

@media (max-width: 850px) { .title-text { font-size: clamp(1.08rem, 4.65vw, 2.55rem); letter-spacing: .012em; } }

@media (max-width: 620px) { .card { margin: 18px auto; padding: 20px 14px; }

.card-header { padding: 10px 0 25px; }

.title-stage::before { left: 7%; right: 7%; height: 44px; }

.title-text { font-size: clamp(.92rem, 5.15vw, 1.58rem); letter-spacing: 0; -webkit-text-stroke-width: .5px; }

.title-text::before { transform: translateY(.09em); }

.media-frame { padding: 7px; }

.media-corner { width: 23px; height: 23px; }

.panel { padding: 21px 17px; }

.panel-copy, .panel p { font-size: 1rem !important; }

.code-panel summary { font-size: .8rem; }

.code-panel pre { font-size: .83rem; }

.feature-card h3 { font-size: 1.12rem; }

.feature-card p { font-size: .94rem; }

.feature-grid { grid-template-columns: 1fr; } } </style>