/* Podly project dialogs, inspired by the reference's compact progress and option rhythm. */
body.dashboard-page:has(#create.active[data-mode]:not([data-mode="choose"])) { overflow: hidden; }
body.dashboard-page:has(#create.active[data-mode]:not([data-mode="choose"])) .toast { z-index: 9100; }
body.dashboard-page #create.active[data-mode]:not([data-mode="choose"]) {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: grid;
  place-items: center;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  margin: 0;
  padding: 20px;
  overflow: auto;
  background: #05070dd9;
  backdrop-filter: blur(10px);
}
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) > :is(.creation-hub-intro,.creation-hub-catalog,.creation-hub-selection) { display: none!important; }
body.dashboard-page #create[data-mode]:not([data-mode="choose"]) > .studio-panel:not([hidden]) {
  position: relative;
  width: min(760px,100%);
  max-width: none;
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0 26px 26px;
  overflow: auto;
  border: 1px solid #353145;
  border-radius: 22px;
  background: #101217;
  box-shadow: 0 32px 100px #000b,0 0 0 1px #ffffff08 inset;
  scrollbar-color: #54466b transparent;
}
body.dashboard-page #create .studio-panel[hidden] { display: none!important; }
body.dashboard-page #create .studio-panel > .section-header { display: none!important; }
body.dashboard-page #create .studio-panel:has(.voice-menu-open) { overflow: visible; }
body.dashboard-page #create .creation-modal-close {
  position: sticky;
  top: 14px;
  left: 0;
  z-index: 12;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 14px 0 -32px auto;
  padding: 0;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  background: #20232c;
  color: #bfc3d0;
  cursor: pointer;
}
body.dashboard-page #create .creation-modal-close:hover { border-color: #a183df; background: #30283f; color: #fff; }
body.dashboard-page #create .creation-modal-close:focus-visible { outline: 2px solid #a183df; outline-offset: 2px; }
body.dashboard-page #create .creation-modal-close svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

body.dashboard-page #create .creation-studio-layout {
  display: block!important;
  width: 100%;
  max-width: none;
  margin: 0;
  gap: 0!important;
}
body.dashboard-page #create .creation-studio-layout > :is(.service-selector,.ad-process-card) { display: none!important; }
body.dashboard-page #create .creation-studio-aside {
  position: static;
  top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: auto;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 44px 42px 22px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
body.dashboard-page #create .creation-studio-aside::after { display: none; }
body.dashboard-page #create .wizard-progress {
  order: -1;
  display: grid;
  grid-template-columns: repeat(var(--wizard-steps,3),minmax(0,1fr));
  gap: 5px;
  width: min(220px,70%);
  margin: 0 0 26px;
  padding: 0;
}
body.dashboard-page #create .wizard-progress-item {
  display: block;
  width: 100%;
  height: 3px;
  min-height: 3px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: #34343e;
  transform: none;
}
body.dashboard-page #create .wizard-progress-item.active { background: #a981f0; box-shadow: 0 0 12px #9164ed90; }
body.dashboard-page #create .wizard-progress-item.done { background: #6e51a7; }
body.dashboard-page #create .wizard-progress-item > * { display: none!important; }
body.dashboard-page #create .wizard-service-mark {
  display: grid;
  float: none;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 0 14px;
  border: 1px solid #71559470;
  border-radius: 15px;
  background: linear-gradient(145deg,#322747,#1d1b27);
  box-shadow: 0 12px 25px #0005;
  color: #d9c7ff;
  font-size: 25px;
}
body.dashboard-page #create .wizard-service-mark svg { display: block; width: 50px; height: 50px; }
body.dashboard-page #create .wizard-eyebrow { color: #ba9aff; font-size: 11px; font-weight: 700; letter-spacing: 0; line-height: 1.8; }
body.dashboard-page #create .creation-studio-aside h2 { margin: 5px 0 7px; color: #f4f1fa; font-size: 20px; line-height: 1.6; }
body.dashboard-page #create .creation-studio-aside > p { display: block; max-width: 500px; margin: 0; color: #aab0bf; font-size: 11px; line-height: 2; }
body.dashboard-page #create .wizard-assurance { display: none; }

body.dashboard-page #create .creation-wizard-card {
  width: 100%!important;
  max-width: none!important;
  min-height: 0!important;
  margin: 0;
  padding: 0!important;
  overflow: visible;
  border: 0!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}
body.dashboard-page #create .creation-wizard-shell { height: auto; }
body.dashboard-page #create .creation-wizard-step { min-height: 0; padding: 0; animation: wizardIn .22s ease; }
body.dashboard-page #create .creation-wizard-step > header { display: flex; flex-direction: column; align-items: center; gap: 5px; min-height: 0; margin: 0; padding: 15px 12px 23px; border-top: 1px solid #ffffff0e; border-bottom: 1px solid #ffffff16; text-align: center; }
body.dashboard-page #create .creation-wizard-step > header span {
  display: inline-flex;
  padding: 4px 9px;
  border: 1px solid #5a447c;
  border-radius: 99px;
  background: #251c34;
  color: #cbb2fa;
  font-size: 10px;
  line-height: 1.7;
}
body.dashboard-page #create .creation-wizard-step > header h3 { margin: 3px 0 0; color: #fff; font-size: 18px; line-height: 1.7; }
body.dashboard-page #create .creation-wizard-step > header p { max-width: 560px; margin: 0; color: #aab0bf; font-size: 11px; line-height: 2; }
body.dashboard-page #create .wizard-step-body { display: grid; align-content: start; gap: 14px; padding: 20px 0; }
body.dashboard-page #create .wizard-step-body > :is(label,.form-row,.tts-options,.source-podcast-upload,.source-podcast-options,.ad-estimate,.ad-form-actions) { min-width: 0; }
body.dashboard-page #create .wizard-step-body > label:not(.automation-option):not(.ad-review-option),
body.dashboard-page #create .wizard-step-body > .form-row > label,
body.dashboard-page #create .wizard-step-body > .ad-form-grid > label {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid #343845;
  border-radius: 15px;
  background: #1a1d25;
  color: #e4e2ec;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.9;
}
body.dashboard-page #create .wizard-step-body :is(.form-row,.tts-options) { min-width: 0; margin: 0!important; gap: 14px; }
body.dashboard-page #create .wizard-step-body .tts-options > label,
body.dashboard-page #create .wizard-step-body .source-podcast-options label {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid #343845;
  border-radius: 15px;
  background: #1a1d25;
  color: #e4e2ec;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.9;
}
body.dashboard-page #create .wizard-step-body label > span:not(.tts-text-meta):not(:has(strong)) { color: inherit; }
body.dashboard-page #create .wizard-step-body label > span:not(.tts-text-meta):not(:has(strong)) + :is(input,textarea,select) { margin-top: 10px; }
body.dashboard-page #create .wizard-step-body label:has(> :is(#topicInput,#adProduct)) > span:not(.tts-text-meta) { color: #f299b2; }
body.dashboard-page #create .wizard-step-body label:not(.automation-option):not(.ad-review-option):focus-within { border-color: #8b6cc6; background: #201f2c; }
body.dashboard-page #create .wizard-step-body label > :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { display: block; box-sizing: border-box; width: 100%; min-height: 44px; margin: 10px 0 0; padding: 10px 13px; font-size: 12px; line-height: 1.9; }
body.dashboard-page #create .wizard-step-body label > textarea { min-height: 124px; resize: vertical; }
body.dashboard-page #create .wizard-step-body :is(input,textarea)::placeholder { color: #858a9a; opacity: 1; }
body.dashboard-page #create .wizard-step-body label > small { display: block; margin-top: 8px; color: #a4a9b7; font-size: 10px; line-height: 1.8; }
body.dashboard-page #create .wizard-step-body .tts-text-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; color: #a4a9b7; }
body.dashboard-page #create .wizard-step-body .tts-text-meta button { color: #c7aafa; font-size: 10px; }
body.dashboard-page #create .creation-wizard-card :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) {
  max-width: 100%;
  border: 1px solid #343744!important;
  border-radius: 11px!important;
  background: #12151c!important;
  color: #f0f0f5;
}
body.dashboard-page #create .wizard-step-body :is(.source-podcast-upload,.source-podcast-options) { min-width: 0; margin: 0; padding: 18px; border: 1px solid #373b4a; border-radius: 16px; background: #191d26; }
body.dashboard-page #create .wizard-step-body .source-step-head { margin-bottom: 3px; }
body.dashboard-page #create .wizard-step-body .source-step-head small { color: #a4a9b7; font-size: 10px; }
body.dashboard-page #create .wizard-step-body .source-tabs { gap: 8px; }
body.dashboard-page #create .wizard-step-body .source-tabs button { min-height: 41px; border-color: #414353; background: #12151c; color: #c6c5d0; }
body.dashboard-page #create .wizard-step-body .source-tabs button.active { border-color: #a17de7; background: #302443; color: #fff; }
body.dashboard-page #create .wizard-step-body .source-drop { min-height: 132px!important; border-color: #685780!important; background: #151924!important; }
body.dashboard-page #create .wizard-step-body .source-drop small { color: #a6aabd; font-size: 10px; }
body.dashboard-page #create .wizard-step-body .source-status { color: #a7aebe; font-size: 10px; }
body.dashboard-page #create .wizard-step-body .source-ready { border-color: #3e886e; background: #162b27; }
body.dashboard-page #create .wizard-step-body .source-url-row { min-width: 0; }
body.dashboard-page #create .wizard-step-body .source-url-row input { min-width: 0; min-height: 44px; }
body.dashboard-page #create .wizard-step-body .brand-profile-picker { align-items: end; margin: 0; padding: 14px; border-color: #3c4050; background: #1a1d25; }
body.dashboard-page #create .wizard-step-body .brand-profile-picker label { min-width: 0; color: #e4e2ec; font-size: 12px; }
body.dashboard-page #create .wizard-step-body .brand-profile-picker button { border-color: #4a455b; background: #242331; color: #dad3e8; }
body.dashboard-page #create .wizard-step-body :is(.automation-option,.ad-review-option) { margin: 0!important; padding: 15px 16px; border-color: #514360; background: #211c2a; color: #ebe6f4; }
body.dashboard-page #create .wizard-step-body :is(.automation-option,.ad-review-option) small { color: #aba7b8; font-size: 10px; line-height: 1.9; }
body.dashboard-page #create .wizard-step-body :is(.tts-estimate,.ad-estimate,.source-estimate,.form-footer,.tts-actions,.ad-form-actions) { min-width: 0; }
body.dashboard-page #create .wizard-step-body :is(.tts-estimate,.ad-estimate) { margin: 0; border-color: #3f3c4f; background: #1b1d27; }
body.dashboard-page #create .wizard-step-body :is(.tts-estimate,.ad-estimate) > div { background: #202330; }
body.dashboard-page #create .wizard-step-body :is(.tts-estimate,.ad-estimate) > small { color: #a4a9b7; font-size: 10px; }
body.dashboard-page #create .wizard-step-body .source-capability-note { margin: 0; border-color: #3d4559; background: #1b2330; color: #abb5c5; }
body.dashboard-page #create .wizard-step-body :is(.tts-error,.ad-form-error)[hidden] { display: none!important; }
body.dashboard-page #create .creation-wizard-card :is(input,select,textarea):focus-visible { border-color: #9569db!important; box-shadow: 0 0 0 3px #8b5cf626!important; outline: none; }
body.dashboard-page #create .wizard-step-nav { margin-top: auto; padding: 15px 0 0; border-top: 1px solid #ffffff12; }
body.dashboard-page #create .wizard-step-nav button {
  min-width: 94px;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid #3b3948;
  border-radius: 99px;
  background: transparent;
  color: #b9bbc7;
  font: 700 10px Vazirmatn;
}
body.dashboard-page #create .wizard-step-nav button:hover { border-color: #9a74d8; background: #272131; color: #fff; }
body.dashboard-page #create .wizard-step-nav .wizard-next { border-color: #6d50a3; background: #251d35; color: #e8dbff; }
body.dashboard-page #create .wizard-review-summary { border-color: #423950; border-radius: 15px; background: #171a22; }
body.dashboard-page #create .wizard-summary-head { background: #211c2c; }
body.dashboard-page #create .creation-wizard-card :is(.form-footer,.tts-actions,.source-estimate,.ad-estimate) {
  padding: 13px!important;
  border: 1px solid #3d374b!important;
  border-radius: 15px!important;
  background: #191923!important;
}
body.dashboard-page #create .creation-wizard-card :is(.primary-btn,button[type="submit"]) { min-width: 130px; min-height: 41px; padding: 9px 16px; border-radius: 10px; background: #764fc3; color: #fff; font-size: 11px; }
body.dashboard-page #create .creation-wizard-card :is(.primary-btn,button[type="submit"]):hover { background: #8964d1; }
body.dashboard-page #create .creation-wizard-card :is(.primary-btn,button[type="submit"]):disabled { opacity: .5; }
body.dashboard-page #create .creation-wizard-card[data-wizard-theme="advertisement"] .ad-form-head { display: none!important; }
body.dashboard-page #create .creation-wizard-card[data-wizard-theme="advertisement"] .wizard-step-body > label { display: grid; gap: 7px; }
body.dashboard-page #create .creation-wizard-card[data-wizard-theme="advertisement"] .ad-form-actions { margin: 0; }
body.dashboard-page #create .creation-wizard-card[data-wizard-theme="advertisement"] .ad-form-actions .primary-btn { width: auto; }

@media (max-width: 680px) {
  body.dashboard-page #create.active[data-mode]:not([data-mode="choose"]) { padding: 0; place-items: stretch; }
  body.dashboard-page #create[data-mode]:not([data-mode="choose"]) > .studio-panel:not([hidden]) {
    width: 100%;
    min-height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    padding: 0 16px 28px;
    border: 0;
    border-radius: 0;
  }
  body.dashboard-page #create .creation-studio-aside { padding: 48px 14px 18px; }
  body.dashboard-page #create .creation-wizard-step > header { padding: 17px 4px 20px; }
  body.dashboard-page #create .wizard-step-body { gap: 12px; }
  body.dashboard-page #create .creation-wizard-card .form-row { grid-template-columns: 1fr!important; }
  body.dashboard-page #create .wizard-step-body .tts-options { grid-template-columns: 1fr; }
  body.dashboard-page #create .wizard-step-body :is(.source-podcast-upload,.source-podcast-options) { padding: 14px; }
  body.dashboard-page #create .wizard-step-body .brand-profile-picker { align-items: stretch; flex-direction: column; }
  body.dashboard-page #create .creation-wizard-card :is(.form-footer,.tts-actions,.source-estimate,.ad-estimate) { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  body.dashboard-page #create .creation-wizard-step { animation: none; }
}