:root{color:#211f1b;background:#f2ece2;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f2ece2;--paper: #fbf7f0;--paper-strong: #fffdf8;--ink: #211f1b;--muted: #766f65;--soft: #9b9287;--line: #dfd5c8;--line-strong: #cdbbaa;--vermilion: #b94f35;--vermilion-dark: #913724;--vermilion-soft: #f6e5dd;--navy: #17233f;--navy-soft: #e8eaf0;--success: #3f7154;--error: #9f3e2d;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,textarea,input,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,input,textarea,select{outline:none}:focus-visible{outline:3px solid rgba(185,79,53,.42);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-root{min-height:100vh}.app-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(210px,280px) 1fr minmax(130px,180px);align-items:center;gap:24px;min-height:88px;padding:14px clamp(24px,3vw,48px);background:#fbf7f0f5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:52px;padding:0;border:0;background:transparent;text-align:left}.brand-name{font-family:var(--serif);font-size:25px;font-weight:800;letter-spacing:.02em}.brand-tagline{color:var(--muted);font-size:13px}.progress-steps{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,44px)}.progress-step{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;color:var(--soft);font-size:14px;white-space:nowrap}.progress-step:not(:last-child):after{content:"";position:absolute;top:50%;left:calc(100% + 12px);width:clamp(14px,2vw,34px);height:1px;background:var(--line-strong)}.step-marker{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:50%;background:var(--paper-strong);color:var(--muted);font-weight:700}.step-marker svg{width:21px;height:21px}.progress-step.is-active{color:var(--vermilion-dark);font-weight:700}.progress-step.is-active .step-marker{border-color:var(--vermilion);background:var(--vermilion);color:#fff}.progress-step.is-complete{color:var(--navy);font-weight:650}.progress-step.is-complete .step-marker{border-color:var(--navy);background:var(--navy);color:#fff}.header-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper-strong);font-weight:650}.header-action svg{width:20px;height:20px;color:var(--vermilion)}.header-action:hover{border-color:var(--vermilion)}.header-action.is-member{border-color:#8fa884;background:#f1f7ec;color:#34522d}.header-action.is-member svg{color:#4f7846}.creator-shell,.results-shell{padding:24px clamp(20px,2.5vw,40px) 36px}.creator-surface{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.78fr);max-width:1380px;min-height:calc(100vh - 148px);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 20px 55px #45331f12}.input-pane,.preview-pane{padding:clamp(26px,3vw,44px)}.input-pane{display:flex;flex-direction:column;min-width:0}.preview-pane{display:flex;flex-direction:column;align-items:stretch;border-left:1px solid var(--line);background:#f8f1e8}.section-heading-row,.preview-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--vermilion);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.section-heading-row h1,.preview-heading-row h2,.editor-panel h2,.membership-dialog h2{margin:0;font-family:var(--serif);font-weight:800;letter-spacing:-.015em}.section-heading-row h1{font-size:clamp(30px,3vw,44px);line-height:1.2}.section-heading-row p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.quiet-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--muted)}.quiet-button:hover{color:var(--vermilion-dark)}.source-field{position:relative;display:block;margin-top:26px}.source-field textarea{width:100%;min-height:390px;resize:vertical;padding:22px 22px 48px;border:1px solid var(--line-strong);border-radius:18px;background:var(--paper-strong);color:var(--ink);font-size:15px;line-height:1.85}.source-field textarea:focus{border-color:var(--vermilion);box-shadow:0 0 0 4px #b94f351a}.character-count{position:absolute;right:18px;bottom:16px;color:var(--soft);font-size:12px}.purpose-fieldset{min-width:0;margin:22px 0 0;padding:0;border:0}.purpose-fieldset legend{margin-bottom:12px;font-family:var(--serif);font-size:17px;font-weight:750}.purpose-list{display:flex;flex-wrap:wrap;gap:10px}.purpose-chip{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper-strong);font-size:14px;font-weight:650}.purpose-chip svg{width:19px;height:19px;color:var(--muted)}.purpose-chip:hover,.purpose-chip.is-selected{border-color:var(--vermilion);color:var(--vermilion-dark)}.purpose-chip.is-selected{background:var(--vermilion-soft)}.purpose-chip.is-selected svg{color:var(--vermilion)}.purpose-description{min-height:20px;margin:8px 2px 0;color:var(--muted);font-size:13px}.saved-work-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:13px 14px;border:1px solid #d8c7b6;border-radius:14px;background:#fffaf2}.saved-work-card>div{display:grid;gap:3px;min-width:0}.saved-work-card strong{color:var(--ink);font-size:14px}.saved-work-card span{color:var(--muted);font-size:12px;line-height:1.5}.saved-work-card button{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid var(--vermilion);border-radius:11px;background:var(--paper-strong);color:var(--vermilion-dark);font-weight:750}.primary-generate-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;margin-top:18px;padding:0 150px 0 24px;border:0;border-radius:18px;background:var(--navy);color:#fff;font-family:var(--serif);font-size:21px;font-weight:750;box-shadow:0 14px 28px #17233f2e}.primary-generate-button:hover:not(:disabled){background:#223158;transform:translateY(-1px)}.primary-generate-button svg{width:24px;height:24px}.primary-generate-button small{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px 12px;border-radius:999px;background:#ffffff1a;font-family:inherit;font-size:12px;font-weight:600}.trust-copy{margin:12px 0 0;color:var(--muted);font-size:13px;text-align:center}.manual-row{display:flex;justify-content:center;gap:7px;margin-top:12px;color:var(--muted);font-size:13px}.manual-row button{min-height:28px;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--vermilion-dark);font-weight:700}.status-message{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper-strong);color:var(--muted);font-size:13px}.status-message>div{display:flex;align-items:flex-start;gap:8px}.status-message svg{flex:0 0 auto;width:19px;height:19px}.status-error{border-color:#dfb7aa;background:#fff5f1;color:var(--error)}.status-success{border-color:#b9d2c2;background:#f2faf4;color:var(--success)}.status-message button{min-height:38px;padding:0 12px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;white-space:nowrap;font-weight:700}.preview-heading-row{align-items:center}.preview-heading-row h2{font-size:19px}.preview-heading-row>span{color:var(--muted);font-size:13px}.intro-preview-stage,.selected-card-stage{display:grid;place-items:center}.intro-preview-stage{margin-top:18px}.share-card{position:relative;container-type:inline-size;width:min(100%,440px);overflow:hidden;overflow-wrap:anywhere;border-radius:22px;background-color:#f7efe4;color:var(--ink);box-shadow:0 18px 45px #412b1526;isolation:isolate}.ratio-portrait{aspect-ratio:3 / 4}.ratio-square{aspect-ratio:1 / 1}.ratio-story{aspect-ratio:9 / 16}.card-intro{width:min(100%,332px);background-color:#aa3426;background-image:linear-gradient(rgba(255,248,236,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,248,236,.08) 1px,transparent 1px);background-size:28px 28px;color:#fff8ec}.card-cover{background-color:#f6efe4;background-image:radial-gradient(rgba(80,55,34,.11) .7px,transparent .7px);background-size:9px 9px}.card-plan{background:#eee2d0}.card-risk{background:var(--navy);color:#fff8ec}.card-offer{background:#a94531;color:#fff8ec}.share-card.background-porcelain{background-color:#f7f0e6;background-image:radial-gradient(rgba(80,55,34,.1) .7px,transparent .7px);background-size:9px 9px;color:var(--ink)}.share-card.background-cinnabar{background-color:#a84531;background-image:linear-gradient(rgba(255,248,236,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,248,236,.07) 1px,transparent 1px);background-size:28px 28px;color:#fff8ec}.share-card.background-ink{background-color:#17203d;background-image:radial-gradient(rgba(255,248,236,.12) .75px,transparent .75px);background-size:13px 13px;color:#fff8ec}.share-card.background-apricot{background-color:#efd8c1;background-image:linear-gradient(135deg,rgba(255,255,255,.18),transparent 54%);color:var(--ink)}.share-card.background-custom{background-color:#ece1d2;background-image:linear-gradient(#fbf7f0cc,#fbf7f0db),var(--card-background-image);background-position:center;background-size:cover;color:var(--ink)}.share-card.background-porcelain .card-kicker,.share-card.background-apricot .card-kicker,.share-card.background-custom .card-kicker{color:var(--vermilion)}.share-card.background-porcelain .card-subtitle,.share-card.background-apricot .card-subtitle,.share-card.background-custom .card-subtitle{color:var(--vermilion-dark)}.share-card.background-porcelain .bullet-icon,.share-card.background-apricot .bullet-icon,.share-card.background-custom .bullet-icon{border-color:var(--vermilion);color:var(--vermilion)}.share-card.background-cinnabar .card-kicker,.share-card.background-ink .card-kicker,.share-card.background-cinnabar .card-subtitle,.share-card.background-ink .card-subtitle{color:#f8d7c8}.share-card.background-cinnabar .bullet-icon,.share-card.background-ink .bullet-icon{border-color:#f4b7a5;color:#f4b7a5}.share-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;min-height:0;padding:clamp(24px,5cqw,36px)}.card-meta-row,.card-footer-row{display:flex;justify-content:space-between;gap:12px;font-size:clamp(10px,1.8cqw,13px);letter-spacing:.05em}.card-title-block{margin-top:10cqw;max-width:92%}.card-kicker{color:var(--vermilion);font-size:clamp(11px,1.8cqw,13px);font-weight:750;letter-spacing:.16em}.card-risk .card-kicker,.card-offer .card-kicker{color:#f4b7a5}.card-title-block h2{margin:1.1cqw 0 0;font-family:var(--serif);font-size:clamp(36px,7cqw,50px);font-weight:850;line-height:1.17;letter-spacing:-.035em;white-space:pre-line}.card-intro .card-title-block{margin-top:14cqw;max-width:100%}.card-intro .card-title-block h2{font-size:clamp(32px,6.2cqw,44px)}.card-subtitle{margin:1.7cqw 0 0;color:var(--vermilion-dark);font-family:var(--serif);font-size:clamp(14px,2.5cqw,18px);line-height:1.55}.card-intro .card-subtitle,.card-risk .card-subtitle,.card-offer .card-subtitle{color:#f8d7c8}.card-body{max-width:92%;margin:2.5cqw 0 0;font-size:clamp(14px,2.5cqw,18px);line-height:1.62}.card-bullets{display:grid;gap:clamp(8px,2.1cqw,15px);max-width:92%;margin:clamp(12px,3.2cqw,23px) 0 0;padding:0;list-style:none}.card-bullets li{display:flex;align-items:center;gap:clamp(8px,1.7cqw,12px);min-width:0}.card-bullets li>span:last-child{min-width:0}.bullet-icon{display:grid;flex:0 0 auto;place-items:center;width:clamp(32px,6.4cqw,46px);height:clamp(32px,6.4cqw,46px);border:1px solid var(--vermilion);border-radius:50%;color:var(--vermilion)}.card-risk .bullet-icon,.card-offer .bullet-icon{border-color:#f4b7a5;color:#f4b7a5}.bullet-icon svg{width:52%;height:52%}.card-bullets strong,.card-bullets small{display:block}.card-bullets strong{font-family:var(--serif);font-size:clamp(14px,2.35cqw,17px)}.card-bullets small{margin-top:.3cqw;color:inherit;font-size:clamp(11px,1.7cqw,12px);line-height:1.5;opacity:.76}.card-footer-row{margin-top:auto;padding-top:2.5cqw}.ratio-square .card-title-block{margin-top:5cqw}.ratio-square .card-body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ratio-square .card-bullets li:nth-child(n+3){display:none}.preview-dots{display:flex;justify-content:center;gap:8px;margin:14px 0}.preview-dots span{width:7px;height:7px;border-radius:50%;background:#ded4c8}.preview-dots span.is-active{background:var(--vermilion)}.ai-helper{margin-top:auto;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper-strong)}.ai-helper h3{margin:0 0 11px;font-family:var(--serif);font-size:16px}.ai-helper ul,.member-benefits{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ai-helper li,.member-benefits li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.ai-helper li svg,.member-benefits li svg{flex:0 0 auto;color:var(--vermilion)}.results-shell{max-width:1600px;margin:0 auto}.result-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.result-export-status{margin:-4px 0 16px}.result-export-status .status-message{margin-top:0}.source-summary{display:flex;align-items:center;gap:20px;min-height:46px;padding:0 12px;border:0;background:transparent;color:var(--muted)}.source-summary strong{color:var(--vermilion-dark)}.result-actions{display:flex;gap:10px}.result-actions button,.mobile-result-bar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper-strong);font-weight:650}.result-actions button:hover{border-color:var(--vermilion)}.result-actions .primary-action,.mobile-result-bar .primary-action{border-color:var(--navy);background:var(--navy);color:#fff}.result-workspace{display:grid;grid-template-columns:minmax(205px,236px) minmax(430px,1fr) minmax(310px,360px);min-height:calc(100vh - 192px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 20px 55px #45331f12}.sequence-rail,.editor-panel{padding:22px;background:#f8f3eb}.sequence-rail{border-right:1px solid var(--line)}.editor-panel{border-left:1px solid var(--line)}.add-card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-bottom:8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper-strong);color:var(--vermilion-dark);font-weight:700}.add-card-button:hover:not(:disabled){border-color:var(--vermilion)}.sequence-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:var(--muted);font-size:13px}.sequence-heading strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper-strong);color:var(--ink)}.sequence-list{display:grid;gap:10px;margin-top:8px}.sequence-item{display:grid;grid-template-columns:26px 48px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:82px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--paper-strong);text-align:left}.sequence-item:hover,.sequence-item.is-selected{border-color:var(--vermilion)}.sequence-item.is-selected{background:#fff8f3}.sequence-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--page);color:var(--muted);font-size:12px;font-weight:750}.sequence-visual{display:grid;place-items:center;width:46px;height:58px;border-radius:9px;background:#efe4d5;color:var(--vermilion)}.sequence-risk{background:var(--navy);color:#fff}.sequence-offer{background:var(--vermilion);color:#fff}.sequence-visual svg{width:23px;height:23px}.sequence-copy{min-width:0}.sequence-copy strong,.sequence-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequence-copy strong{font-size:13px}.sequence-copy small{margin-top:4px;color:var(--muted);font-size:11px}.drag-icon{color:var(--soft)}.result-preview-area{display:flex;flex-direction:column;align-items:center;min-width:0;padding:20px clamp(22px,3vw,48px) 18px}.selected-card-stage{flex:1;width:100%}.selected-card-stage .share-card{width:min(100%,480px)}.thumbnail-strip{display:grid;grid-template-columns:repeat(4,minmax(90px,120px));justify-content:center;gap:12px;width:100%;margin-top:16px}.thumbnail-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;aspect-ratio:3 / 4;padding:12px;border:1px solid var(--line);border-radius:14px;background:#efe4d5;text-align:left}.thumbnail-risk{background:var(--navy);color:#fff}.thumbnail-offer{background:var(--vermilion);color:#fff}.thumbnail-card.is-selected{border:2px solid var(--vermilion);box-shadow:0 8px 18px #4b2e161f}.thumbnail-card.background-porcelain{background:#f7f0e6;color:var(--ink)}.thumbnail-card.background-cinnabar{background:#a84531;color:#fff8ec}.thumbnail-card.background-ink{background:#17203d;color:#fff8ec}.thumbnail-card.background-apricot{background:#efd8c1;color:var(--ink)}.thumbnail-card.background-custom{background-color:#ece1d2;background-image:linear-gradient(#fbf7f0bd,#fbf7f0d1),var(--card-background-image);background-position:center;background-size:cover;color:var(--ink)}.thumbnail-card>span svg{width:22px;height:22px}.thumbnail-card strong{font-family:var(--serif);font-size:13px;line-height:1.35}.thumbnail-card small{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffffbf;color:var(--ink)}.preview-position{margin-top:10px;color:var(--soft);font-size:12px}.editor-panel h2{margin-bottom:20px;font-size:20px}.editor-panel>label{position:relative;display:grid;gap:8px;margin-top:16px;color:var(--muted);font-size:13px;font-weight:650}.editor-panel input,.editor-panel textarea,.editor-panel select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper-strong);color:var(--ink)}.editor-panel input,.editor-panel select{min-height:46px;padding:0 13px}.editor-panel textarea{min-height:220px;padding:13px;resize:vertical;line-height:1.72}.editor-panel input:focus,.editor-panel textarea:focus,.editor-panel select:focus{border-color:var(--vermilion);box-shadow:0 0 0 3px #b94f351a}.input-with-count{position:relative}.input-with-count input{padding-right:56px}.input-with-count small,.field-count{color:var(--soft);font-size:11px}.input-with-count small{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-count{justify-self:end;margin-top:-29px;margin-right:10px;pointer-events:none}.bullet-editor{display:grid;gap:8px;margin-top:18px}.bullet-editor-label{color:var(--muted);font-size:13px;font-weight:650}.bullet-editor-row{display:grid;grid-template-columns:24px minmax(72px,.72fr) minmax(0,1.28fr);align-items:center;gap:6px}.bullet-editor-row>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vermilion-soft);color:var(--vermilion-dark);font-size:11px;font-weight:750}.bullet-editor-row label{min-width:0}.bullet-editor-row input{min-height:44px;padding:0 9px;font-size:12px}.style-disclosure{margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper-strong)}.style-disclosure>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 14px;border:0;background:transparent;font-weight:700}.style-disclosure>button svg{transition:transform .16s ease}.style-disclosure>button svg.is-open{transform:rotate(180deg)}.style-fields{padding:4px 14px 16px;border-top:1px solid var(--line)}.style-section{margin-top:14px}.style-section+.style-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.style-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:700}.style-section-heading small{color:var(--soft);font-size:10px;font-weight:600}.ratio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.ratio-option{display:grid;place-items:center;gap:3px;min-width:0;min-height:58px;padding:8px 4px;border:1px solid var(--line);border-radius:11px;background:#fbf8f3;color:var(--ink)}.ratio-option strong{font-family:var(--serif);font-size:15px;line-height:1}.ratio-option span{overflow:hidden;width:100%;color:var(--muted);font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ratio-option:hover,.background-option:hover,.background-upload:hover{border-color:#a9453194;background-color:#fffaf5}.ratio-option.is-selected{border-color:var(--vermilion);background:var(--vermilion-soft);box-shadow:inset 0 0 0 1px #a9453114;color:var(--vermilion-dark)}.ratio-option.is-selected span{color:var(--vermilion-dark)}.ratio-option:focus-visible,.background-option:focus-visible,.background-upload:focus-within{outline:3px solid rgba(185,79,53,.18);outline-offset:2px}.background-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.background-option{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fbf8f3;color:var(--ink);text-align:left}.background-option.is-selected,.background-upload.is-selected{border-color:var(--vermilion);background-color:#fff8f3;box-shadow:inset 0 0 0 1px #a9453112}.background-option>svg,.background-upload>svg:last-child{width:16px;height:16px;color:var(--vermilion)}.background-swatch{width:30px;height:30px;border:1px solid rgba(58,43,31,.14);border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff61}.background-swatch-auto{background:conic-gradient(from 45deg,#f7f0e6 0,#f7f0e6 25%,#efd8c1 0,#efd8c1 50%,#a84531 0,#a84531 75%,#17203d 0)}.background-swatch-porcelain{background-color:#f7f0e6;background-image:radial-gradient(rgba(80,55,34,.18) .7px,transparent .7px);background-size:7px 7px}.background-swatch-cinnabar{background-color:#a84531;background-image:linear-gradient(rgba(255,248,236,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,248,236,.13) 1px,transparent 1px);background-size:9px 9px}.background-swatch-ink{background:#17203d}.background-swatch-apricot{background:#efd8c1}.background-option-copy,.background-option-copy strong,.background-option-copy small,.background-upload span,.background-upload strong,.background-upload small{display:block;min-width:0}.background-option-copy strong,.background-upload strong{overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.background-option-copy small,.background-upload small{margin-top:3px;overflow:hidden;color:var(--soft);font-size:9px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.background-upload{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:58px;margin-top:8px;padding:8px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:12px;background:#fbf8f3;color:var(--ink);cursor:pointer}.background-upload>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;min-height:0;padding:0;border:0;opacity:0;cursor:pointer}.background-upload>svg:first-of-type{width:22px;height:22px;margin-left:4px;color:var(--vermilion-dark)}.style-fields .background-error{margin:8px 0 0;color:#a33527;font-size:11px;line-height:1.45}.style-fields .style-helper{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.mobile-result-bar{display:none}.export-shelf{position:fixed;left:-20000px;top:0;display:grid;gap:20px;width:720px;pointer-events:none}.export-shelf .share-card{width:720px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#17151294}.membership-dialog{position:relative;width:min(100%,460px);padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--paper-strong);box-shadow:0 28px 80px #14100c42}.dialog-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.membership-dialog h2{padding-right:44px;font-size:28px}.membership-dialog>p{margin:12px 0 0;color:var(--muted);line-height:1.7}.member-benefits{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.payment-tabs button{min-height:48px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper-strong);font-weight:700}.payment-tabs button.is-selected{border-color:var(--vermilion);background:var(--vermilion-soft);color:var(--vermilion-dark)}.payment-tabs button:disabled{border-style:dashed;color:var(--soft);cursor:not-allowed;opacity:.72}.dialog-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;margin-top:14px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:750}.checkout-message{padding:10px 12px;border:1px solid #dfb7aa;border-radius:10px;background:#fff5f1;color:var(--error)!important;font-size:12px}.checkout-message.is-success{border-color:#a8c39f;background:#f1f7ec;color:#34522d!important}.payment-qr{display:block;width:180px;height:180px;margin:16px auto 0;border:10px solid white;border-radius:12px;object-fit:contain;box-shadow:0 6px 24px #1e18121f}.membership-dialog>small{display:block;margin-top:12px;color:var(--soft);font-size:11px;line-height:1.55}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-header{grid-template-columns:210px 1fr 140px;gap:12px}.progress-steps{gap:15px}.progress-step:not(:last-child):after{display:none}.result-workspace{grid-template-columns:190px minmax(400px,1fr) 300px}.sequence-item{grid-template-columns:24px 42px minmax(0,1fr)}.drag-icon{display:none}}@media(max-width:960px){.app-header{grid-template-columns:1fr auto;min-height:auto}.progress-steps{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.creator-surface{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr)}.input-pane,.preview-pane{padding:28px}.result-workspace{grid-template-columns:1fr 330px}.sequence-rail{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--line)}.sequence-list{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));overflow-x:auto}.sequence-item{min-width:150px}}@media(max-width:760px){.app-header{position:relative;padding:12px 16px 10px}.brand-name{font-size:22px}.brand-tagline{font-size:11px}.header-action{min-height:44px;padding:0 13px}.header-action span{display:none}.progress-steps{width:100%;gap:0;justify-content:space-between;padding-top:6px}.progress-step{flex-direction:column;gap:5px;min-width:76px;font-size:11px}.step-marker{width:30px;height:30px;font-size:12px}.creator-shell,.results-shell{padding:12px 12px 32px}.creator-surface{display:block;min-height:auto;border-radius:20px}.input-pane,.preview-pane{padding:22px 18px}.preview-pane{border-top:1px solid var(--line);border-left:0}.section-heading-row h1{font-size:30px}.section-heading-row p{font-size:14px}.quiet-button{align-self:flex-start;min-width:44px;padding:0;font-size:0}.quiet-button svg{width:20px;height:20px}.source-field{margin-top:20px}.source-field textarea{min-height:260px;padding:16px 16px 42px;font-size:14px}.purpose-list{display:grid;grid-template-columns:1fr 1fr}.purpose-chip{justify-content:center;padding:0 10px;font-size:13px}.saved-work-card{align-items:stretch;flex-direction:column}.saved-work-card button{width:100%}.primary-generate-button{position:sticky;bottom:12px;z-index:15;min-height:56px;padding:0 100px 0 16px;border-radius:16px;font-size:18px}.primary-generate-button small{right:8px;padding:7px 9px;font-size:10px}.status-message{align-items:stretch;flex-direction:column}.status-message button{min-height:44px}.preview-heading-row{align-items:flex-start}.preview-heading-row h2{font-size:18px}.card-intro{width:min(100%,290px)}.ai-helper{margin-top:18px}.result-command-bar{position:sticky;top:0;z-index:30;align-items:stretch;flex-direction:column;margin:-12px -12px 12px;padding:10px 12px;border-width:0 0 1px;border-radius:0}.source-summary{justify-content:space-between}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions .primary-action{display:none}.result-workspace{display:flex;flex-direction:column;min-height:auto;overflow:visible;border-radius:18px}.sequence-rail{order:1;padding:14px;border-bottom:1px solid var(--line)}.sequence-heading{min-height:36px}.sequence-list{display:flex;gap:8px;padding-bottom:3px;overflow-x:auto;scroll-snap-type:x mandatory}.sequence-item{flex:0 0 178px;min-height:72px;scroll-snap-align:start}.result-preview-area{order:2;padding:18px 0 20px}.selected-card-stage .share-card{width:min(100%,360px)}.selected-card-stage .share-card-copy{padding:5cqw}.selected-card-stage .card-meta-row,.selected-card-stage .card-footer-row{font-size:clamp(8px,1.8cqw,10px)}.selected-card-stage .card-title-block{margin-top:8cqw;max-width:94%}.selected-card-stage .card-kicker{font-size:clamp(9px,1.8cqw,11px)}.selected-card-stage .card-title-block h2{font-size:clamp(24px,7cqw,32px)}.selected-card-stage .card-subtitle{font-size:clamp(10px,2.8cqw,13px)}.selected-card-stage .card-body{max-width:94%;font-size:clamp(9px,2.7cqw,12px)}.selected-card-stage .card-bullets{gap:1.8cqw;max-width:94%;margin-top:2.6cqw}.selected-card-stage .bullet-icon{width:clamp(24px,6.4cqw,32px);height:clamp(24px,6.4cqw,32px)}.selected-card-stage .card-bullets strong{font-size:clamp(10px,2.7cqw,13px)}.selected-card-stage .card-bullets small{font-size:clamp(8px,2.2cqw,10px)}.thumbnail-strip{display:flex;justify-content:flex-start;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory}.thumbnail-card{flex:0 0 96px;min-height:128px;scroll-snap-align:start}.editor-panel{order:3;padding:20px 16px 98px;border-top:1px solid var(--line);border-left:0}.editor-panel textarea{min-height:160px}.mobile-result-bar{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fbf7f0f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-result-bar button{min-height:50px}.membership-dialog{padding:28px 20px 22px;border-radius:20px}.membership-dialog h2{font-size:25px}}@media(max-width:350px){.progress-step{min-width:66px}.purpose-list{grid-template-columns:1fr}.primary-generate-button{justify-content:flex-start}.manual-row{align-items:center;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}