.advanced-tier-fields{display:grid;gap:18px}
.advanced-tier-fields .step-block>div{min-width:0}
.advanced-tier-fields label{display:grid;gap:7px;margin:12px 0}
.advanced-tier-fields input:not([type=checkbox]),.advanced-tier-fields textarea{display:block;width:100%;max-width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;color:var(--ink);outline:none}
.advanced-tier-fields textarea{resize:vertical}
.advanced-tier-fields input:focus,.advanced-tier-fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(123,79,79,.1)}
.advanced-tier-fields .approval{display:flex;align-items:center;gap:9px}
.advanced-tier-fields .approval input{flex:0 0 auto}
.repeat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}
.repeat-head h4{margin:0}
.repeat-row{position:relative;display:grid;gap:10px;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:16px;background:#fff}
.repeat-row [data-remove]{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border:0;border-radius:50%;background:var(--sand);cursor:pointer}
.advanced-ai-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.compact{min-height:40px!important;padding:8px 14px!important}
.preview-action-status{padding:11px 14px;border-radius:14px;background:#f0e6df;color:#5d4038;text-align:center;font-size:.92rem;font-weight:650}
.preview-action-status[hidden]{display:none}
.gold-only{border-color:#d8c28a}
.gold-only h3{color:#735d22}

/* Package choices inside the form (Premium/Gold visible, distinct shells) */
.package-choice{display:grid;gap:14px}
.package-choice .package{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}
.package-choice .package span{color:var(--muted)}
.package-choice .package.selected-package{outline:2px solid #b08d3c;outline-offset:2px;border-color:#d8c28a;background:#fffdf6}
.package-choice .package-price{display:block;margin-top:6px;color:#8a6a1f;font-weight:800}
.package-choice .price-launch-offer,.package-card .price-launch-offer{align-items:flex-start}
.package-choice .price-now strong,.package-card .price-now strong{font-size:1.15rem;color:#8a6a1f}
.package-choice .pkg-gold-mini .price-now strong,.package-card .price-now strong{color:#e6c96f}
.package-choice .price-was,.package-card .price-was{font-size:.82rem}
.package-choice .launch-offer-badge,.package-card .launch-offer-badge{font-size:.65rem;padding:3px 8px}
.package-choice .pkg-premium-mini{
  background:linear-gradient(180deg,#fffdf9,#f7efe7);
  border:1px solid rgba(138,90,82,.22);
  border-radius:6px 6px 18px 18px;
  box-shadow:inset 0 0 0 1px rgba(138,90,82,.08);
}
.package-choice .pkg-premium-mini b{color:#3a2a28;font-family:Georgia,serif;font-size:1.15rem;font-weight:500}
.package-choice .pkg-premium-mini.selected-package{outline-color:#8a5a52;background:linear-gradient(180deg,#fffaf6,#f3e8df)}
.package-choice .pkg-gold-mini{
  background:linear-gradient(165deg,#171411,#221c16);
  color:#f5efe6;
  border:1px solid rgba(230,211,168,.35);
  border-radius:4px;
  position:relative;
}
.package-choice .pkg-gold-mini b{color:#e6d3a8;font-family:Georgia,serif;font-size:1.15rem;font-weight:500}
.package-choice .pkg-gold-mini span{color:rgba(245,239,230,.7)}
.package-choice .pkg-gold-mini .package-price{color:#e6c96f!important}
.package-choice .pkg-gold-mini.selected-package{outline-color:#d4af37;box-shadow:0 0 0 1px rgba(230,211,168,.4)}
.package-card .selected-summary{display:grid;gap:6px;margin:12px 0 18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.package-card .package-price{color:#e6c96f;font-weight:800}
.journey-checklist{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}
.journey-checklist li{opacity:.55;font-size:.9rem;padding-inline-start:1.2em;position:relative}
.journey-checklist li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:.55em;height:.55em;border-radius:50%;border:1px solid rgba(255,255,255,.45)}
.journey-checklist li.done{opacity:1}
.journey-checklist li.done::before{background:#e6c96f;border-color:#e6c96f}

.creator-progress{margin:0 0 18px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.creator-progress ol{display:flex;gap:8px;margin:0;padding:4px 2px 10px;list-style:none;min-width:max-content}
.creator-progress li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--sand);border:1px solid transparent;color:var(--muted);font-size:.82rem;white-space:nowrap}
.creator-progress li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;font-weight:800;font-size:.75rem;color:var(--ink)}
.creator-progress li.current{background:#fff;border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 2px rgba(123,79,79,.1)}
.creator-progress li.done{background:#efe6df;color:var(--ink)}
.creator-progress li.done span{background:var(--accent);color:#fff}

.save-status-bar{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:16px;background:#f0e6df;color:#5d4038;font-size:.92rem;font-weight:650;position:sticky;top:64px;z-index:15}
.save-status-bar .save-dot{width:9px;height:9px;border-radius:50%;background:#a67c52;flex:0 0 auto}
.save-status-bar #saveStatusText{flex:1 1 auto;min-width:0}
.save-status-bar[data-state=local] .save-dot,.save-status-bar[data-state=account] .save-dot{background:#2f7d4a}
.save-status-bar[data-state=saving] .save-dot{background:#b08d3c;animation:savePulse 1s ease infinite}
.save-status-bar[data-state=error]{position:relative;top:auto;z-index:5;background:#f8eaea;color:#7a2e2e}
.save-status-bar[data-state=error] .save-dot{background:#a33}
.save-status-dismiss{flex:0 0 auto;border:0;background:transparent;color:inherit;font-size:1.25rem;line-height:1;padding:4px 8px;cursor:pointer;min-width:44px;min-height:44px}
@keyframes savePulse{0%,100%{opacity:1}50%{opacity:.35}}
.invitation-status-banner[data-state=rejected]{background:#f8eaea;border-color:#e0b4b4;color:#7a2e2e}
.invites-load-error{color:#a33}

.journey-hint{margin:0;color:var(--muted);font-size:.85rem;text-align:center}
.invitation-status-banner{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);background:#f7f1ea;color:#4a3f36;font-size:.92rem;line-height:1.5}
.invitation-status-banner[data-state=pending]{background:#f3efe4;border-color:#d9c89a}
.invitation-status-banner[data-state=paid],.invitation-status-banner[data-state=published]{background:#eef5ef;border-color:#b7d0bc}
/* Use :not([hidden]) so display:inline-flex never overrides the HTML hidden attribute. */
.creator-actions .secondary.wide:not([hidden]),.creator-actions a.secondary.wide:not([hidden]){display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;padding:12px 16px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;width:100%;box-sizing:border-box}
.creator-actions .action-feedback{margin:0;text-align:center;font-size:.92rem;min-height:1.2em}
.creator-actions .action-feedback[data-kind=ok]{color:#2f7d4a}
.creator-actions .action-feedback[data-kind=error]{color:#a33}
.creator-actions .action-feedback[data-kind=busy]{color:var(--muted)}
.my-invitations-section{padding:48px 0 72px}
.my-invitations-grid{display:grid;gap:14px}
.my-invitations-grid .invite-card,.draft-row.invite-card{overflow-wrap:anywhere}
.empty-invites{display:grid;gap:14px;justify-items:start;padding:28px 0}
.empty-invites .primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;text-decoration:none;background:var(--ink,#171717);color:#fff;font-weight:600}
.invites-skeleton{display:grid;gap:14px;padding:8px 0 24px;min-height:0}
.invites-skeleton-label{margin:0;color:var(--muted,#6f685f);font-size:.95rem}
.invites-skeleton-card{
  height:92px;border-radius:14px;border:1px solid var(--line,#e7ddd5);
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--line,#e7ddd5) 55%, #fff) 0%,
    color-mix(in srgb, #fff 70%, var(--line,#e7ddd5)) 45%,
    color-mix(in srgb, var(--line,#e7ddd5) 55%, #fff) 100%);
  background-size:200% 100%;
  animation:invites-skeleton-shimmer 1.2s ease-in-out infinite;
}
@keyframes invites-skeleton-shimmer{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
@media (prefers-reduced-motion:reduce){
  .invites-skeleton-card{animation:none}
}
.drafts-list{display:grid;gap:12px;max-height:60vh;overflow:auto}
.draft-row{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:start}
.draft-row small{color:var(--muted)}
.draft-actions{display:flex;gap:8px;flex-wrap:wrap}
.draft-actions a,.draft-actions button{border:1px solid var(--line);background:var(--sand);border-radius:12px;padding:8px 12px;color:var(--ink);text-decoration:none;cursor:pointer;font:inherit}
.aq-auth .auth-template-note{margin:10px 0 0;color:var(--muted,#7b7068);font-size:.78rem;line-height:1.45}
@media(max-width:390px){
  .creator-actions .primary.wide,.creator-actions .secondary.wide{min-height:50px}
  .my-invitations-section{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

/* Conversion sprint: live "this is my invitation" preview */
.mine-preview{
  display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;
  margin:0 0 18px;padding:12px;border-radius:16px;
  border:1px solid var(--line,#e7ddd5);background:#fffdf9;
}
.mine-preview-art{
  width:72px;height:96px;border-radius:10px;background:
    linear-gradient(160deg,#efe6df,#d9c4b8) center/cover no-repeat;
  border:1px solid rgba(138,90,82,.16);
}
.mine-preview.has-theme .mine-preview-art{background-color:#1a1510}
.mine-preview-copy{display:grid;gap:4px;min-width:0}
.mine-preview-label{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-deep,#8a6a1f);font-weight:700;
}
.mine-preview-copy strong{
  font-family:Georgia,"Cormorant Garamond",serif;font-weight:500;
  font-size:1.25rem;color:var(--ink,#171411);overflow-wrap:anywhere;
}
.mine-preview-copy small{color:var(--muted,#7b7068);line-height:1.45}
.mine-preview.has-names strong{color:#3a2a28}
.field-required>span::after{content:" *";color:#a33;font-weight:700}
.details-more{
  margin-top:14px;padding:12px 14px;border:1px solid var(--line,#e7ddd5);
  border-radius:14px;background:#fff;
}
.details-more>summary{
  cursor:pointer;font-weight:650;color:var(--ink,#171411);
  min-height:44px;display:flex;align-items:center;
}
.details-more[open]>summary{margin-bottom:10px}
.details-more-grid{margin-top:4px}
.creator-pay-cta.pay-cta-pulse{
  outline:2px solid #b08d3c;outline-offset:2px;
  animation:payPulse 1.1s ease 2;
}
@keyframes payPulse{
  0%,100%{transform:none}
  50%{transform:scale(1.02)}
}
@media(prefers-reduced-motion:reduce){
  .creator-pay-cta.pay-cta-pulse{animation:none}
}
@media(max-width:620px){
  .mine-preview{grid-template-columns:64px 1fr;padding:10px}
  .mine-preview-art{width:64px;height:86px}
  .mine-preview-copy strong{font-size:1.1rem}
}

@media(max-width:620px){
  .advanced-tier-fields .step-block{padding:18px}
  .advanced-tier-fields label{font-size:1rem}
  .advanced-tier-fields input:not([type=checkbox]),.advanced-tier-fields textarea{font-size:16px;min-height:50px}
  .repeat-head{align-items:flex-start}
  .repeat-head>span{display:flex;gap:6px;flex-wrap:wrap}
  .advanced-ai-row{align-items:flex-start;flex-direction:column}
  .advanced-ai-row .ai-button{width:100%}
  .advanced-tier-fields .approval{width:100%;line-height:1.4}
  .repeat-row{padding-top:48px}
  .creator-progress li b{display:none}
  .creator-progress li.current b,.creator-progress li.done b{display:inline}
  .save-status-bar{top:56px;font-size:.86rem}
  .invite-form input:not([type=checkbox]),.invite-form textarea{min-height:48px}
}

/* Sprint 7 email auth dialog */
.aq-auth{width:min(420px,min(92vw,100% - 24px));max-height:min(92vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px));overflow:auto;padding:28px 24px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));border:1px solid var(--line,#e7ddd5);border-radius:4px;background:#fffdf9;color:inherit;font:inherit}
.aq-auth::backdrop{background:rgba(30,24,18,.45)}
.aq-auth h2{font-family:Georgia,"Cormorant Garamond",serif;font-weight:500;font-size:1.8rem;margin:.2em 0 .4em}
.aq-auth p{color:var(--muted,#7b7068);line-height:1.6;margin:0 0 12px}
.aq-auth label{display:grid;gap:6px;margin:12px 0;font-size:.92rem}
.aq-auth input{min-height:46px;padding:10px 12px;border:1px solid var(--line,#e7ddd5);font:inherit;border-radius:2px}
.aq-auth .primary.wide,.aq-auth .secondary.wide{width:100%;margin-top:8px;min-height:46px}
.aq-auth .auth-close{position:absolute;top:10px;inset-inline-end:12px;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
.aq-auth{position:relative}
.aq-auth .auth-legacy{margin-top:18px;padding-top:12px;border-top:1px solid var(--line,#e7ddd5)}
.aq-auth .auth-legacy summary{cursor:pointer;color:var(--muted,#7b7068);font-size:.85rem}
.aq-auth .status{margin-top:12px;color:var(--muted,#7b7068)}