.hx-character-prompt-builder{position:relative;min-height:440px}.hx-character-prompt-builder .stg{position:absolute;left:50%;top:50%;width:560px;height:440px;margin:-220px 0 0 -280px}@property --dev{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.hx-character-prompt-builder .cf-frame{position:absolute;left:150px;top:10px;width:300px;height:380px;border-radius:22px;overflow:hidden;background:#0b0910;border:1px solid rgb(255 255 255 / .12);box-shadow:0 40px 80px -30px #000000e6,0 0 100px -30px var(--a);animation:hx-cf-dev 10s ease-in-out infinite}@keyframes hx-cf-dev{0%,22%{--dev: 0%}48%,86%{--dev: 120%}98%,to{--dev: 0%}}.hx-character-prompt-builder .cf-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;-webkit-mask-image:linear-gradient(#000 calc(var(--dev) - 20%),transparent var(--dev));mask-image:linear-gradient(#000 calc(var(--dev) - 20%),transparent var(--dev))}.hx-character-prompt-builder .cf-words{position:absolute;inset:0;margin:0;padding:18px 16px;font:600 13px/1.55 var(--font-mono);letter-spacing:-.01em;color:#d8d3e0;-webkit-mask-image:linear-gradient(transparent calc(var(--dev) - 20%),#000 var(--dev));mask-image:linear-gradient(transparent calc(var(--dev) - 20%),#000 var(--dev))}.hx-character-prompt-builder .cf-words span{color:var(--c)}.hx-character-prompt-builder .cf-scan{position:absolute;left:0;right:0;top:calc(var(--dev) - 10%);height:2px;background:#fff;box-shadow:0 0 18px 4px var(--a);opacity:.9}.hx-character-prompt-builder .cf-pin{position:absolute;display:grid;padding:5px 9px;border-radius:9px;font:600 11px/1.3 var(--font-sans);color:#fff;background:#0a0810b8;backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .16);white-space:nowrap;opacity:0;translate:0 6px;animation:hx-cf-pin 10s infinite}.hx-character-prompt-builder .cf-pin b{font:700 9.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}.hx-character-prompt-builder .cf-pin:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px #00000073}.hx-character-prompt-builder .p1{--c: #ff9ad2;right:162px;top:164px;animation-delay:.1s}.hx-character-prompt-builder .p1:before{right:-16px;top:12px}.hx-character-prompt-builder .p2{--c: #c9a0ff;left:212px;top:202px;animation-delay:.4s}.hx-character-prompt-builder .p2:before{left:-16px;top:12px}.hx-character-prompt-builder .p3{--c: #7fe8f7;left:76px;top:340px;animation-delay:.7s}.hx-character-prompt-builder .p3:before{left:-16px;top:12px}.hx-character-prompt-builder .cf-ai{position:absolute;top:12px;left:12px;padding:2px 7px;border-radius:6px;font:600 11px/16px var(--font-sans);letter-spacing:.02em;background:#ffffffeb;color:#111118;box-shadow:0 2px 8px #0000001f;opacity:0;animation:hx-cf-ai 10s infinite}@keyframes hx-cf-ai{0%,34%{opacity:0}42%,88%{opacity:1}96%,to{opacity:0}}@keyframes hx-cf-pin{0%,50%{opacity:0;translate:0 6px}56%,84%{opacity:1;translate:0 0}90%,to{opacity:0;translate:0 0}}.hx-character-prompt-builder .cf-steps{position:absolute;left:0;top:40px;margin:0;padding:0;list-style:none;display:grid;gap:8px}.hx-character-prompt-builder .cf-steps li{display:flex;align-items:center;gap:8px;width:124px;padding:7px 10px;border-radius:10px;font:600 12.5px var(--font-sans);color:#8d879b;background:#ffffff08;border:1px solid rgb(255 255 255 / .08);animation:hx-cf-step 10s calc(var(--i) * .3s) infinite}.hx-character-prompt-builder .cf-steps i{width:8px;height:8px;border-radius:50%;background:var(--c);opacity:.35;animation:inherit;animation-name:hx-cf-dot}@keyframes hx-cf-step{0%,4%{color:var(--cf-mute, #8d879b);border-color:var(--cf-line, rgb(255 255 255 / .08))}10%,90%{color:var(--cf-on, #fff);border-color:color-mix(in srgb,var(--c) 60%,transparent)}to{color:var(--cf-mute, #8d879b)}}@keyframes hx-cf-dot{0%,4%{opacity:.35;box-shadow:none}10%,90%{opacity:1;box-shadow:0 0 10px var(--c)}to{opacity:.35}}.hx-character-prompt-builder .cf-block{position:absolute;right:0;bottom:6px;width:210px;padding:12px 14px;border-radius:14px;background:#121019;border:1px solid color-mix(in srgb,#ff7ac6 45%,transparent);box-shadow:0 24px 40px -18px #000000e6}.hx-character-prompt-builder .cf-block .h{display:flex;align-items:center;gap:7px;font:700 12px var(--font-mono);color:#ff9ad2}.hx-character-prompt-builder .cf-block .h i{width:3px;height:14px;border-radius:2px;background:#ff7ac6}.hx-character-prompt-builder .cf-block p{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:#c9c4d3}@media(max-width:560px){.hx-character-prompt-builder{min-height:0}.hx-character-prompt-builder .stg{position:relative;left:auto;top:auto;width:300px;height:auto;margin:0 auto;display:grid;gap:14px}.hx-character-prompt-builder .cf-steps{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hx-character-prompt-builder .cf-steps li{width:auto;padding:7px 8px;font-size:12px}.hx-character-prompt-builder .cf-frame{position:relative;left:auto;top:auto}.hx-character-prompt-builder .cf-block{position:relative;right:auto;bottom:auto;justify-self:end;margin:-58px -10px 0 0}}:root[data-theme=light] .hx-character-prompt-builder{--cf-mute: #77727f;--cf-line: rgb(16 18 27 / .1);--cf-on: #1d1a26}:root[data-theme=light] .hx-character-prompt-builder .cf-frame{background:#fff;border-color:#10121b1a;box-shadow:0 40px 80px -40px #10121b73,0 0 100px -40px var(--a)}:root[data-theme=light] .hx-character-prompt-builder .cf-words{color:#2a2733}:root[data-theme=light] .hx-character-prompt-builder .cf-words span{color:color-mix(in srgb,var(--c) 62%,#000)}:root[data-theme=light] .hx-character-prompt-builder .cf-steps li{background:#fff;box-shadow:0 6px 14px -10px #10121b4d}:root[data-theme=light] .hx-character-prompt-builder .cf-block{background:#fff;box-shadow:0 24px 40px -22px #10121b66}:root[data-theme=light] .hx-character-prompt-builder .cf-block .h{color:#b04f8b}:root[data-theme=light] .hx-character-prompt-builder .cf-block p{color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.hx-character-prompt-builder .cf-frame,.hx-character-prompt-builder .cf-pin,.hx-character-prompt-builder .cf-ai,.hx-character-prompt-builder .cf-steps li,.hx-character-prompt-builder .cf-steps i{animation:none}.hx-character-prompt-builder .cf-frame{--dev: 120%}.hx-character-prompt-builder .cf-pin,.hx-character-prompt-builder .cf-ai{opacity:1;translate:none}.hx-character-prompt-builder .cf-steps li{color:#fff}.hx-character-prompt-builder .cf-steps i{opacity:1}}.cfx-lead{position:relative;width:100%;max-width:560px;display:grid;gap:16px;padding:6px 0 4px}.cfx-steps{display:flex;flex-wrap:wrap;gap:6px}.cfx-steps span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:99px;font:600 11.5px var(--font-sans);color:var(--ink-2);background:var(--card-2);border:1px solid var(--rule);animation:cfx-pop 6s var(--d) ease-in-out infinite}.cfx-steps i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}@keyframes cfx-pop{0%,12%,to{transform:none;border-color:var(--rule)}5%{transform:translateY(-3px);border-color:var(--c)}}.cfx-tag{position:relative;padding:18px 20px 16px 42px;border-radius:6px 18px 18px 6px;background:#f6f1e7;color:#2a2620;rotate:-1.2deg;box-shadow:0 1px #fff inset,0 28px 50px -24px #000c;clip-path:polygon(0 12%,5% 0,100% 0,100% 100%,5% 100%,0 88%)}.cfx-hole{position:absolute;left:14px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--card);box-shadow:0 0 0 3px #d9d0bf inset}.cfx-models{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cfx-models b{padding:3px 8px;border-radius:6px;font:600 10.5px var(--font-mono);color:#8b8373;border:1px dashed #cfc5b2}.cfx-models b:nth-child(1){animation:cfx-m0 9s infinite}.cfx-models b:nth-child(2){animation:cfx-m1 9s infinite}.cfx-models b:nth-child(3){animation:cfx-m2 9s infinite}@keyframes cfx-m0{0%,30%{color:#fff;background:#2a2620;border-color:#2a2620}34%,to{color:#8b8373;background:none}}@keyframes cfx-m1{0%,33%,67%,to{color:#8b8373;background:none}36%,63%{color:#fff;background:#2a2620;border-color:#2a2620}}@keyframes cfx-m2{0%,66%,to{color:#8b8373;background:none}70%,96%{color:#fff;background:#2a2620;border-color:#2a2620}}.hub .cfx-tag p{margin:0;font:500 14.5px/1.85 var(--font-sans);color:#2a2620}.cfx-tag mark{color:inherit;padding:1px 2px;border-radius:3px;background:linear-gradient(transparent 66%,color-mix(in srgb,var(--c) 80%,transparent) 66%)}.cfx-id{box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:1.5px dashed #b04f8b;outline-offset:3px;border-radius:3px}.cfx-bracket{display:inline-block;margin-top:12px;font:600 10.5px var(--font-mono);letter-spacing:.04em;color:#b04f8b}.cfx-bracket:before{content:"\2310  "}.cfx-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.cfx-scene{margin:0;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--rule);transition:transform .4s var(--ease),border-color .3s}.cfx-scene:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a) 50%,var(--rule))}.cfx-shot{position:relative;aspect-ratio:4 / 3;display:grid;place-items:end center}.cfx-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.cfx-scene:hover .cfx-shot img{transform:scale(1.04)}.cfx-shot b{z-index:1;position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:99px;background:#0000008c;color:#fff;font:600 11.5px var(--font-sans);backdrop-filter:blur(4px)}.cfx-shot .cfx-ai{z-index:1;position:absolute;right:12px;top:12px;padding:2px 7px;border-radius:6px;font:600 11px/16px var(--font-sans);letter-spacing:.02em;background:#ffffffeb;color:#111118;box-shadow:0 2px 8px #0000001f}.cfx-scene figcaption{padding:14px 16px 16px;font:12.5px/1.65 var(--font-mono);color:var(--ink-3)}.cfx-idtext{color:var(--ink);background:color-mix(in srgb,var(--a) 16%,transparent);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 3px;border-radius:4px}.cfx-scenetext{color:var(--ink);text-decoration:underline 2px color-mix(in srgb,var(--a) 75%,transparent);text-underline-offset:4px;text-decoration-skip-ink:none}.cfx-note{margin-top:18px;font-size:14.5px;color:var(--ink-3)}@media(max-width:860px){.cfx-scenes{grid-template-columns:1fr}.cfx-shot{aspect-ratio:16 / 9}}@media(prefers-reduced-motion:reduce){.cfx-steps span,.cfx-models b{animation:none}}