.creation-start { margin: 0 0 22px; padding: 16px 20px; border: 1px solid #d6ddd3; border-radius: 14px; background: #fffdf8; color: #354c3c; }
.creation-start__hint { margin: 0 0 12px; color: #5e665b; font-size: 14px; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.creation-start__actions { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 10px; }
.creation-start__auto { min-width: 0; max-width: 100%; }
.creation-start__auto[open] { flex-basis: 100%; }
.creation-start__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; max-width: 100%; padding: 10px 18px; border: 1px solid #355742; border-radius: 10px; background: #355742; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.7; text-decoration: none; list-style: none; cursor: pointer; }
.creation-start__button::-webkit-details-marker { display: none; }
.creation-start__button svg { flex: 0 0 16px; width: 16px; height: 16px; }
.creation-start__button:hover { background: #294433; }
.creation-start__button--manual { background: transparent; border-color: #c6b89e; color: #645132; }
.creation-start__button--manual:hover { background: #f2eadb; }
.creation-start__auto[open] > summary .creation-start__chevron { transform: rotate(180deg); }
.creation-start__guide { max-width: 680px; margin-top: 16px; padding: 20px; border: 1px solid #d6ddd3; border-radius: 12px; background: #f0f5ef; }
.creation-start__guide h2 { margin: 0 0 14px; font-family: inherit; font-size: 16px; font-weight: 700; }
.creation-start__details { display: grid; gap: 12px; margin: 0; font-size: 14px; line-height: 1.8; }
.creation-start__details > div { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 10px; }
.creation-start__details dt { color: #5e665b; font-weight: 700; }
.creation-start__details dd { margin: 0; color: #35442f; word-break: keep-all; overflow-wrap: anywhere; }
.creation-start__note { margin: 16px 0; color: #5e665b; font-size: 13px; line-height: 1.9; word-break: keep-all; overflow-wrap: anywhere; }
.creation-start :is(a, summary, button):focus-visible { outline: 3px solid #79602c; outline-offset: 4px; }
.creation-start-current { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 22px; margin: 0 0 20px; padding: 16px 20px; border: 1px solid #d6ddd3; border-radius: 14px; background: #f0f5ef; color: #354c3c; }
.creation-start-current strong { font-size: 14px; }
.creation-start-current p { margin: 5px 0 0; font-size: 13px; line-height: 1.8; }
.creation-start-current a { display: inline-flex; align-items: center; min-height: 44px; color: #5d664e; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.creation-start-current a:focus-visible { outline: 3px solid #79602c; outline-offset: 4px; }
#ebook-methods, #ebook-spaces, #eb-cover-title, #automatic-name { scroll-margin-top: 110px; }
@media (max-width: 640px) {
  .creation-start { padding: 15px; }
  .creation-start__guide { padding: 16px; }
  .creation-start__details > div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}