/* Checkout-only presentation. No book payload, payment or generation logic. */
body[data-bouya-page="creator"] .lv2-order-context {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}
body[data-bouya-page="creator"] .lv2-macro-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body[data-bouya-page="creator"] .lv2-macro-step {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 58px;
  padding: 9px 11px;
  border: 1px solid rgba(26,39,68,.1);
  border-radius: 10px;
  background: rgba(255,255,255,.58);
  color: #747b89;
}
body[data-bouya-page="creator"] .lv2-macro-step > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e9e5dc;
  color: #6e7480;
  font-size: 12px;
  font-weight: 800;
}
body[data-bouya-page="creator"] .lv2-macro-step strong,
body[data-bouya-page="creator"] .lv2-macro-step small {
  display: block;
}
body[data-bouya-page="creator"] .lv2-macro-step strong {
  color: #3f485b;
  font-size: 12px;
}
body[data-bouya-page="creator"] .lv2-macro-step small {
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.3;
}
body[data-bouya-page="creator"] .lv2-macro-step.is-active {
  border-color: rgba(212,168,83,.55);
  background: #fff8e7;
  box-shadow: 0 8px 22px rgba(42,48,61,.07);
}
body[data-bouya-page="creator"] .lv2-macro-step.is-active > span {
  background: #17243d;
  color: #f0c66f;
}
body[data-bouya-page="creator"] .lv2-macro-step.is-active strong {
  color: #17243d;
}
body[data-bouya-page="creator"] .lv2-macro-step.is-done > span {
  background: #dcecdf;
  color: #2e6d49;
}
body[data-bouya-page="creator"] .lv2-order-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 76px;
  padding: 13px 16px;
  border: 1px solid rgba(212,168,83,.24);
  border-radius: 10px;
  background: linear-gradient(120deg,#17243d,#223652);
  color: #fff;
  box-shadow: 0 12px 30px rgba(23,36,61,.12);
}
body[data-bouya-page="creator"] .lv2-order-strip-kicker,
body[data-bouya-page="creator"] .lv2-order-strip > div > strong,
body[data-bouya-page="creator"] .lv2-order-strip > div > small {
  display: block;
}
body[data-bouya-page="creator"] .lv2-order-strip-kicker {
  margin-bottom: 3px;
  color: #e3ba65;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body[data-bouya-page="creator"] .lv2-order-strip > div > strong {
  font-family: "Cormorant Garamond",Georgia,serif;
  font-size: 19px;
  line-height: 1.05;
}
body[data-bouya-page="creator"] .lv2-order-strip > div > small {
  margin-top: 3px;
  color: rgba(255,255,255,.62);
  font-size: 10px;
}
body[data-bouya-page="creator"] .lv2-order-strip-price {
  text-align: right;
}
body[data-bouya-page="creator"] .lv2-order-strip-price strong {
  color: #f0cc7d;
  font-family: "Instrument Sans",sans-serif;
  font-size: 20px;
  white-space: nowrap;
}
body[data-bouya-page="creator"] .lv2-order-strip-price span {
  display: block;
  margin-top: 1px;
  color: rgba(255,255,255,.56);
  font-size: 9px;
}
body[data-bouya-page="creator"] .lv2-total-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  padding: 20px;
  background: linear-gradient(120deg, #18263d, #273b57);
  border: 1px solid #ffffff14;
}
body[data-bouya-page="creator"] .lv2-total-left { display: contents; }
body[data-bouya-page="creator"] .lv2-total-label { grid-column: 1; grid-row: 1; color: #f7f1e5; }
body[data-bouya-page="creator"] .lv2-total-price { grid-column: 2; grid-row: 1; white-space: nowrap; font-size: 1.9rem; line-height: 1.1; color: #efd08a; }
body[data-bouya-page="creator"] .lv2-total-sub { grid-column: 1 / -1; grid-row: 2; padding-top: 10px; border-top: 1px solid #ffffff26; font-size: 13px; line-height: 1.6; color: #e0e6ee; }
/* The legacy flex declaration overrides the browser's default [hidden] rule. */
body[data-bouya-page="creator"] .lv2-generate-status[hidden] { display: none; }
body[data-bouya-page="creator"] .lv2-story-helper {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(212,168,83,.3);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,250,239,.96), rgba(247,242,231,.72));
}
body[data-bouya-page="creator"] .lv2-story-helper-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
}
body[data-bouya-page="creator"] .lv2-story-helper-head strong,
body[data-bouya-page="creator"] .lv2-story-helper-kicker { display: block; }
body[data-bouya-page="creator"] .lv2-story-helper-head strong { color: #17243d; font-size: 15px; }
body[data-bouya-page="creator"] .lv2-story-helper-kicker {
  margin-bottom: 3px;
  color: #a8741d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
body[data-bouya-page="creator"] .lv2-story-helper-free {
  padding: 4px 9px;
  border-radius: 99px;
  background: #17243d;
  color: #f1ca78;
  font-size: 10px;
  font-weight: 800;
}
body[data-bouya-page="creator"] .lv2-story-helper > p {
  margin: 9px 0 12px;
  color: #687184;
  font-size: 12px;
  line-height: 1.55;
}
body[data-bouya-page="creator"] .lv2-story-helper-actions { display: flex; flex-wrap: wrap; gap: 8px; }
body[data-bouya-page="creator"] .lv2-story-helper-btn {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(23,36,61,.15);
  border-radius: 9px;
  background: rgba(255,255,255,.85);
  color: #17243d;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
body[data-bouya-page="creator"] .lv2-story-helper-btn.primary { background: #17243d; color: #fff; }
body[data-bouya-page="creator"] .lv2-story-helper-btn.ghost { border-style: dashed; }
body[data-bouya-page="creator"] .lv2-story-suggestions { display: grid; gap: 8px; margin-top: 12px; }
body[data-bouya-page="creator"] .lv2-story-suggestions[hidden] { display: none; }
body[data-bouya-page="creator"] .lv2-story-suggestion {
  display: grid;
  grid-template-columns: 25px minmax(0,1fr);
  gap: 9px;
  align-items: start;
  width: 100%;
  padding: 11px;
  border: 1px solid rgba(23,36,61,.1);
  border-radius: 10px;
  background: #fff;
  color: #424c60;
  font: inherit;
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
body[data-bouya-page="creator"] .lv2-story-suggestion span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f3dfae;
  color: #17243d;
  font-weight: 800;
}
body[data-bouya-page="creator"] .lv2-story-helper .lv2-story-helper-note { margin-bottom: 0; font-size: 10px; }
@media (max-width: 600px) {
  body[data-bouya-page="creator"] .lv2-macro-steps {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .91fr) minmax(0, .91fr);
    gap: 6px;
  }
  body[data-bouya-page="creator"] .lv2-macro-step {
    display: flex;
    min-height: 44px;
    gap: 5px;
    padding: 6px;
  }
  body[data-bouya-page="creator"] .lv2-macro-step > span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
  }
  body[data-bouya-page="creator"] .lv2-macro-step div {
    min-width: 0;
  }
  body[data-bouya-page="creator"] .lv2-macro-step strong {
    overflow: hidden;
    font-size: 9px;
    line-height: 1.15;
    text-overflow: ellipsis;
  }
  body[data-bouya-page="creator"] .lv2-macro-step small {
    display: none;
  }
  body[data-bouya-page="creator"] .lv2-order-strip {
    min-height: 68px;
    padding: 11px 12px;
    gap: 10px;
  }
  body[data-bouya-page="creator"] .lv2-order-strip > div > strong {
    font-size: 16px;
  }
  body[data-bouya-page="creator"] .lv2-order-strip > div > small {
    max-width: 27ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body[data-bouya-page="creator"] .lv2-order-strip-price strong {
    font-size: 17px;
  }
  body[data-bouya-page="creator"] .lv2-recap-row { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 12px; padding: 12px 0; }
  body[data-bouya-page="creator"] .lv2-recap-label { font-size: .8rem; line-height: 1.5; }
  body[data-bouya-page="creator"] .lv2-recap-val { font-size: .85rem; line-height: 1.5; text-align: right; }
  body[data-bouya-page="creator"] [data-panel="5"] .lv2-panel-sub { font-size: .88rem; line-height: 1.6; }
  body[data-bouya-page="creator"] .lv2-story-helper { padding: 14px 12px; }
  body[data-bouya-page="creator"] .lv2-story-helper-actions { display: grid; grid-template-columns: 1fr; }
  body[data-bouya-page="creator"] .lv2-story-helper-btn { width: 100%; }
}