.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: nowrap; justify-content: flex-start; gap: 12px; width: 100%; min-width: 0; padding: 16px; border-radius: 30px; background: #fafafa; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
}
.book-creation-flow__choices[data-v-creation-84edb3e6]:focus-visible { outline: 3px solid var(--primary-color, #905d95); outline-offset: -3px;
}
.book-creation-flow__type[data-v-creation-84edb3e6] { flex: 0 0 180px; scroll-snap-align: start;
}
.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[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__coming-soon[data-v-creation-84edb3e6] { width: 440px; max-width: calc(100vw - 32px); border: 1px solid white; border-radius: 30px; overflow: hidden;
}
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: 600px) {
.book-creation-flow__choices[data-v-creation-84edb3e6] { padding: 12px;
}
.book-creation-flow__type[data-v-creation-84edb3e6] { flex-basis: 150px; width: 150px; 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-button-image[data-v-creation-e2f99c95] { position: relative; display: inline-grid; place-items: center; flex-shrink: 0; max-width: 100%; overflow: hidden; border-radius: 16px; background: #fff;
}
.book-button-image__image[data-v-creation-e2f99c95] { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .15s ease;
}
.book-button-image__image--ready[data-v-creation-e2f99c95] { opacity: 1;
}
.book-button-image__spinner[data-v-creation-e2f99c95] { width: 28px; height: 28px; border: 3px solid #d8e1ea; border-top-color: var(--primary-color, #905d95); border-radius: 50%; animation: book-button-image-spin-creation-e2f99c95 .75s linear infinite;
}
.book-button-image__error[data-v-creation-e2f99c95] { color: #78909c; font-size: 28px;
}
@keyframes book-button-image-spin-creation-e2f99c95 {
to { transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.book-button-image__spinner[data-v-creation-e2f99c95] { animation: none;
}
.book-button-image__image[data-v-creation-e2f99c95] { transition: none;
}
}

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