.book-creation-flow[data-v-creation-84edb3e6] { grid-column: 1 / -1; display: grid; justify-items: center; overflow: hidden; width: 100%; padding: 4px;
}
.book-creation-flow__choices[data-v-creation-84edb3e6] { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%;
}
.book-creation-flow__type[data-v-creation-84edb3e6], .book-creation-flow__ai[data-v-creation-84edb3e6] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 108px; width: 180px; max-width: 100%; padding: 12px; border: 2px solid #dce1e7; border-radius: 24px; background: #fff; color: #37474f; font: inherit; font-weight: 600; cursor: pointer;
}
.book-creation-flow__type img[data-v-creation-84edb3e6] { width: 130px; max-width: 100%; aspect-ratio: 1.5; object-fit: contain; border-radius: 16px;
}
.book-creation-flow__type[data-v-creation-84edb3e6]:hover, .book-creation-flow__ai[data-v-creation-84edb3e6]:hover { border-color: var(--primary-color, #905d95);
}
.book-creation-flow__generate[data-v-creation-84edb3e6] { display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.book-creation-flow__back[data-v-creation-84edb3e6] { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; padding: 5px 12px; background: transparent; color: var(--primary-color, #905d95); font: inherit; cursor: pointer;
}
.book-creation-flow__ai img[data-v-creation-84edb3e6] { width: 96px; aspect-ratio: 1; border-radius: 16px; object-fit: contain;
}
button[data-v-creation-84edb3e6]:disabled { opacity: .5; cursor: default;
}
button[data-v-creation-84edb3e6]:focus-visible { outline: 3px solid var(--primary-color, #905d95); outline-offset: 2px;
}
.book-creation-step-enter-active[data-v-creation-84edb3e6], .book-creation-step-leave-active[data-v-creation-84edb3e6] { transition: transform .2s ease, opacity .2s ease;
}
.book-creation-step-enter-from[data-v-creation-84edb3e6] { transform: translateX(60px); opacity: 0;
}
.book-creation-step-leave-to[data-v-creation-84edb3e6] { transform: translateX(-60px); opacity: 0;
}
@media (max-width: 450px) {
.book-creation-flow__type[data-v-creation-84edb3e6] { width: min(180px, calc(50% - 6px)); min-height: 98px; padding: 10px 5px;
}
}
@media (prefers-reduced-motion: reduce) {
.book-creation-step-enter-active[data-v-creation-84edb3e6], .book-creation-step-leave-active[data-v-creation-84edb3e6] { transition: none;
}
}


.book-story-generator[data-v-creation-836161c2] { --q-primary: #905d95; width: min(760px, 96vw); max-width: 96vw; max-height: 92vh; display: flex; flex-direction: column; border: 1px solid #fff; border-radius: 30px; overflow: hidden;
}
.book-story-generator__body[data-v-creation-836161c2] { display: grid; gap: 16px; min-height: 0; overflow-y: auto; padding: 22px; color: #37474f;
}
.book-story-generator__topic-section[data-v-creation-836161c2], .book-story-generator__own-topic[data-v-creation-836161c2] { display: grid; gap: 14px; min-width: 0;
}
.book-story-generator__topic-section h3[data-v-creation-836161c2] { margin: 0; font-size: 17px; font-weight: 700;
}
.book-story-generator__topic-buttons[data-v-creation-836161c2] { display: flex; flex-wrap: wrap; gap: 10px;
}
.book-story-generator__topics[data-v-creation-836161c2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.book-story-generator__topic[data-v-creation-836161c2] { display: block; min-width: 0; padding: 10px 12px; border: 1px solid #d8e1ea; border-radius: 18px; cursor: pointer;
}
.book-story-generator__topic--selected[data-v-creation-836161c2] { border-color: #905d95; background: #f7f0f8;
}
.book-story-generator__topic p[data-v-creation-836161c2] { margin: 2px 0 2px 30px; font-size: 13px; color: #607d8b;
}
.book-story-generator__format[data-v-creation-836161c2] { color: #607d8b; font-size: 13px;
}
.book-story-generator__progress[data-v-creation-836161c2] { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: #f7f0f8;
}
.book-story-generator__progress p[data-v-creation-836161c2] { font-size: 13px;
}
.book-story-generator__error[data-v-creation-836161c2] { color: #b3261e;
}
.book-story-generator__footer[data-v-creation-836161c2] { flex: none; padding: 12px 18px; border-top: 1px solid #d8e1ea;
}
@media (max-width: 600px) {
.book-story-generator__topics[data-v-creation-836161c2] { grid-template-columns: minmax(0, 1fr);
}
.book-story-generator__body[data-v-creation-836161c2] { padding: 16px;
}
}

.book-settings__section-card:disabled img{filter:grayscale(1)}