*{box-sizing:border-box}body{margin:0}.page{max-width:760px;margin:0 auto;padding:20px 16px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45;color:#303030}body:has(>#root>.page){background:#f1f1f1}.page h1,.page h2{color:#1a1a1a;margin:0}.page h1{font-size:20px}.page h2{font-size:16px}.page p{margin:0}.page a{color:#005bd3}.stack{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border-radius:12px;box-shadow:0 1px #1a1a1a12,0 1px 2px #1a1a1a1f;padding:16px}.muted{color:#616161}.small{font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.template-card{border:1px solid #e3e3e3;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.template-title{font-weight:650;color:#1a1a1a}.template-desc{font-size:12px;color:#616161}.legal h2{margin:20px 0 8px}.legal p{margin-bottom:8px}.faq summary{cursor:pointer;list-style-position:outside}.faq[open] summary{margin-bottom:8px}.preview{border:1px solid #e3e3e3;border-radius:8px;background:#fff;color:#303030;padding:14px;display:flex;flex-direction:column;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4}.preview .small{font-size:12px}.preview .strong{font-weight:600}.preview .faint{color:#8a8a8a}.preview p{margin:0}.preview .fake-line{height:8px;background:#ededed;border-radius:4px}.preview .checkout-error{border:1px solid #e0b4b4;background:#fff5f5;color:#b3261e;border-radius:6px;padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.preview .fake-field{border:1px solid #d9d9d9;border-radius:5px;padding:8px 10px;font-size:12px;color:#707070}.preview .fake-field.error{border-color:#dd1d1d}.preview .field-msg{color:#dd1d1d;font-size:12px;margin-top:-4px}.preview .method{border:1px solid #d9d9d9;border-radius:5px;padding:8px 10px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.preview .method>span{display:inline-flex;align-items:center;gap:4px}.preview .method.hidden{text-decoration:line-through;color:#aaa;border-style:dashed}.preview .method.changed{border-color:#005bd3;background:#eaf4ff}.preview .fake-button{border-radius:6px;padding:3px 10px;background:#1a1a1a;color:#fff;font-weight:600;white-space:nowrap}.preview .progress{height:6px;background:#e3e3e3;border-radius:3px;overflow:hidden}.preview .progress>div{height:100%;background:#1a1a1a}.preview .checkout-banner{border-radius:8px;padding:10px 12px;display:grid;gap:2px;background:#eaf4ff;color:#00365c}.preview .checkout-banner.success{background:#e3f5ea;color:#0c5132}.preview .checkout-banner.warning{background:#fff4e5;color:#5e4200}.preview .checkout-banner.critical{background:#fee9e8;color:#8e1f0b}.preview .link-like{text-decoration:underline;color:#005bd3}
