.platform-macros-display{margin-top:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.platform-macros-display h3{margin:0 0 .75rem;font-size:.938rem;font-weight:600;color:#1a1a1a;letter-spacing:-.2px}.macros-description{margin-bottom:1.25rem;font-size:.813rem;color:#6b7280;line-height:1.5}.macros-grid{display:flex;flex-direction:column;gap:1rem}.macro-category{display:flex;flex-direction:column;gap:.5rem}.macro-category strong{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.macro-tags{display:flex;flex-wrap:wrap;gap:.5rem}.macro-tag{padding:.375rem .75rem;background:#fff;border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:.813rem;color:#1a1a1a;border:1px solid #e5e7eb;font-weight:500}.example-url{margin-top:1.25rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.example-url strong{display:block;margin-bottom:.75rem;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.example-url code{display:block;font-family:SF Mono,Monaco,monospace;font-size:.813rem;color:#1a1a1a;word-break:break-all;line-height:1.6;background:#f9fafb;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb}.setup-container{min-height:100vh;background:linear-gradient(to bottom,#fff,#f8f9fa);padding:3rem 1.5rem;color:#1a1a1a}.setup-header{text-align:center;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.setup-header h1{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.5px}.setup-subtitle{font-size:1rem;color:#6b7280;font-weight:400}.setup-content{max-width:900px;margin:0 auto}.setup-section{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.setup-section h2{margin:0 0 2rem;font-size:1.25rem;font-weight:600;color:#1a1a1a;letter-spacing:-.25px}.form-group{margin-bottom:1.75rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group label .optional{font-weight:400;color:#9ca3af;font-size:.813rem;margin-left:.25rem}.form-help{margin-top:.5rem;font-size:.813rem;color:#6b7280;line-height:1.5}.form-help code{font-family:ui-monospace,monospace;font-size:.75rem;background:#f3f4f6;padding:.125rem .25rem;border-radius:4px}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.938rem;background:#fff;color:#1a1a1a;transition:all .2s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-control::placeholder{color:#9ca3af}textarea.form-control{resize:vertical;min-height:100px;font-family:SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.setup-actions{text-align:center;margin-top:2.5rem}.start-btn{padding:.875rem 2.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:10px;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px}.start-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.start-btn:active{transform:translateY(0)}.script-textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,monospace;font-size:.813rem}.clear-btn{display:block;margin:1rem auto 0;padding:.5rem 1rem;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer;transition:color .2s,border-color .2s}.clear-btn:hover{color:#374151;border-color:#d1d5db}@media (max-width: 768px){.setup-container{padding:2rem 1rem}.setup-header h1{font-size:1.75rem}.setup-section{padding:1.75rem}.form-row{grid-template-columns:1fr;gap:1.75rem}.start-btn{width:100%;padding:1rem}}.presell-container{min-height:100vh;background:linear-gradient(to bottom,#fff,#f8f9fa);color:#1a1a1a;padding:3rem 1.5rem}.presell-header{text-align:center;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.presell-header h1{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.5px}.presell-subtitle{font-size:1rem;color:#6b7280;font-weight:400;margin-bottom:1rem}.presell-info{margin-top:1.5rem;padding:1rem 1.25rem;background:#f3f4f6;border-radius:10px;font-size:.875rem;display:inline-block;color:#374151}.presell-info code{background:#e5e7eb;padding:.25rem .5rem;border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:.813rem;color:#1a1a1a;font-weight:500}.presell-success{margin-top:1rem;padding:.75rem 1rem;background:#ecfdf5;border:1px solid #10b981;border-radius:10px;font-size:.875rem;color:#059669;font-weight:500;display:inline-block}.presell-journey-badge{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;margin-left:.5rem}.presell-content{max-width:900px;margin:0 auto;cursor:pointer}.presell-hero{display:block;text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;text-decoration:none;color:inherit}.presell-hero:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#d1d5db}.presell-hero h2{font-size:2.5rem;font-weight:700;margin-bottom:1.25rem;color:#1a1a1a;letter-spacing:-.75px}.presell-hero p{font-size:1.125rem;margin-bottom:2.5rem;color:#6b7280;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.presell-features{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-top:2.5rem}.feature{display:flex;align-items:center;gap:.625rem;font-size:1rem;color:#374151;font-weight:500}.feature-icon{font-size:1.25rem;font-weight:600;color:#10b981}.presell-footer{text-align:center;margin-top:3rem;padding:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.presell-footer .continue-btn{margin-bottom:.5rem}.presell-footer .continue-btn-secondary{margin-left:.75rem}.continue-btn{display:inline-block;padding:.875rem 2.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:10px;font-size:.938rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;letter-spacing:-.2px;margin-bottom:1rem}.continue-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.continue-btn-secondary{background:#374151}.continue-btn-secondary:hover{background:#1f2937}.continue-btn:active{transform:translateY(0)}.presell-hint{font-size:.813rem;color:#9ca3af;margin-top:.75rem}@media (max-width: 768px){.presell-container{padding:2rem 1rem}.presell-header h1{font-size:1.75rem}.presell-hero{padding:3rem 1.5rem}.presell-hero h2{font-size:1.875rem}.presell-hero p{font-size:1rem}.presell-features{flex-direction:column;gap:1.25rem}.continue-btn{width:100%;padding:1rem}.presell-footer .continue-btn-secondary{margin-left:0}}.checkout-container{min-height:100vh;background:linear-gradient(to bottom,#fff,#f8f9fa);padding:3rem 1.5rem}.checkout-header{text-align:center;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.checkout-header h1{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.5px}.checkout-config-info{margin-top:1.5rem;padding:1.25rem;background:#f3f4f6;border-radius:12px;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.checkout-config-info p{margin:0;color:#374151;font-size:.875rem}.product-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.info-item{display:flex;flex-direction:column;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.info-label{font-weight:500;color:#6b7280;margin-bottom:.5rem;font-size:.813rem;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#1a1a1a;font-size:1rem;font-weight:600}.checkout-content{max-width:900px;margin:0 auto}.checkout-section{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.checkout-section h2{margin:0 0 2rem;color:#1a1a1a;font-size:1.25rem;font-weight:600;letter-spacing:-.25px}.info-text{color:#6b7280;margin-bottom:1.5rem;font-size:.938rem;line-height:1.6}.params-display{background:#f9fafb;border-radius:12px;padding:1.25rem;max-height:400px;overflow-y:auto;border:1px solid #e5e7eb}.no-params{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:.938rem}.param-item{display:flex;padding:.875rem;border-bottom:1px solid #e5e7eb}.param-item:last-child{border-bottom:none}.param-key{font-weight:600;color:#6366f1;min-width:150px;font-size:.875rem}.param-value{color:#374151;word-break:break-all;font-size:.875rem;font-family:SF Mono,Monaco,monospace}.postback-url-display{background:#f9fafb;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border:1px solid #e5e7eb}.postback-url-display code{flex:1;min-width:300px;font-size:.813rem;word-break:break-all;color:#1a1a1a;font-family:SF Mono,Monaco,monospace;background:#fff;padding:.75rem 1rem;border-radius:8px;border:1px solid #e5e7eb}.copy-btn{padding:.625rem 1.25rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.copy-btn:hover{background:#000;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.checkout-actions{text-align:center;margin:2.5rem 0}.purchase-btn{padding:1rem 3rem;background:#1a1a1a;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px}.purchase-btn:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.purchase-btn:active:not(:disabled){transform:translateY(0)}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.result-section{background:#f0f9ff;border:2px solid #3b82f6}.result-display{background:#fff;border-radius:12px;padding:1.25rem;white-space:pre-wrap;word-break:break-word;color:#1a1a1a;margin:0;font-family:SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.6;border:1px solid #e5e7eb}@media (max-width: 768px){.checkout-container{padding:2rem 1rem}.checkout-header h1{font-size:1.75rem}.checkout-section{padding:1.75rem}.postback-url-display{flex-direction:column;align-items:stretch}.postback-url-display code{min-width:auto}.purchase-btn{width:100%;padding:1rem}}.app{min-height:100vh;background-color:#fafafa}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem}.nav-brand{font-weight:600;color:#1a1a1a;text-decoration:none;font-size:1.125rem}.nav-brand:hover{color:#374151}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem .75rem;border-radius:8px;text-decoration:none;color:#6b7280;font-size:.875rem;font-weight:500}.nav-link:hover{color:#1a1a1a;background:#f3f4f6}.nav-link.active{color:#1a1a1a;background:#e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#1a1a1a}#root{min-height:100vh}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace}
