/* Project wizards: the reference's quiet progress, folder header and choice rows,
   adapted to Podly's charcoal surfaces and purple interaction language. */
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) {
  --offer-bg: #14191f;
  --offer-surface: #1c232c;
  --offer-field: #171d26;
  --offer-border: #3b4553;
  --offer-text: #f3f1f7;
  --offer-muted: #bbc4d1;
  --offer-accent: #aa86ed;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) > .studio-panel:not([hidden]) {
  width: min(820px,100%);
  max-height: calc(100dvh - 36px);
  padding: 0 28px;
  border: 1px solid var(--offer-border);
  border-radius: 24px;
  background: var(--offer-bg);
  box-shadow: 0 30px 85px #000a, 0 0 0 1px #ffffff09 inset;
  scrollbar-color: #685287 transparent;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-modal-close {
  top: 14px;
  width: 36px;
  height: 36px;
  margin: 14px 0 -50px auto;
  border-color: var(--offer-border);
  border-radius: 12px;
  background: #252b34;
  color: var(--offer-muted);
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-studio-aside {
  position: relative;
  top: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-items: normal;
  gap: 0;
  padding: 32px 32px 20px;
  border: 0;
  border-bottom: 1px solid #ffffff16;
  background: transparent;
  text-align: center;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress {
  order: -1;
  display: grid;
  grid-template-columns: repeat(var(--wizard-steps,3),minmax(0,1fr));
  width: min(250px,75%);
  gap: 6px;
  margin: 0 0 22px;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress-item {
  display: block;
  width: 100%;
  min-height: 3px;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: #4a4d58;
  box-shadow: none;
  transform: none;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress-item.active {
  border: 0;
  background: var(--offer-accent);
  box-shadow: 0 0 12px #a987ef6b;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress-item.done { border: 0; background: #8167b2; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress-item > * { display: none!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-service-mark {
  display: grid;
  float: none;
  place-items: center;
  width: 70px;
  height: 70px;
  margin: 0 0 13px;
  border: 0;
  border-radius: 18px;
  background: #24252e;
  box-shadow: 0 13px 25px #0006, inset 0 -8px 14px #0003;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-service-mark svg { width: 66px; height: 66px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-eyebrow { color: var(--offer-accent); font-size: 11px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-studio-aside h2 {
  margin: 3px 0 4px;
  color: var(--offer-text);
  font-size: 21px;
  line-height: 1.5;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-studio-aside > p { max-width: 540px; color: var(--offer-muted); font-size: 12px; line-height: 1.8; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-current {
  display: grid;
  gap: 3px;
  margin-top: 14px;
  padding: 8px 18px 0;
  border-top: 1px solid #ffffff12;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-current small { color: #b59bdc; font-size: 11px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-current strong { color: var(--offer-accent); font-size: 13px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-current span { color: var(--offer-muted); font-size: 12px; line-height: 1.7; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-step.active { min-height: 0; padding: 0; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-step > header { display: none; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body {
  gap: 14px;
  padding: 22px 8px 26px;
}
/* Labels are the grouping; the editable surface is the option row. */
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body > label:not(.automation-option):not(.ad-review-option),
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body > .form-row > label,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body .tts-options > label,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body .source-podcast-options label:not(.automation-option) {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--offer-text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.8;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body label:not(.automation-option):focus-within { border: 0; background: transparent; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body label > :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-url-row input {
  min-height: 48px;
  margin-top: 8px;
  padding: 11px 15px;
  border: 1px solid var(--offer-border)!important;
  border-radius: 17px!important;
  background: var(--offer-field)!important;
  color: var(--offer-text);
  font-size: 14px;
  line-height: 1.7;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body label > textarea { min-height: 126px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body > label:has(> :required) > :is(input,textarea,select) { border-color: #6b5a87!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(input,textarea)::placeholder { color: #9da9ba; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-card :is(input,select,textarea):focus-visible { border-color: var(--offer-accent)!important; box-shadow: 0 0 0 3px #a987ef35!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body label > small,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body .tts-text-meta { color: var(--offer-muted); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.form-row,.tts-options) { gap: 14px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.source-podcast-upload,.source-podcast-options) {
  gap: 15px;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--offer-border);
  border-radius: 18px;
  background: var(--offer-surface);
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-step-head h2 { font-size: 14px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-step-head small,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-drop small,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-status { color: var(--offer-muted); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-tabs button,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-drop { border-color: var(--offer-border)!important; border-radius: 16px; background: var(--offer-field)!important; color: var(--offer-muted); }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-tabs button.active { border-color: var(--offer-accent)!important; background: #2d253b!important; color: #fff; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-drop:hover { border-color: var(--offer-accent)!important; background: #222839!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .source-drop:focus-within,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body button:focus-visible,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav button:focus-visible { outline: 2px solid #c3a7f3; outline-offset: 3px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.automation-option,.ad-review-option),
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body .brand-profile-picker {
  margin: 0!important;
  padding: 14px 16px;
  border: 1px solid var(--offer-border);
  border-radius: 17px;
  background: var(--offer-surface);
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.automation-option,.ad-review-option) small { color: var(--offer-muted); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-review-summary,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.tts-estimate,.ad-estimate,.source-estimate) { border: 1px solid var(--offer-border); border-radius: 18px; background: var(--offer-surface); }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-summary-head { background: #292538; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-summary-head small,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-review-summary dt { color: var(--offer-muted); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-review-summary dd { color: var(--offer-text); font-size: 13px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-picker {
  margin: 0;
  padding: 18px;
  border: 1px solid var(--offer-border);
  border-radius: 18px;
  background: var(--offer-surface);
  box-shadow: none;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-model-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-model-option,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-style-card { border-color: var(--offer-border); border-radius: 15px; background: var(--offer-field); }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-model-option:has(input:checked),
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-style-card:has(input:checked) { border-color: var(--offer-accent); background: #30273d; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-picker :is(.cover-price,.cover-picker-head p,.cover-model-option small,.cover-custom small) { color: var(--offer-muted); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-picker .cover-style-grid { max-height: none; overflow: visible; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav {
  position: sticky;
  bottom: 0;
  z-index: 9;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 68px;
  margin: 0;
  padding: 12px 8px max(12px,env(safe-area-inset-bottom));
  border-top: 1px solid var(--offer-border);
  background: var(--offer-bg);
  box-shadow: 0 -12px 22px #14191ff0;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav button { min-height: 40px; padding: 8px 15px; border-color: var(--offer-border); border-radius: 99px; background: #252b34; color: var(--offer-text); font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav .wizard-next,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-card :is(.primary-btn,button[type="submit"]) { border: 1px solid #a17ee2; border-radius: 99px; background: #754dc1; color: #fff; font-size: 12px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav .wizard-next:hover,
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-card :is(.primary-btn,button[type="submit"]):hover { background: #8a63d3; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-wizard-card :is(.primary-btn,button[type="submit"]):disabled { opacity: .48; cursor: not-allowed; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .form-footer { display: flex; flex: 1; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; margin: 0!important; padding: 0!important; border: 0!important; background: transparent!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > :is(.tts-actions,.ad-form-actions,.source-estimate) {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
  background: transparent!important;
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .source-estimate > div { flex: 1; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .source-estimate :is(small,span) { color: var(--offer-muted); font-size: 11px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .tts-actions .tts-generate { width: auto; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .ad-form-actions small { color: var(--offer-muted); font-size: 11px; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.tts-estimate,.ad-estimate) > div { background: #252c37; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body :is(.tts-estimate,.ad-estimate) > small { color: var(--offer-muted); font-size: 12px; }
@media (max-width: 680px) {
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) > .studio-panel:not([hidden]) { width: 100%; max-height: 100dvh; padding: 0 16px; border: 0; border-radius: 0; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .creation-studio-aside { padding: 46px 10px 18px; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-body { padding: 18px 2px 24px; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav { flex-wrap: wrap; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > :is(.form-footer,.tts-actions,.ad-form-actions,.source-estimate) { flex-wrap: wrap; width: 100%; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .source-estimate { flex-direction: column; align-items: stretch; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-step-nav > .source-estimate button { width: 100%; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-model-list { grid-template-columns: 1fr; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .cover-picker .cover-style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) .wizard-progress-item { transition: none; }
}