.make-mock-wrap{padding:0;overflow:hidden}.make-mock-wrap .make-mock{max-width:none;box-shadow:none;border:none;border-radius:0}.make-mock{border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:640px;overflow:hidden;box-shadow:0 32px 64px -24px #000000bf,0 0 0 1px #ffffff0a}.make-mock__body{background:#faf8f5;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:360px;display:grid}.make-mock__canvas{background-color:#faf8f5;background-image:radial-gradient(#ddd5c8 1px,#0000 1px);background-size:18px 18px;border-right:1px solid #e8e0d4;padding:1.5rem 1rem;position:relative}.make-mock__flow{justify-content:center;align-items:flex-start;gap:0;margin-top:2.5rem;padding:0 .5rem;display:flex}.make-mock__module{flex-direction:column;flex-shrink:0;align-items:center;width:96px;display:flex}.make-mock__connector{background:#6b2d5c;flex-shrink:0;align-self:center;width:48px;height:2px;margin-top:28px;position:relative}.make-mock__connector:after{content:"";border:4px solid #0000;border-left-color:#6b2d5c;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.make-mock__module-icon{color:#ff7a59;background:#fff;border:2px solid #e0d8cc;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000000f}.make-mock__module-icon--hubspot{color:#ff7a59;background:#fff}.make-mock__module.is-selected .make-mock__module-icon{border-color:#6b2d5c;box-shadow:0 0 0 3px #6b2d5c1f,0 8px 20px #00000014}.make-mock__module-label{text-align:center;color:#333;max-width:110px;margin:.55rem 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;line-height:1.35}.make-mock__module-sub{color:#888;font-size:.625rem;display:block}.make-mock__panel{background:#fff;flex-direction:column;min-width:0;display:flex}.make-mock__panel-header{border-bottom:1px solid #ececec;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.make-mock__panel-icon{border-radius:.4rem;flex-shrink:0;width:2rem;height:2rem;overflow:hidden}.make-mock__panel-icon svg{width:100%;height:100%;display:block}.make-mock__panel-title{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:700;line-height:1.2}.make-mock__panel-subtitle{color:#888;font-size:.6875rem}.make-mock__verified{color:#6b2d5c;background:#f3eaf1;border-radius:9999px;flex-shrink:0;margin-left:auto;padding:.2rem .45rem;font-size:.625rem;font-weight:600}.make-mock__panel-body{padding:.65rem .85rem .75rem;overflow:hidden}.make-mock__field{margin-bottom:.6rem}.make-mock__field--last{margin-bottom:0}.make-mock__field-label{color:#555;margin-bottom:.3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;font-weight:600;display:block}.make-mock__field-input,.make-mock__field-textarea{box-sizing:border-box;color:#6b2d5c;background:#fff;border:1px solid #d5d5d8;border-radius:.35rem;width:100%;padding:.45rem .55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6875rem}.make-mock__field-textarea{resize:none;color:#222;min-height:2.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;line-height:1.45}.make-mock__credential{color:#333;background:#fafafa;border:1px solid #d5d5d8;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.75rem;display:flex}.make-mock__credential-badge{color:#2d8a4e;background:#e8f5ec;border-radius:9999px;padding:.15rem .4rem;font-size:.625rem;font-weight:600}.make-promo-banner{background:#6b2d5c14;border:1px solid #6b2d5c59;border-radius:.75rem;padding:1.25rem 1.5rem}.make-promo-banner__title{color:var(--paper);margin-bottom:.35rem;font-size:1.125rem;font-weight:600}.make-promo-banner__desc{color:var(--muted);font-size:.9375rem;line-height:1.5}@media (width<=640px){.make-mock__body{grid-template-columns:1fr;min-height:auto}.make-mock__canvas{border-bottom:1px solid #e8e0d4;border-right:none;min-height:200px}.make-mock__flow{margin-top:1rem}}