@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-accordion) .brx-open .accordion-content-wrapper{display:block}:where(.brxe-accordion) .brx-open .icon.expanded{display:block!important}:where(.brxe-accordion) .brx-open .icon.expanded+.icon{display:none}:where(.brxe-accordion) .accordion-title-wrapper{cursor:pointer;margin-bottom:-1px;padding:15px 0;transition:var(--bricks-transition)}:where(.brxe-accordion) .accordion-title{align-items:center;display:flex}:where(.brxe-accordion) .accordion-title:empty{display:none!important}:where(.brxe-accordion) .accordion-title.icon-left{flex-direction:row-reverse}:where(.brxe-accordion) .accordion-title.icon-left .icon{margin-left:0;margin-right:10px}:where(.brxe-accordion) .accordion-title.icon-right .icon{margin-left:10px;margin-right:0}:where(.brxe-accordion) .accordion-title .title{flex:1;line-height:30px;margin:0}:where(.brxe-accordion) .accordion-title .icon{font-size:.8em;line-height:1;position:relative;top:1px;transform-origin:center}:where(.brxe-accordion) .accordion-title .icon.expanded{display:none}:where(.brxe-accordion) .accordion-subtitle{opacity:.8}:where(.brxe-accordion) .accordion-content-wrapper{animation:height .5s ease;display:none;overflow:hidden;padding:0 0 15px}:where(.brxe-accordion) .accordion-content-wrapper:empty{display:none!important}}@layer bricks {.brxe-code{width:100%}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}:root {  --color-form-bg: rgba(255, 255, 255, 0.04); --color-form-border: rgba(255, 255, 255, 0.12); --color-form-focus: var(--color-tertiary); --color-input-bg: rgba(255, 255, 255, 0.06); --color-card-dark-bg: rgba(255, 255, 255, 0.05); --color-card-dark-border: rgba(233, 198, 128, 0.15); --glow-generator: radial-gradient(ellipse at center, rgba(233, 198, 128, 0.08) 0%, transparent 70%); --duration-card-entrance: 400ms;}h1 { font-family: var(--font-heading); font-weight: var(--weight-normal); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: var(--color-text-main); margin: 0; font-variation-settings: "opsz" 72, "SOFT" 50;}.generator { position: relative; background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.88)), url('https://myindieauthorsite.com/wp-content/uploads/2026/05/hero-montage-hero-bg.jpg'); background-size: cover; background-position: center; background-attachment: fixed; padding-block: var(--space-section-l) var(--space-section-m); overflow: hidden;}.generator::before { content: ""; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 800px; height: 600px; background: var(--glow-generator); pointer-events: none;}.generator__container { position: relative; display: flex; flex-direction: column; align-items: center;}.generator__persona { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin-bottom: var(--space-l);}.generator__persona-avatar { width: 100px; height: 100px; border-radius: 50%; border: 2px solid var(--color-tertiary); object-fit: cover; box-shadow: 0 0 24px rgba(233, 198, 128, 0.2);}.generator__persona-label { font-family: var(--font-body); font-size: 1.4rem; color: rgba(255, 255, 255, 0.55); letter-spacing: 0.05em; text-transform: uppercase; margin: 0;}.generator__header { text-align: center; max-width: 720px; margin-bottom: var(--space-xl);}.generator__title { font-size: var(--text-4xl); color: #fff; margin-bottom: var(--space-s);}.generator__title em { font-style: italic; color: var(--color-tertiary); font-variation-settings: "opsz" 72, "SOFT" 80;}.generator__subtitle { font-size: var(--text-l); line-height: var(--leading-normal); color: rgba(255, 255, 255, 0.72); margin: 0; text-wrap: pretty;}.generator__form-card { width: 100%; max-width: 640px; background: var(--color-form-bg); backdrop-filter: var(--blur-md); -webkit-backdrop-filter: var(--blur-md); border: 1px solid var(--color-form-border); border-radius: var(--radius-xl); padding: var(--space-xl);}.generator__form { display: flex; flex-direction: column; gap: var(--space-m);}.generator__field { display: flex; flex-direction: column; gap: var(--space-3xs);}.generator__label { font-family: var(--font-body); font-size: var(--text-s); font-weight: var(--weight-medium); color: rgba(255, 255, 255, 0.85); letter-spacing: var(--tracking-normal);}.generator__select,.generator__input,.generator__textarea { font-family: var(--font-body); font-size: var(--text-m); color: #fff; background: var(--color-input-bg); border: 1px solid var(--color-form-border); border-radius: var(--radius-md); padding: var(--space-xs) var(--space-s); transition: border-color var(--duration-normal) var(--ease-in-out), box-shadow var(--duration-normal) var(--ease-in-out); outline: none;}.generator__select:focus,.generator__input:focus,.generator__textarea:focus { border-color: var(--color-form-focus); box-shadow: 0 0 0 3px rgba(233, 198, 128, 0.15);}.generator__select option { background: var(--color-dark); color: #fff;}.generator__textarea { resize: vertical; min-height: 100px;}.generator__input::placeholder,.generator__textarea::placeholder { color: rgba(255, 255, 255, 0.35);}.generator__pills { display: flex; flex-wrap: wrap; gap: var(--space-2xs);}.generator__pill { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-medium); color: rgba(255, 255, 255, 0.72); background: transparent; border: 1px solid var(--color-form-border); border-radius: var(--radius-full); padding: var(--space-3xs) var(--space-s); cursor: pointer; transition: all var(--duration-normal) var(--ease-in-out); white-space: nowrap;}.generator__pill:hover { border-color: rgba(255, 255, 255, 0.3); color: #fff;}.generator__pill--active { background: var(--color-tertiary); color: var(--color-dark); border-color: var(--color-tertiary); font-weight: var(--weight-semibold);}.generator__submit { align-self: center; background: var(--color-tertiary); color: var(--color-dark); font-size: var(--text-m); font-weight: var(--weight-semibold); padding: var(--space-xs) var(--space-l); margin-top: var(--space-xs); box-shadow: 0 1px 2px rgba(233, 198, 128, 0.25), 0 8px 22px rgba(233, 198, 128, 0.18);}.generator__submit:hover { background: #f4d491; box-shadow: 0 2px 4px rgba(233, 198, 128, 0.35), 0 12px 28px rgba(233, 198, 128, 0.24);}.generator__results { width: 100%; max-width: 800px; margin-top: var(--space-2xl);}.generator__results-title { font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: #fff; text-align: center; margin: 0 0 var(--space-l); font-variation-settings: "opsz" 72, "SOFT" 50;}.generator__results-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-m);}.generator__result-card { background: var(--color-card-dark-bg); border: 1px solid var(--color-card-dark-border); border-radius: var(--radius-lg); padding: var(--space-l); transition: transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-in-out);}.generator__result-card:hover { transform: translateY(-2px); border-color: rgba(233, 198, 128, 0.3);}.generator__result-number { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--color-tertiary); letter-spacing: var(--tracking-widest); margin: 0 0 var(--space-xs);}.generator__result-title { font-family: var(--font-heading); font-size: var(--text-l); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); color: #fff; margin: 0 0 var(--space-3xs); line-height: var(--leading-tight); font-variation-settings: "opsz" 72, "SOFT" 50;}.generator__result-subtitle { font-size: var(--text-s); line-height: var(--leading-normal); color: rgba(255, 255, 255, 0.6); margin: 0; font-style: italic;}.generator__result-rationale { font-family: var(--font-body); font-size: var(--text-xs); line-height: var(--leading-normal); color: rgba(255, 255, 255, 0.4); margin: var(--space-xs) 0 0; padding-top: var(--space-xs); border-top: 1px solid rgba(255, 255, 255, 0.06); font-style: italic;}.generator__result-card--pick { border-color: rgba(233, 198, 128, 0.4); background: rgba(233, 198, 128, 0.08); box-shadow: 0 0 20px rgba(233, 198, 128, 0.1); position: relative;}.generator__pick-badge { display: inline-block; font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--color-dark); background: var(--color-tertiary); padding: var(--space-4xs) var(--space-s); border-radius: var(--radius-full); letter-spacing: var(--tracking-wide); margin-bottom: var(--space-xs);}.generator__pick-reason { font-family: var(--font-body); font-size: var(--text-xs); line-height: var(--leading-normal); color: var(--color-tertiary); margin: var(--space-xs) 0 0; padding: var(--space-xs); background: rgba(233, 198, 128, 0.06); border-radius: var(--radius-md); border-left: 2px solid var(--color-tertiary);}.generator__results-actions { text-align: center; margin-top: var(--space-l);}.generator__regenerate { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); color: #fff;}.generator__regenerate:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.35);}@media (max-width: 768px) { .generator__title { font-size: var(--text-3xl); } .generator__results-grid { grid-template-columns: 1fr; } .generator__form-card { padding: var(--space-l); }}@media (max-width: 560px) { .generator__title { font-size: var(--text-2xl); } .generator__subtitle { font-size: var(--text-m); } .generator__form-card { padding: var(--space-m); }}.how-it-works { background: var(--color-base); padding-block: var(--space-section-m);}.how-it-works__header { text-align: center; max-width: 640px; margin: 0 auto var(--space-xl);}.how-it-works__eyebrow { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: var(--color-primary); margin: 0;}.how-it-works__title { font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: var(--color-text-main); margin: var(--space-s) 0 0; font-variation-settings: "opsz" 72, "SOFT" 50;}.how-it-works__title em { font-style: italic; color: var(--color-primary); font-variation-settings: "opsz" 72, "SOFT" 80;}.how-it-works__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-l);}.how-it-works__step { text-align: center; padding: var(--space-l);}.how-it-works__icon { width: 64px; height: 64px; margin: 0 auto var(--space-m); display: flex; align-items: center; justify-content: center; background: rgba(140, 35, 44, 0.08); border-radius: var(--radius-lg); font-size: var(--text-2xl);}.how-it-works__step-number { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--color-primary); letter-spacing: var(--tracking-widest); text-transform: uppercase; margin: 0 0 var(--space-2xs);}.how-it-works__step-title { font-family: var(--font-heading); font-size: var(--text-l); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); color: var(--color-text-main); margin: 0 0 var(--space-2xs); font-variation-settings: "opsz" 72, "SOFT" 50;}.how-it-works__step-desc { font-size: var(--text-s); line-height: var(--leading-normal); color: var(--color-text-muted); margin: 0;}@media (max-width: 768px) { .how-it-works__grid { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; }}.features { position: relative; background: var(--color-dark); padding-block: var(--space-section-m); overflow: hidden;}.features::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(55% 80% at 85% 15%, rgba(233, 198, 128, 0.06), transparent 70%), radial-gradient(40% 70% at 5% 90%, rgba(140, 35, 44, 0.12), transparent 70%);}.features__container { position: relative;}.features__header { text-align: center; max-width: 640px; margin: 0 auto var(--space-xl);}.features__eyebrow { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: var(--color-tertiary); margin: 0;}.features__title { font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: #fff; margin: var(--space-s) 0 0; font-variation-settings: "opsz" 72, "SOFT" 50;}.features__title em { font-style: italic; color: var(--color-tertiary); font-variation-settings: "opsz" 72, "SOFT" 80;}.features__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-m);}.features__card { background: var(--color-card-dark-bg); border: 1px solid var(--color-card-dark-border); border-radius: var(--radius-lg); padding: var(--space-l); transition: transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-in-out);}.features__card:hover { transform: translateY(-2px); border-color: rgba(233, 198, 128, 0.3);}.features__card-icon { font-size: var(--text-2xl); margin-bottom: var(--space-s);}.features__card-title { font-family: var(--font-heading); font-size: var(--text-l); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); color: #fff; margin: 0 0 var(--space-2xs); line-height: var(--leading-tight); font-variation-settings: "opsz" 72, "SOFT" 50;}.features__card-desc { font-size: var(--text-s); line-height: var(--leading-normal); color: rgba(255, 255, 255, 0.6); margin: 0;}@media (max-width: 960px) { .features__grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 560px) { .features__grid { grid-template-columns: 1fr; }}.genre-examples { background: var(--color-surface); padding-block: var(--space-section-m);}.genre-examples__header { text-align: center; max-width: 640px; margin: 0 auto var(--space-xl);}.genre-examples__eyebrow { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: var(--color-primary); margin: 0;}.genre-examples__title { font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: var(--color-text-main); margin: var(--space-s) 0 0; font-variation-settings: "opsz" 72, "SOFT" 50;}.genre-examples__title em { font-style: italic; color: var(--color-primary); font-variation-settings: "opsz" 72, "SOFT" 80;}.genre-examples__lead { font-size: var(--text-l); line-height: var(--leading-normal); color: var(--color-text-muted); margin: var(--space-m) 0 0; text-wrap: pretty;}.genre-examples__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-l);}.genre-examples__card { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-l); box-shadow: var(--shadow-sm); transition: transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-in-out);}.genre-examples__card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md);}.genre-examples__card-genre { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: var(--color-primary); margin: 0 0 var(--space-m); padding-bottom: var(--space-s); border-bottom: 1px solid var(--color-border);}.genre-examples__example { padding: var(--space-xs) 0;}.genre-examples__example + .genre-examples__example { border-top: 1px solid rgba(0, 0, 0, 0.06);}.genre-examples__example-title { font-family: var(--font-heading); font-size: var(--text-m); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); color: var(--color-text-main); margin: 0 0 var(--space-4xs); line-height: var(--leading-tight); font-variation-settings: "opsz" 72, "SOFT" 50;}.genre-examples__example-subtitle { font-size: var(--text-s); line-height: var(--leading-normal); color: var(--color-text-muted); margin: 0; font-style: italic;}@media (max-width: 768px) { .genre-examples__grid { grid-template-columns: 1fr; max-width: 540px; margin-inline: auto; }}.faq { background: var(--color-base); padding-block: var(--space-section-m);}.faq__header { text-align: center; max-width: 640px; margin: 0 auto var(--space-xl);}.faq__eyebrow { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: var(--color-primary); margin: 0;}.faq__title { font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--leading-none); color: var(--color-text-main); margin: var(--space-s) 0 0; font-variation-settings: "opsz" 72, "SOFT" 50;}.faq__list { max-width: 760px; margin: 0 auto;}.faq__item { border-bottom: 1px solid var(--color-border);}.faq__question { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: var(--space-m) 0; background: none; border: none; cursor: pointer; font-family: var(--font-heading); font-size: var(--text-m); font-weight: var(--weight-medium); color: var(--color-text-main); text-align: left; line-height: var(--leading-snug); letter-spacing: var(--tracking-tight); transition: color var(--duration-normal) var(--ease-in-out);}.faq__question:hover { color: var(--color-primary);}.faq__icon { font-size: var(--text-l); color: var(--color-text-muted); transition: transform var(--duration-normal) var(--ease-in-out); flex-shrink: 0; margin-left: var(--space-m);}.faq__item--open .faq__icon { transform: rotate(45deg);}.faq__answer { max-height: 0; overflow: hidden; transition: max-height var(--duration-slow) var(--ease-out);}.faq__item--open .faq__answer { max-height: 300px;}.faq__answer-text { font-size: var(--text-s); line-height: var(--leading-normal); color: var(--color-text-muted); margin: 0; padding-bottom: var(--space-m);}.cta-band { background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)), url('https://myindieauthorsite.com/wp-content/uploads/2026/05/bottom-section-bg.jpg'); background-size: cover; background-position: center;}@keyframes cardEntrance { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); }}.generator__result-card--entering { animation: cardEntrance var(--duration-card-entrance) var(--ease-out) both;}@keyframes spin { to { transform: rotate(360deg); }}.generator__spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(28, 25, 22, 0.25); border-top-color: var(--color-dark); border-radius: 50%; animation: spin 0.6s linear infinite; vertical-align: middle; margin-left: var(--space-2xs);}.generator__submit--loading { opacity: 0.8; cursor: not-allowed; pointer-events: none;}.generator__form--loading .generator__select,.generator__form--loading .generator__input,.generator__form--loading .generator__textarea { opacity: 0.5; pointer-events: none;}.generator__form--loading .generator__pill { opacity: 0.5; pointer-events: none;}.generator__field--error .generator__select,.generator__field--error .generator__input,.generator__field--error .generator__textarea { border-color: var(--color-danger); box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15);}.generator__field-error { font-family: var(--font-body); font-size: var(--text-xs); color: var(--color-danger); margin: var(--space-3xs) 0 0; line-height: var(--leading-normal);}.generator__error { text-align: center; padding: var(--space-xl); background: rgba(220, 53, 69, 0.08); border: 1px solid rgba(220, 53, 69, 0.25); border-radius: var(--radius-lg); grid-column: 1 / -1;}.generator__error-title { font-family: var(--font-heading); font-size: var(--text-l); font-weight: var(--weight-medium); color: #fff; margin: 0 0 var(--space-2xs); font-variation-settings: "opsz" 72, "SOFT" 50;}.generator__error-text { font-size: var(--text-s); line-height: var(--leading-normal); color: rgba(255, 255, 255, 0.65); margin: 0 0 var(--space-m);}.generator__error-retry { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: var(--text-s); padding: var(--space-3xs) var(--space-m);}.generator__error-retry:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.35);}#brxe-uwtfqz {width: 100px; height: 100px}#brxe-nfvirw {margin-top: 14px}