/* Scoped publish styles: safe to load into the editor during AJAX publishing. */
.aiigle-publish-view {
  --blue: #2b579a;
  --blue-deep: #174782;
  --blue-soft: #eaf2ff;
  --line: #dce3ed;
  --text: #17233a;
  --muted: #6f7d93;
  --surface: #ffffff;
  --bg: #f5f7fb;
  --green: #169b55;
  --red: #d84a4a;
  --orange: #c97912;
  --radius: 12px;
  width: 100%;
  min-height: 100%;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
}
.aiigle-publish-view {
  --blue: #2b579a;
  --blue-deep: #174782;
  --blue-soft: #eaf2ff;
  --line: #dce3ed;
  --text: #17233a;
  --muted: #6f7d93;
  --surface: #ffffff;
  --bg: #f5f7fb;
  --green: #169b55;
  --red: #d84a4a;
  --orange: #c97912;
  --radius: 12px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.aiigle-publish-view * { box-sizing: border-box; }
.aiigle-publish-view { margin: 0; min-height: 100%; color: var(--text); background: var(--bg); }
.aiigle-publish-view { font-size: 14px; }
.aiigle-publish-view button, .aiigle-publish-view input, .aiigle-publish-view textarea, .aiigle-publish-view select { font: inherit; }
.aiigle-publish-view button { cursor: pointer; }
.aiigle-publish-view a { color: inherit; }
.aiigle-publish-view .publish-topbar {
  height: 70px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 0 24px;
  background: linear-gradient(90deg, #2b579a, #0755a6);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 50;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.aiigle-publish-view .publish-brand { text-decoration: none; font-size: 29px; font-weight: 700; letter-spacing: -.7px; display: inline-flex; align-items: flex-start; width: max-content; }
.aiigle-publish-view .publish-brand span { font-size: 11px; margin-left: 4px; margin-top: 1px; font-weight: 700; }
.aiigle-publish-view .publish-topbar-tools { display: flex; align-items: stretch; gap: 6px; height: 100%; min-width: 0; }
.aiigle-publish-view .publish-topbar-tools > a:not(.publish-store-icon) { text-decoration: none; padding: 0 20px; display: flex; align-items: center; font-size: 18px; border-radius: 6px; }
.aiigle-publish-view .publish-topbar-tools > a:hover, .aiigle-publish-view .publish-topbar-tools > a.active { background: rgba(0,0,0,.12); text-decoration: underline; text-underline-offset: 5px; }
.aiigle-publish-view .publish-store-icon { width: 50px; height: 50px; align-self: center; margin-right: 14px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: rgba(255,255,255,.08); }
.aiigle-publish-view .publish-store-icon span { width: 25px; height: 25px; display: block; background: #fff; -webkit-mask: url("/lib/svg/tool-case.svg") center/contain no-repeat; mask: url("/lib/svg/tool-case.svg") center/contain no-repeat; }
.aiigle-publish-view .publish-topbar-actions { display: flex; align-items: center; gap: 10px; min-width: 90px; justify-content: flex-end; }
.aiigle-publish-view .publish-editor-link { background: #fff; color: var(--blue); border-radius: 6px; padding: 9px 16px; text-decoration: none; font-weight: 700; }
.aiigle-publish-view .publish-shell { width: 100%; padding: 0 26px 34px; }
.aiigle-publish-view .publish-flow-header {
  min-height: 106px;
  display: grid;
  grid-template-columns: minmax(310px, 33%) 1fr;
  gap: 30px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #fff;
  margin: 0 -26px 20px;
  padding: 0 34px;
}
.aiigle-publish-view .publish-title-block { display: flex; align-items: center; gap: 16px; min-width: 0; }
.aiigle-publish-view .publish-title-block h1 { margin: 0; font-size: 28px; line-height: 1.15; letter-spacing: -.4px; }
.aiigle-publish-view .publish-title-block p { margin: 7px 0 0; font-size: 14px; color: var(--muted); }
.aiigle-publish-view .publish-rocket { width: 58px; height: 58px; border: 1px solid var(--line); border-radius: 10px; background: #fff; position: relative; flex: 0 0 auto; }
.aiigle-publish-view .publish-rocket::before {
  content: "";
  position: absolute;
  inset: 13px;
  background: url("/lib/svg/rocket.svg") center / contain no-repeat;
}
.aiigle-publish-view .publish-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 13px; min-width: 0; }
.aiigle-publish-view .publish-steps li[data-step] button { display: flex; gap: 12px; align-items: center; border: 0; background: none; color: #68758a; padding: 5px 0; white-space: nowrap; }
.aiigle-publish-view .publish-steps li[data-step] span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #eef1f5; color: #24344e; font-size: 17px; font-weight: 700; border: 1px solid transparent; }
.aiigle-publish-view .publish-steps li[data-step] b { font-weight: 500; font-size: 15px; }
.aiigle-publish-view .publish-steps li[data-step].active button { color: #0b59c7; }
.aiigle-publish-view .publish-steps li[data-step].active span { background: #0b59c7; color: #fff; box-shadow: 0 7px 18px rgba(11,89,199,.18); }
.aiigle-publish-view .publish-steps li[data-step].active b { font-weight: 700; }
.aiigle-publish-view .publish-steps .arrow { text-align: center; color: #748297; font-size: 29px; line-height: 1; }
.aiigle-publish-view .publish-notice { padding: 13px 16px; margin-bottom: 16px; border-radius: 9px; border: 1px solid #b9d4ff; background: #eef5ff; color: #154d9b; }
.aiigle-publish-view .publish-notice.error { border-color: #f2b7b7; background: #fff1f1; color: #9d2c2c; }
.aiigle-publish-view .publish-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(370px, .95fr); gap: 22px; align-items: start; }
.aiigle-publish-view .card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 28px rgba(31,55,91,.045); }
.aiigle-publish-view .panel { padding: 22px; }
.aiigle-publish-view .panel h2, .aiigle-publish-view .preview-panel h2 { margin: 0 0 17px; font-size: 18px; }
.aiigle-publish-view .section-title { margin: 22px 0 6px; font-size: 15px; font-weight: 750; }
.aiigle-publish-view .section-help { margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.aiigle-publish-view .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.aiigle-publish-view .field { display: grid; gap: 7px; min-width: 0; }
.aiigle-publish-view .field.full { grid-column: 1 / -1; }
.aiigle-publish-view .field label { font-weight: 650; font-size: 12px; }
.aiigle-publish-view .req { color: #d33030; }
.aiigle-publish-view .input, .aiigle-publish-view .field input, .aiigle-publish-view .field select, .aiigle-publish-view .field textarea { width: 100%; border: 1px solid #cfd8e5; background: #fff; color: var(--text); border-radius: 7px; min-height: 42px; padding: 10px 12px; outline: none; }
.aiigle-publish-view .field textarea { min-height: 90px; resize: vertical; line-height: 1.45; }
.aiigle-publish-view .field input:focus, .aiigle-publish-view .field select:focus, .aiigle-publish-view .field textarea:focus { border-color: #2c70d9; box-shadow: 0 0 0 3px rgba(44,112,217,.1); }
.aiigle-publish-view .chip-input-wrap { border: 1px solid #cfd8e5; border-radius: 7px; padding: 7px 9px; background: #fff; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 42px; }
.aiigle-publish-view .chip { display: inline-flex; align-items: center; gap: 6px; background: #edf3fc; color: #235ca8; border-radius: 6px; padding: 5px 8px; font-size: 12px; }
.aiigle-publish-view .chip button { border: 0; background: none; color: inherit; padding: 0; line-height: 1; }
.aiigle-publish-view .chip-editor { border: 0; outline: 0; flex: 1 1 130px; min-width: 100px; padding: 4px; }
.aiigle-publish-view .media-grid { display: grid; grid-template-columns: .95fr 1.35fr; gap: 18px; margin-top: 16px; }
.aiigle-publish-view .media-box { border: 1px dashed #bdc8d8; border-radius: 9px; min-height: 120px; padding: 12px; background: #fbfcfe; }
.aiigle-publish-view .media-box h3 { margin: 0 0 9px; font-size: 12px; }
.aiigle-publish-view .media-box .media-preview { display: flex; gap: 10px; align-items: center; min-height: 72px; }
.aiigle-publish-view .media-thumb { width: 135px; height: 76px; border-radius: 7px; object-fit: cover; border: 1px solid #d7dfe9; background: #eef2f8; }
.aiigle-publish-view .media-meta { color: var(--muted); font-size: 12px; line-height: 1.4; word-break: break-word; }
.aiigle-publish-view .media-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 9px; }
.aiigle-publish-view .btn { min-height: 40px; border: 1px solid #cbd5e2; border-radius: 7px; background: #fff; padding: 8px 14px; color: var(--text); font-weight: 650; }
.aiigle-publish-view .btn:hover { background: #f6f8fb; }
.aiigle-publish-view .btn.primary { color: #fff; border-color: #1456ad; background: linear-gradient(180deg, #1764c9, #164f9e); }
.aiigle-publish-view .btn.primary:hover { filter: brightness(.98); }
.aiigle-publish-view .btn.danger { color: #ad2e2e; }
.aiigle-publish-view .btn:disabled { cursor: not-allowed; opacity: .5; }
.aiigle-publish-view .screenshot-list { display: flex; flex-wrap: wrap; gap: 9px; }
.aiigle-publish-view .screenshot-item { position: relative; }
.aiigle-publish-view .screenshot-item img { width: 120px; height: 68px; object-fit: cover; border-radius: 6px; border: 1px solid #d7dfe9; }
.aiigle-publish-view .screenshot-item button { position: absolute; right: 4px; top: 4px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: rgba(255,255,255,.94); color: #8b2830; }
.aiigle-publish-view .action-row { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.aiigle-publish-view .action-row .muted { color: var(--muted); font-size: 12px; }
.aiigle-publish-view .preview-panel { padding: 20px; position: sticky; top: 90px; }
.aiigle-publish-view .store-preview { overflow: hidden; border: 1px solid #d9e1ec; border-radius: 10px; box-shadow: 0 9px 22px rgba(28,50,82,.09); background: #fff; }
.aiigle-publish-view .store-cover { height: 195px; background: linear-gradient(120deg, #4c238f, #0469bd); display: grid; place-items: center; overflow: hidden; }
.aiigle-publish-view .store-cover img { width: 100%; height: 100%; object-fit: cover; }
.aiigle-publish-view .store-cover .fallback { width: 84px; height: 84px; background: rgba(255,255,255,.92); border-radius: 24px; position: relative; }
.aiigle-publish-view .store-cover .fallback::before { content: ""; position: absolute; inset: 19px; background: #275faa; -webkit-mask: url("/lib/svg/message-square.svg") center/contain no-repeat; mask: url("/lib/svg/message-square.svg") center/contain no-repeat; }
.aiigle-publish-view .store-preview-body { padding: 18px 20px 20px; }
.aiigle-publish-view .store-preview-title { font-size: 23px; font-weight: 750; margin: 0; }
.aiigle-publish-view .store-creator { margin: 5px 0 12px; color: var(--muted); }
.aiigle-publish-view .store-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 9px 0 15px; }
.aiigle-publish-view .store-tags span { color: #165dbd; background: #edf4ff; border-radius: 5px; padding: 5px 8px; font-size: 11px; }
.aiigle-publish-view .store-tagline { font-weight: 600; margin: 0 0 11px; color: #58677c; }
.aiigle-publish-view .store-description { color: #48576d; line-height: 1.55; font-size: 13px; }
.aiigle-publish-view .preview-summary { margin-top: 15px; border-top: 1px solid var(--line); padding-top: 12px; display: grid; gap: 8px; }
.aiigle-publish-view .preview-summary-row { display: flex; justify-content: space-between; gap: 20px; font-size: 12px; }
.aiigle-publish-view .preview-summary-row span:first-child { color: var(--muted); }
.aiigle-publish-view .preview-info { margin-top: 14px; padding: 11px 13px; border-radius: 7px; background: #eff6ff; color: #1760bc; font-size: 12px; }
.aiigle-publish-view .option-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.aiigle-publish-view .option-card { position: relative; border: 1px solid #cfdae8; border-radius: 9px; padding: 16px; min-height: 104px; cursor: pointer; background: #fff; }
.aiigle-publish-view .option-card input { position: absolute; opacity: 0; pointer-events: none; }
.aiigle-publish-view .option-card.selected { border-color: #2a6ad0; box-shadow: inset 0 0 0 1px #2a6ad0; background: #f8fbff; }
.aiigle-publish-view .option-card h3 { margin: 0 0 7px 28px; font-size: 13px; }
.aiigle-publish-view .option-card p { margin: 0 0 0 28px; color: var(--muted); line-height: 1.45; font-size: 12px; }
.aiigle-publish-view .option-card::before { content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #9aabba; top: 16px; left: 16px; }
.aiigle-publish-view .option-card.selected::before { border: 5px solid #1766ce; }
.aiigle-publish-view .toggle-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 18px; }
.aiigle-publish-view .toggle-row { border: 1px solid #e0e6ee; border-radius: 7px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.aiigle-publish-view .toggle-copy b { display: block; font-size: 12px; }
.aiigle-publish-view .toggle-copy span { color: var(--muted); font-size: 11px; }
.aiigle-publish-view .switch { width: 38px; height: 21px; border-radius: 20px; background: #c7cfda; border: 0; padding: 0; position: relative; flex: 0 0 auto; }
.aiigle-publish-view .switch::after { content: ""; width: 17px; height: 17px; border-radius: 50%; background: #fff; position: absolute; left: 2px; top: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.2); transition: .16s; }
.aiigle-publish-view .switch.on { background: #1168d5; }
.aiigle-publish-view .switch.on::after { left: 19px; }
.aiigle-publish-view .table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.aiigle-publish-view table.policy-table { width: 100%; border-collapse: collapse; min-width: 810px; }
.aiigle-publish-view .policy-table th, .aiigle-publish-view .policy-table td { border-bottom: 1px solid #e8edf3; padding: 9px 10px; text-align: left; font-size: 11px; vertical-align: middle; }
.aiigle-publish-view .policy-table th { background: #f8fafc; color: #58677c; font-weight: 650; }
.aiigle-publish-view .policy-table tr:last-child td { border-bottom: 0; }
.aiigle-publish-view .policy-table td.center, .aiigle-publish-view .policy-table th.center { text-align: center; }
.aiigle-publish-view .policy-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: #1467d5; }
.aiigle-publish-view .policy-badge { display: inline-flex; align-items: center; border-radius: 4px; padding: 4px 7px; font-size: 10px; background: #eef3f9; color: #58677c; }
.aiigle-publish-view .policy-badge.yes { background: #eaf8f0; color: #14854a; }
.aiigle-publish-view .faq-list { display: grid; gap: 8px; }
.aiigle-publish-view .faq-item { display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 8px; }
.aiigle-publish-view .faq-item input { min-width: 0; border: 1px solid #cfd8e5; border-radius: 7px; padding: 8px 10px; }
.aiigle-publish-view .pricing-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.aiigle-publish-view .pricing-card { border: 1px solid #cfdae8; border-radius: 9px; padding: 18px; cursor: pointer; min-height: 112px; position: relative; }
.aiigle-publish-view .pricing-card.selected { border-color: #2a6ad0; box-shadow: inset 0 0 0 1px #2a6ad0; background: #f8fbff; }
.aiigle-publish-view .pricing-card h3 { margin: 0 0 8px 25px; }
.aiigle-publish-view .pricing-card p { margin: 0 0 0 25px; color: var(--muted); font-size: 12px; }
.aiigle-publish-view .pricing-card::before { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid #9aa9b9; border-radius: 50%; top: 20px; left: 16px; }
.aiigle-publish-view .pricing-card.selected::before { border: 5px solid #1766ce; }
.aiigle-publish-view .review-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.aiigle-publish-view .review-list { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.aiigle-publish-view .review-row { display: grid; grid-template-columns: 180px 1fr; gap: 14px; padding: 10px 12px; border-bottom: 1px solid #e9edf3; font-size: 12px; }
.aiigle-publish-view .review-row:last-child { border-bottom: 0; }
.aiigle-publish-view .review-row b { color: #43536a; }
.aiigle-publish-view .asset-summary { border: 1px solid var(--line); border-radius: 8px; padding: 12px; }
.aiigle-publish-view .asset-summary img { width: 100%; max-height: 190px; object-fit: cover; border-radius: 7px; }
.aiigle-publish-view .confirmations { margin-top: 18px; display: grid; gap: 10px; }
.aiigle-publish-view .confirmations label { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: start; font-size: 12px; line-height: 1.45; }
.aiigle-publish-view .confirmations input { width: 16px; height: 16px; accent-color: #1766ce; margin-top: 1px; }
.aiigle-publish-view .checklist { display: grid; gap: 8px; margin: 12px 0; }
.aiigle-publish-view .check-item { display: flex; gap: 8px; align-items: center; color: #405066; font-size: 12px; }
.aiigle-publish-view .check-item::before { content: "✓"; color: var(--green); font-weight: 800; }
.aiigle-publish-view .success-panel { text-align: center; padding: 34px 20px; }
.aiigle-publish-view .success-panel .success-icon { width: 74px; height: 74px; margin: 0 auto 16px; border-radius: 50%; background: #e9f8ef; color: #16884d; display: grid; place-items: center; font-size: 38px; }
.aiigle-publish-view .success-panel h2 { margin: 0 0 8px; font-size: 25px; }
.aiigle-publish-view .success-panel p { color: var(--muted); }
@media (max-width: 1100px) {
.aiigle-publish-view .publish-topbar { grid-template-columns: 120px 1fr auto; }
.aiigle-publish-view .publish-topbar-tools > a:not(.publish-store-icon) { padding: 0 10px; font-size: 15px; }
.aiigle-publish-view .publish-flow-header { grid-template-columns: 1fr; gap: 14px; padding: 18px 24px; }
.aiigle-publish-view .publish-steps { width: 100%; }
.aiigle-publish-view .publish-layout { grid-template-columns: 1fr; }
.aiigle-publish-view .preview-panel { position: static; }
}
@media (max-width: 760px) {
.aiigle-publish-view .publish-shell { padding: 0 12px 24px; }
.aiigle-publish-view .publish-topbar { height: auto; min-height: 58px; grid-template-columns: auto auto; padding: 0 12px; }
.aiigle-publish-view .publish-topbar-tools > a:not(.publish-store-icon) { display: none; }
.aiigle-publish-view .publish-topbar-tools { justify-self: end; }
.aiigle-publish-view .publish-topbar-actions { display: none; }
.aiigle-publish-view .publish-flow-header { margin: 0 -12px 14px; padding: 14px 14px; }
.aiigle-publish-view .publish-title-block h1 { font-size: 22px; }
.aiigle-publish-view .publish-rocket { width: 48px; height: 48px; }
.aiigle-publish-view .publish-steps { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 4px; }
.aiigle-publish-view .publish-steps .arrow { font-size: 21px; }
.aiigle-publish-view .publish-steps li[data-step] span { width: 34px; height: 34px; }
.aiigle-publish-view .publish-steps li[data-step] b { font-size: 12px; }
.aiigle-publish-view .form-grid, .aiigle-publish-view .media-grid, .aiigle-publish-view .toggle-grid, .aiigle-publish-view .review-grid { grid-template-columns: 1fr; }
.aiigle-publish-view .option-grid, .aiigle-publish-view .pricing-cards { grid-template-columns: 1fr; }
.aiigle-publish-view .faq-item { grid-template-columns: 1fr; }
}
/* Embedded AJAX view adjustments. */
.aiigle-publish-view[data-embedded="1"] {
  min-height: 100%;
}
.aiigle-publish-view[data-embedded="1"] .publish-flow-header {
  padding-right: 76px;
}
.aiigle-publish-view[data-embedded="0"] {
  min-height: 100vh;
}
@media (max-width: 760px) {
  .aiigle-publish-view[data-embedded="1"] .publish-flow-header {
    padding-right: 50px;
  }
}

/* Standalone /publish/ fallback only; the editor page never has this body class. */
body.aiigle-publish-page {
  margin: 0;
  min-height: 100vh;
  background: #f5f7fb;
}

/* =========================================================
   Embedded publish layout refinements
   Keep the 4-step header compact and protect publish cards from
   editor-level .panel/.card sizing rules when loaded over AJAX.
   ========================================================= */
.aiigle-publish-view .publish-flow-header {
  grid-template-columns: minmax(285px, 31%) minmax(0, 1fr);
  min-height: 94px;
  gap: 24px;
}

.aiigle-publish-view .publish-steps {
  gap: 10px;
}

.aiigle-publish-view .publish-steps li[data-step] button {
  gap: 9px;
  font-size: 13px;
}

.aiigle-publish-view .publish-steps li[data-step] span {
  width: 38px;
  height: 38px;
  font-size: 15px;
}

.aiigle-publish-view .publish-steps li[data-step] b {
  font-size: 13px;
  line-height: 1.2;
}

.aiigle-publish-view .publish-steps .arrow {
  font-size: 23px;
}

/* The editor has its own generic panel/card rules. Explicitly reset sizing
   here so the entire left publishing form is visible in the AJAX overlay. */
.aiigle-publish-view .publish-layout,
.aiigle-publish-view .card,
.aiigle-publish-view .panel,
.aiigle-publish-view .preview-panel {
  height: auto !important;
  min-height: 0;
  max-height: none !important;
}

.aiigle-publish-view .card,
.aiigle-publish-view .panel {
  overflow: visible !important;
}

.aiigle-publish-view #publishApp,
.aiigle-publish-view .publish-layout {
  overflow: visible !important;
}

.aiigle-publish-view[data-embedded="1"] .publish-shell,
.aiigle-publish-view[data-embedded="1"] .publish-layout,
.aiigle-publish-view[data-embedded="1"] #publishApp {
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 1100px) {
  .aiigle-publish-view .publish-flow-header {
    grid-template-columns: minmax(250px, 30%) minmax(0, 1fr);
    gap: 16px;
    padding: 14px 20px;
  }
  .aiigle-publish-view .publish-steps {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  }
  .aiigle-publish-view .publish-steps li[data-step] b { font-size: 12px; }
  .aiigle-publish-view .publish-steps li[data-step] span { width: 34px; height: 34px; font-size: 14px; }
  .aiigle-publish-view .publish-steps .arrow { font-size: 20px; }
}

@media (max-width: 760px) {
  .aiigle-publish-view .publish-flow-header {
    grid-template-columns: 1fr;
  }
  .aiigle-publish-view .publish-steps {
    display: flex;
  }
}

/* Configure taxonomy selectors and optional media uploads */
.aiigle-publish-view .optional-label {
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2f7;
  color: #68778a;
  font-size: 10px;
  font-weight: 700;
  vertical-align: middle;
}
.aiigle-publish-view .choice-field {
  align-content: start;
}
.aiigle-publish-view .choice-selected {
  min-height: 42px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid #cfd8e5;
  border-radius: 7px;
  background: #fff;
}
.aiigle-publish-view .choice-empty {
  color: #8794a6;
  font-size: 12px;
}
.aiigle-publish-view .choice-chip,
.aiigle-publish-view .preset-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.15;
}
.aiigle-publish-view .choice-chip {
  background: #eaf2ff;
  color: #174f9c;
  border: 1px solid #cfe0fb;
  font-weight: 650;
}
.aiigle-publish-view .choice-chip button {
  border: 0;
  background: transparent;
  color: #55749b;
  cursor: pointer;
  padding: 0;
  font-size: 15px;
  line-height: 1;
}
.aiigle-publish-view .choice-add-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.aiigle-publish-view .choice-add-row input {
  min-height: 38px;
}
.aiigle-publish-view .btn.compact {
  min-height: 38px;
  padding: 7px 12px;
}
.aiigle-publish-view .choice-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.aiigle-publish-view .preset-chip {
  border: 1px solid #d9e1eb;
  background: #f8fafc;
  color: #42546b;
  cursor: pointer;
}
.aiigle-publish-view .preset-chip:hover {
  border-color: #9cbce8;
  background: #f1f6fd;
  color: #174f9c;
}
.aiigle-publish-view .upload-trigger {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.aiigle-publish-view .upload-trigger.disabled {
  pointer-events: none;
  opacity: .5;
}
.aiigle-publish-view .upload-status {
  min-height: 18px;
  margin-top: 7px;
  color: #607086;
  font-size: 11px;
}
.aiigle-publish-view .upload-status.working {
  color: #1766ce;
}
.aiigle-publish-view .upload-status.error {
  color: #aa3030;
}
@media (max-width: 760px) {
  .aiigle-publish-view .choice-add-row {
    grid-template-columns: 1fr;
  }
}

/* Configure layout: compact taxonomy fields and editable SEO-style store URL */
.aiigle-publish-view .category-field,
.aiigle-publish-view .slug-field,
.aiigle-publish-view .creator-grid > .field {
  width: 100%;
  min-width: 0;
}
.aiigle-publish-view #category {
  min-height: 40px;
  height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.aiigle-publish-view .slug-input-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
  min-height: 40px;
  border: 1px solid #cfd8e5;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
}
.aiigle-publish-view .slug-input-wrap:focus-within {
  border-color: #2c70d9;
  box-shadow: 0 0 0 3px rgba(44,112,217,.1);
}
.aiigle-publish-view .slug-input-wrap > span {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-right: 1px solid #dbe3ed;
  background: #f6f8fb;
  color: #66758a;
  font-size: 11px;
  white-space: nowrap;
}
.aiigle-publish-view .slug-input-wrap input {
  min-width: 0;
  min-height: 38px;
  height: 38px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}
.aiigle-publish-view .field-help {
  color: #748297;
  font-size: 10.5px;
  line-height: 1.35;
}
.aiigle-publish-view .slug-availability {
  min-height: 16px;
  margin-top: 4px;
  font-size: 10.5px;
  line-height: 1.35;
  color: #748297;
}
.aiigle-publish-view .slug-availability.checking { color: #64748b; }
.aiigle-publish-view .slug-availability.available { color: #18854b; font-weight: 700; }
.aiigle-publish-view .slug-availability.taken { color: #b42318; font-weight: 700; }
.aiigle-publish-view .slug-availability.error { color: #a15c00; }
.aiigle-publish-view .slug-suggestion-action { margin-left: 2px; }
.aiigle-publish-view .text-action {
  border: 0;
  padding: 0;
  background: transparent;
  color: #1764c9;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.aiigle-publish-view .choice-field {
  min-width: 0;
}
.aiigle-publish-view .choice-add-row {
  grid-template-columns: minmax(120px, 1fr) auto;
  max-width: 100%;
}
.aiigle-publish-view .creator-grid > .field {
  grid-column: 1;
}
@media (max-width: 760px) {
  .aiigle-publish-view .choice-add-row {
    grid-template-columns: 1fr;
  }
  .aiigle-publish-view .creator-grid > .field {
    grid-column: 1 / -1;
  }
  .aiigle-publish-view .slug-input-wrap {
    grid-template-columns: 1fr;
  }
  .aiigle-publish-view .slug-input-wrap > span {
    min-height: 28px;
    border-right: 0;
    border-bottom: 1px solid #dbe3ed;
  }
}


/* Configure field sequence: name/URL, headline, description, category/creator, use cases/tags */
.aiigle-publish-view .configure-form-grid > .slug-field,
.aiigle-publish-view .configure-form-grid > .category-field {
  grid-column: auto;
}
.aiigle-publish-view .configure-form-grid > .choice-field {
  grid-column: auto;
}
@media (max-width: 760px) {
  .aiigle-publish-view .configure-form-grid > .slug-field,
  .aiigle-publish-view .configure-form-grid > .category-field,
  .aiigle-publish-view .configure-form-grid > .choice-field {
    grid-column: 1 / -1;
  }
}


/* Configure: keep Tool name and Store URL compact and top-aligned. */
.aiigle-publish-view .configure-form-grid {
  align-items: start;
}
.aiigle-publish-view .configure-form-grid > .field {
  align-self: start;
}
.aiigle-publish-view .configure-form-grid > .field:not(.full) > input {
  height: 42px;
}
.aiigle-publish-view .slug-field {
  align-self: start;
}
.aiigle-publish-view .slug-inline-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 42px;
}
.aiigle-publish-view .slug-inline-row .slug-input-wrap {
  flex: 1 1 auto;
  min-width: 0;
}
.aiigle-publish-view .slug-use-suggested {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 10.5px;
}
.aiigle-publish-view .slug-inline-row .slug-availability {
  flex: 0 0 auto;
  min-height: 0;
  margin-top: 0;
  white-space: nowrap;
  font-size: 10.5px;
}
@media (max-width: 760px) {
  .aiigle-publish-view .slug-inline-row {
    flex-wrap: wrap;
  }
  .aiigle-publish-view .slug-inline-row .slug-input-wrap {
    flex: 1 0 100%;
  }
}

/* Step navigation: FAQ action on its own row; Back/Continue together below. */
.aiigle-publish-view .publish-step-nav {
  justify-content: flex-end;
}

/* ---- API access (headless runs) ---------------------------------------- */
.aiigle-publish-view .publish-steps[hidden],
.aiigle-publish-view .api-fields[hidden] { display: none !important; }
.aiigle-publish-view .api-toggle { margin-bottom: 12px; }
.aiigle-publish-view .api-toggle .toggle-copy span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; overflow-wrap: anywhere; }
.aiigle-publish-view .api-access-box { border: 1px dashed var(--line); border-radius: 8px; padding: 12px 14px; background: var(--bg); }
.aiigle-publish-view .api-access-box p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.aiigle-publish-view .token-reveal { text-align: left; max-width: 820px; margin: 22px auto 6px; padding: 16px 18px; border: 1px solid #b9d3f5; border-radius: var(--radius); background: var(--blue-soft); }
.aiigle-publish-view .token-reveal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.aiigle-publish-view .token-reveal-head .policy-badge { background: #fff3df; color: var(--orange); }
.aiigle-publish-view .token-reveal .section-title { margin-top: 16px; }
.aiigle-publish-view .token-reveal .table-wrap { background: var(--surface); }
.aiigle-publish-view .token-reveal table.policy-table { min-width: 560px; }
.aiigle-publish-view .token-value-row { display: flex; align-items: flex-start; gap: 8px; }
.aiigle-publish-view .token-value-row .btn { flex: 0 0 auto; }
.aiigle-publish-view .token-value,
.aiigle-publish-view .code-block { flex: 1 1 auto; min-width: 0; margin: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.aiigle-publish-view .code-block { white-space: pre-wrap; }
.aiigle-publish-view .success-panel .token-reveal p { color: var(--muted); }
.aiigle-publish-view table.api-token-table { min-width: 860px; }
@media (max-width: 640px) {
.aiigle-publish-view .token-value-row { flex-direction: column; }
}
/* Let wide tables scroll inside their card instead of widening the page. */
.aiigle-publish-view .publish-layout > * { min-width: 0; }

/* ---- Scheduler (view=schedules) ------------------------------------------ */
.aiigle-publish-view .publish-rocket.is-scheduler::before { background-image: url("/lib/svg/calendar-clock.svg"); }
.aiigle-publish-view .sched-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.aiigle-publish-view .sched-list-head h2 { margin: 0; }
.aiigle-publish-view .sched-muted { color: var(--muted); font-weight: 400; }
.aiigle-publish-view .sched-warning { margin: 0 0 14px; padding: 11px 13px; border: 1px solid #f1d29b; border-radius: 8px; background: #fff8ea; color: #7a4d06; font-size: 13px; line-height: 1.45; }
.aiigle-publish-view .sched-warning.small { margin: 10px 0 0; font-size: 12px; padding: 8px 11px; }
.aiigle-publish-view .sched-error { margin-top: 8px; padding: 8px 11px; border: 1px solid #f3c2c2; border-radius: 8px; background: #fff3f3; color: #9b2c2c; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.aiigle-publish-view .sched-howto { margin: 6px 0 16px; padding: 0; list-style: none; counter-reset: sched; display: grid; gap: 10px; }
.aiigle-publish-view .sched-howto li { counter-increment: sched; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfe; }
.aiigle-publish-view .sched-howto li::before { content: counter(sched); grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue); font-weight: 700; }
.aiigle-publish-view .sched-howto b { font-size: 14px; }
.aiigle-publish-view .sched-howto span { color: var(--muted); font-size: 12px; margin-top: 2px; }
.aiigle-publish-view .sched-cards { display: grid; gap: 12px; }
.aiigle-publish-view .sched-card { border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; background: #fff; }
.aiigle-publish-view .sched-card.is-paused { background: #fafbfc; }
.aiigle-publish-view .sched-card.is-paused .sched-rule, .aiigle-publish-view .sched-card.is-paused h3 { color: #6f7d93; }
.aiigle-publish-view .sched-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.aiigle-publish-view .sched-card h3 { margin: 0 0 3px; font-size: 15px; }
.aiigle-publish-view .sched-card-head .sched-muted { font-size: 12px; }
.aiigle-publish-view .sched-switch-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); white-space: nowrap; }
.aiigle-publish-view .sched-rule { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 11px 0 10px; font-size: 14px; font-weight: 600; }
.aiigle-publish-view .sched-clock { width: 17px; height: 17px; background: var(--blue); -webkit-mask: url("/lib/svg/calendar-clock.svg") center / contain no-repeat; mask: url("/lib/svg/calendar-clock.svg") center / contain no-repeat; flex: 0 0 17px; }
.aiigle-publish-view .sched-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; font-size: 13px; }
.aiigle-publish-view .sched-facts > div { padding: 9px 11px; border-radius: 8px; background: var(--bg); }
.aiigle-publish-view .sched-facts span:first-child { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.aiigle-publish-view .sched-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.aiigle-publish-view .sched-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; background: #eef3f9; color: #58677c; white-space: nowrap; }
.aiigle-publish-view .sched-badge.ok { background: #eaf8f0; color: #14854a; }
.aiigle-publish-view .sched-badge.fail { background: #fdecec; color: #b42323; }
.aiigle-publish-view .sched-badge.run { background: #eaf2ff; color: #174f9c; }
.aiigle-publish-view .sched-badge.skip { background: #fff4e0; color: #9a5b00; }
.aiigle-publish-view .sched-history { margin-top: 12px; }
.aiigle-publish-view .sched-history table.policy-table { min-width: 640px; }
.aiigle-publish-view .sched-history .sched-msg { max-width: 320px; overflow-wrap: anywhere; white-space: normal; }
.aiigle-publish-view .sched-footnote { margin-top: 14px; }

.aiigle-publish-view .sched-form-panel h2 { margin-bottom: 12px; }
.aiigle-publish-view .sched-step { display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid #edf1f6; }
.aiigle-publish-view .sched-step:first-of-type { border-top: 0; padding-top: 4px; }
.aiigle-publish-view .sched-step-no { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: #fff; font-size: 13px; font-weight: 700; }
.aiigle-publish-view .sched-step-body { min-width: 0; }
.aiigle-publish-view .sched-step-title { display: block; margin: 4px 0 9px; font-size: 14px; font-weight: 700; color: var(--text); }
.aiigle-publish-view .sched-step-body select,
.aiigle-publish-view .sched-detail select,
.aiigle-publish-view .sched-detail input[type="time"] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #cfdae8; border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: 14px; }
.aiigle-publish-view .sched-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.aiigle-publish-view .sched-type { display: grid; gap: 2px; text-align: left; padding: 10px 12px; border: 1px solid #cfdae8; border-radius: 9px; background: #fff; cursor: pointer; font: inherit; color: var(--text); }
.aiigle-publish-view .sched-type b { font-size: 13px; }
.aiigle-publish-view .sched-type span { font-size: 11px; color: var(--muted); }
.aiigle-publish-view .sched-type:hover { border-color: #9fb9de; }
.aiigle-publish-view .sched-type.selected { border-color: #2a6ad0; box-shadow: inset 0 0 0 1px #2a6ad0; background: #f8fbff; }
.aiigle-publish-view .sched-detail { display: grid; gap: 12px; margin-top: 12px; }
.aiigle-publish-view .sched-detail .field { margin: 0; }
.aiigle-publish-view .sched-days { display: flex; flex-wrap: wrap; gap: 6px; }
.aiigle-publish-view .sched-day { min-width: 44px; padding: 7px 0; border: 1px solid #cfdae8; border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: 13px; cursor: pointer; }
.aiigle-publish-view .sched-day.on { background: var(--blue); border-color: var(--blue); color: #fff; font-weight: 600; }
.aiigle-publish-view .sched-quick { display: flex; gap: 14px; margin-top: 7px; }
.aiigle-publish-view .text-link { border: 0; background: none; padding: 0; color: #1f62b4; font: inherit; font-size: 12px; cursor: pointer; }
.aiigle-publish-view .text-link:hover { text-decoration: underline; }
.aiigle-publish-view .sched-details { margin-top: 8px; font-size: 12px; color: var(--muted); }
.aiigle-publish-view .sched-details summary { cursor: pointer; color: #1f62b4; }
.aiigle-publish-view .sched-blocked { margin: 8px 0 0; padding-left: 18px; font-size: 12px; color: var(--muted); line-height: 1.5; }
.aiigle-publish-view .sched-name { margin-top: 4px; }
.aiigle-publish-view .sched-summary { margin-top: 14px; padding: 13px 14px; border-radius: 10px; background: var(--blue-soft); border: 1px solid #cfe0fb; }
.aiigle-publish-view .sched-summary-rule { font-size: 15px; font-weight: 700; color: #133f7d; }
.aiigle-publish-view .sched-summary .sched-muted { font-size: 12px; margin-top: 2px; }
.aiigle-publish-view .sched-summary-next { margin-top: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.aiigle-publish-view .sched-next { margin: 5px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; font-size: 13px; }
.aiigle-publish-view .sched-summary p.sched-muted { margin: 6px 0 0; }

@media (max-width: 640px) {
  .aiigle-publish-view .sched-facts { grid-template-columns: 1fr; }
  .aiigle-publish-view .sched-types { grid-template-columns: 1fr 1fr; }
  .aiigle-publish-view .sched-card-head { flex-direction: column; }
}
.aiigle-publish-view .sched-usage { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: -4px 0 14px; font-size: 13px; color: var(--muted); }
.aiigle-publish-view .sched-plan-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: #eef3f9; color: #3b4a60; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.aiigle-publish-view .sched-plan-badge.pro { background: #2b579a; color: #fff; }
.aiigle-publish-view .sched-upgrade { margin-left: 6px; vertical-align: middle; }

/* ---- Pricing (view=pricing) ---------------------------------------------- */
.aiigle-publish-view .publish-rocket.is-pricing::before { background-image: url("/lib/svg/tag.svg"); }
.aiigle-publish-view .api-toggle .toggle-copy span.plain { font-family: inherit; font-size: 12px; }
.aiigle-publish-view .publish-rocket.is-billing::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b579a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 13h8M9 17h5'/%3E%3C/svg%3E"); }
.aiigle-publish-view .price-panel { padding: 26px; }
.aiigle-publish-view .price-usage { max-width: 920px; margin: 0 auto 18px; color: var(--muted); font-size: 13px; }
.aiigle-publish-view .price-usage b { color: var(--text); }
.aiigle-publish-view .price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 920px; margin: 0 auto; }
.aiigle-publish-view .price-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.aiigle-publish-view .price-card.pro { border-color: #2b579a; box-shadow: 0 14px 36px rgba(43, 87, 154, .14); }
.aiigle-publish-view .price-card.is-current { background: #fbfcfe; }
.aiigle-publish-view .price-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.aiigle-publish-view .price-card h3 { margin: 0; font-size: 20px; }
.aiigle-publish-view .price-badge { padding: 3px 9px; border-radius: 999px; background: #eef3f9; color: #3b4a60; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.aiigle-publish-view .price-badge.pro { background: #2b579a; color: #fff; }
.aiigle-publish-view .price-amount { display: flex; align-items: baseline; gap: 8px; margin: 16px 0 4px; }
.aiigle-publish-view .price-amount b { font-size: 38px; line-height: 1; letter-spacing: -.02em; }
.aiigle-publish-view .price-amount span { color: var(--muted); font-size: 14px; }
.aiigle-publish-view .price-muted { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.aiigle-publish-view .price-small { font-size: 12px; margin-top: 10px; }
.aiigle-publish-view .price-features { list-style: none; margin: 18px 0 20px; padding: 0; display: grid; gap: 9px; font-size: 14px; }
.aiigle-publish-view .price-features li { display: flex; gap: 9px; align-items: baseline; }
.aiigle-publish-view .price-features li .price-mark { color: #169b55; font-weight: 700; flex: 0 0 auto; }
.aiigle-publish-view .price-features li.is-off { color: var(--muted); }
.aiigle-publish-view .price-features li.is-off .price-mark { color: #9aa7b8; }
.aiigle-publish-view .price-included { margin-top: auto; padding: 10px 12px; border-radius: 8px; background: var(--bg); color: var(--muted); font-size: 13px; text-align: center; }
.aiigle-publish-view .price-cta { margin-top: auto; width: 100%; justify-content: center; }
.aiigle-publish-view .price-paypal { margin-top: auto; min-height: 50px; }
.aiigle-publish-view .price-status { margin: 0 0 12px; padding: 11px 13px; border-radius: 8px; font-size: 13px; line-height: 1.5; }
.aiigle-publish-view .price-status.ok { background: #eaf8f0; border: 1px solid #bfe6cf; color: #145c35; }
.aiigle-publish-view .price-status.warn { background: #fff8ea; border: 1px solid #f1d29b; color: #7a4d06; }
.aiigle-publish-view .price-welcome { max-width: 920px; margin: 0 auto 18px; }
.aiigle-publish-view .price-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.aiigle-publish-view .price-footnote { max-width: 920px; margin: 18px auto 0; text-align: center; font-size: 12px; }
@media (max-width: 760px) {
  .aiigle-publish-view .price-panel { padding: 16px; }
  .aiigle-publish-view .price-grid { grid-template-columns: 1fr; }
  .aiigle-publish-view .price-amount b { font-size: 32px; }
}

/* Pricing: upgrade flow (billing details + payment), billing details, invoices */
.aiigle-publish-view .price-status.info { background: var(--blue-soft); border: 1px solid #c9dbf7; color: #1d3f73; }
.aiigle-publish-view .price-return { max-width: 920px; margin: 0 auto 18px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.aiigle-publish-view .price-spinner { width: 16px; height: 16px; border: 2px solid #b8cdee; border-top-color: var(--blue); border-radius: 50%; animation: aiigle-price-spin .8s linear infinite; flex: 0 0 auto; }
@keyframes aiigle-price-spin { to { transform: rotate(360deg); } }
.aiigle-publish-view .price-checkout { box-sizing: border-box; width: 100%; max-width: 920px; margin: 22px auto 0; padding: 22px; border: 1px solid #c9d6ea; border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(23, 35, 58, .06); scroll-margin-top: 12px; }
.aiigle-publish-view .price-checkout-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.aiigle-publish-view .price-checkout-head h2 { margin: 0; font-size: 19px; }
.aiigle-publish-view .price-step { padding: 16px 0 4px; border-top: 1px solid var(--line); margin-top: 12px; }
.aiigle-publish-view .price-step:first-of-type { border-top: 0; margin-top: 4px; }
.aiigle-publish-view .price-step.is-muted .price-step-head { opacity: .55; }
.aiigle-publish-view .price-step-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.aiigle-publish-view .price-step-head h3 { margin: 0; font-size: 15px; }
.aiigle-publish-view .price-step-no { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #e8edf5; color: #44536b; font-size: 12px; font-weight: 700; flex: 0 0 auto; }
.aiigle-publish-view .price-step-head.active .price-step-no { background: var(--blue); color: #fff; }
.aiigle-publish-view .price-step-head.done .price-step-no { background: #dff3e8; color: var(--green); }
.aiigle-publish-view .price-step-summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 12px 14px; border-radius: 10px; background: var(--bg); font-size: 13px; line-height: 1.55; }
.aiigle-publish-view .price-step-summary .btn { flex: 0 0 auto; }
.aiigle-publish-view .price-address { font-style: normal; color: var(--text); }
.aiigle-publish-view .price-ok { color: var(--green); font-weight: 650; }
.aiigle-publish-view .price-bad { color: var(--orange); font-weight: 650; }
.aiigle-publish-view .price-form { display: grid; gap: 14px; }
.aiigle-publish-view .price-segment { display: inline-flex; padding: 3px; border-radius: 9px; background: #edf1f7; gap: 3px; justify-self: start; }
.aiigle-publish-view .price-segment label { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 7px; font-size: 13px; font-weight: 650; color: #4a5870; cursor: pointer; }
.aiigle-publish-view .price-segment label.on { background: #fff; color: var(--text); box-shadow: 0 1px 3px rgba(23, 35, 58, .12); }
.aiigle-publish-view .price-segment input { position: absolute; opacity: 0; pointer-events: none; }
.aiigle-publish-view .price-segment label:focus-within { outline: 2px solid #8fb4ea; outline-offset: 1px; }
.aiigle-publish-view .price-form-grid { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px 14px; }
.aiigle-publish-view .price-form-grid .field.full { grid-column: 1 / -1; }
.aiigle-publish-view .field.has-error input, .aiigle-publish-view .field.has-error select { border-color: var(--red); }
.aiigle-publish-view .field-error { color: #b23a3a; font-size: 12px; }
.aiigle-publish-view .price-form-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.aiigle-publish-view .price-summary { display: grid; gap: 8px; padding: 14px 16px; border-radius: 10px; background: var(--bg); margin-bottom: 14px; font-size: 14px; }
.aiigle-publish-view .price-summary > div { display: flex; justify-content: space-between; gap: 12px; }
.aiigle-publish-view .price-summary > div span { color: var(--muted); }
.aiigle-publish-view .price-summary > div b { font-weight: 650; font-variant-numeric: tabular-nums; }
.aiigle-publish-view .price-summary > div.total { padding-top: 8px; border-top: 1px solid var(--line); }
.aiigle-publish-view .price-summary > div.total span, .aiigle-publish-view .price-summary > div.total b { color: var(--text); font-weight: 750; font-size: 15px; }
.aiigle-publish-view .price-methods { display: grid; gap: 8px; margin-bottom: 14px; }
.aiigle-publish-view .price-method { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; background: #fff; }
.aiigle-publish-view .price-method:hover { border-color: #b9c8de; }
.aiigle-publish-view .price-method.on { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(43, 87, 154, .1); }
.aiigle-publish-view .price-method input { margin: 0; accent-color: var(--blue); width: 16px; height: 16px; flex: 0 0 auto; }
.aiigle-publish-view .price-method span { display: grid; gap: 2px; }
.aiigle-publish-view .price-method b { font-size: 14px; }
.aiigle-publish-view .price-method small { color: var(--muted); font-size: 12.5px; }
.aiigle-publish-view .price-method-action { display: grid; gap: 12px; }
.aiigle-publish-view .price-method-action .price-cta { margin-top: 0; }
.aiigle-publish-view .price-check { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfe; font-size: 12.5px; line-height: 1.5; color: #3e4c63; cursor: pointer; }
.aiigle-publish-view .price-check input { margin-top: 2px; width: 16px; height: 16px; flex: 0 0 auto; accent-color: var(--blue); }
.aiigle-publish-view .price-check.has-error { border-color: var(--red); }
.aiigle-publish-view .price-billing { box-sizing: border-box; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px; max-width: 920px; margin: 22px auto 0; }
.aiigle-publish-view .price-box { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; display: grid; gap: 10px; align-content: start; font-size: 13px; line-height: 1.55; }
.aiigle-publish-view .price-box h3 { margin: 0 0 2px; font-size: 15px; }
.aiigle-publish-view .price-box .price-actions { margin-top: 4px; }
.aiigle-publish-view .price-table-wrap { overflow-x: auto; margin: 0 -4px; }
.aiigle-publish-view .price-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.aiigle-publish-view .price-table th { text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding: 6px 4px; border-bottom: 1px solid var(--line); }
.aiigle-publish-view .price-table td { padding: 8px 4px; border-bottom: 1px solid #eef2f7; vertical-align: middle; white-space: nowrap; }
.aiigle-publish-view .price-table tr:last-child td { border-bottom: 0; }
.aiigle-publish-view .price-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.aiigle-publish-view .price-table .btn.compact { min-height: 30px; padding: 4px 10px; font-size: 12px; }
.aiigle-publish-view .price-inv-no { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }
.aiigle-publish-view .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Billing view (view=billing), target groups and credits on the pricing cards */
.aiigle-publish-view .price-panel > .price-billing:first-child { margin-top: 0; }
.aiigle-publish-view .price-billing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aiigle-publish-view .price-box-wide { grid-column: 1 / -1; }
.aiigle-publish-view .price-box { min-width: 0; }
.aiigle-publish-view .price-box > p { margin: 0; }
.aiigle-publish-view .price-facts { display: grid; grid-template-columns: repeat(4, minmax(0, auto)); justify-content: start; gap: 4px 28px; margin: 2px 0 0; }
.aiigle-publish-view .price-facts dt { grid-row: 1; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.aiigle-publish-view .price-facts dd { grid-row: 2; margin: 0; font-size: 14px; }
.aiigle-publish-view .price-credits { display: flex; align-items: baseline; gap: 8px; }
.aiigle-publish-view .price-credits b { font-size: 28px; line-height: 1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.aiigle-publish-view .price-credits span { color: var(--muted); }
.aiigle-publish-view .price-credits-track { height: 8px; border-radius: 999px; background: #e8edf5; overflow: hidden; }
.aiigle-publish-view .price-credits-track > div { height: 100%; border-radius: 999px; background: var(--green); }
.aiigle-publish-view .price-inv-actions { display: flex; justify-content: flex-end; gap: 6px; }
.aiigle-publish-view .price-audience { margin: 10px 0 0; padding: 9px 11px; border-radius: 8px; background: var(--bg); color: #3e4c63; font-size: 13px; line-height: 1.45; }
.aiigle-publish-view .price-card.pro .price-audience { background: var(--blue-soft); color: #1d3f73; }
.aiigle-publish-view .price-billing-link { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; width: 100%; max-width: 920px; margin: 20px auto 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; font-size: 13px; color: #3e4c63; }
@media (max-width: 760px) {
  .aiigle-publish-view .price-facts { grid-template-columns: repeat(2, minmax(0, auto)); }
  .aiigle-publish-view .price-facts dt, .aiigle-publish-view .price-facts dd { grid-row: auto; }
  .aiigle-publish-view .price-inv-actions { flex-direction: column; align-items: flex-end; }
  .aiigle-publish-view .price-table td:first-child { white-space: normal; }
}
@media (max-width: 760px) {
  .aiigle-publish-view .price-checkout { padding: 16px; margin-top: 16px; }
  .aiigle-publish-view .price-billing { grid-template-columns: 1fr; margin-top: 16px; }
  .aiigle-publish-view .price-form-grid { grid-template-columns: 110px minmax(0, 1fr); }
  .aiigle-publish-view .price-step-summary { flex-direction: column; }
}