.sales-widget-builder-page{padding-top:34px;}
.sales-widget-builder-wrap{max-width:980px;}
.sales-widget-back{display:inline-flex;margin:0 0 12px;color:#59677d;font-size:12px;font-weight:900;text-decoration:none;}
.sales-widget-back:hover{color:#4052c9;text-decoration:underline;}
.sales-widget-builder-intro{padding:26px 28px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f6f8ff);border-color:#dce3f2;box-shadow:0 12px 30px rgba(20,30,80,.06);}
.sales-widget-builder-kicker{margin:0 0 6px;color:#4d5bd5;font-size:10px;font-weight:950;letter-spacing:.15em;}
.sales-widget-builder-intro h1{margin:0;color:#182236;font-size:30px;line-height:1.3;}
.sales-widget-builder-lead{max-width:760px;margin:10px 0 0;color:#5d687c;font-size:14px;line-height:1.8;}
.sales-widget-builder-work{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding:11px 13px;border:1px solid #e0e5ef;border-radius:12px;background:rgba(255,255,255,.8);}
.sales-widget-builder-work span{color:#7c8799;font-size:10px;font-weight:900;letter-spacing:.06em;}
.sales-widget-builder-work strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d3a54;font-size:13px;}
.sales-widget-builder-work code{color:#7b8495;font-size:10px;}
.sales-widget-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;}
.sales-widget-builder-card{padding:20px;}
.sales-widget-builder-step{display:flex;align-items:center;gap:10px;margin-bottom:15px;}
.sales-widget-builder-step>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#eef1ff;color:#4052c9;font-size:13px;font-weight:950;}
.sales-widget-builder-step>div{display:grid;gap:1px;}
.sales-widget-builder-step strong{color:#26334b;font-size:15px;}
.sales-widget-builder-step small{color:#8993a5;font-size:10px;}
.sales-widget-theme-tabs{display:inline-flex;overflow:hidden;margin-bottom:12px;border:1px solid #d7deea;border-radius:9px;background:#fff;}
.sales-widget-theme-tabs a{min-width:76px;padding:7px 12px;border-left:1px solid #d7deea;color:#667085;font-size:11px;font-weight:900;text-align:center;text-decoration:none;}
.sales-widget-theme-tabs a:first-child{border-left:0;}
.sales-widget-theme-tabs a.is-active{background:#4052c9;color:#fff;}
.sales-widget-public-preview{min-height:220px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #d4dbe7;border-radius:13px;background:repeating-linear-gradient(-45deg,#fbfcfe 0,#fbfcfe 10px,#f6f8fb 10px,#f6f8fb 20px);}
.sales-widget-public-preview.is-dark{background:linear-gradient(135deg,#1e263a,#2b3551);border-color:#3e4967;}
.sales-widget-builder-current{margin:9px 0 0;color:#8a94a6;font-size:10px;text-align:center;}
.sales-widget-code{display:block;width:100%;min-height:124px;resize:vertical;border:1px solid #d7deea;border-radius:11px;background:#f8fafc;padding:12px;color:#29364e;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;}
.sales-widget-code:focus{outline:3px solid rgba(64,82,201,.12);border-color:#9eabe5;}
.sales-widget-copy{width:100%;margin-top:11px;justify-content:center;}
.sales-widget-copy.is-copied{background:#167c6a!important;border-color:#167c6a!important;}
.sales-widget-code-note{margin:11px 1px 0;color:#7b8699;font-size:11px;line-height:1.7;}
.sales-widget-builder-error{padding:16px;border:1px dashed #dfc9cf;border-radius:11px;background:#fff8fa;color:#8d3a50;font-size:12px;line-height:1.7;}
.sales-widget-builder-info{margin-top:16px;padding:20px 22px;border-color:#e1e6ef;background:linear-gradient(135deg,#fbfcff,#fff);}
.sales-widget-builder-info-kicker{margin:0 0 4px;color:#4d5bd5;font-size:9px;font-weight:950;letter-spacing:.12em;}
.sales-widget-builder-info h2{margin:0 0 10px;color:#28354d;font-size:18px;line-height:1.45;}
.sales-widget-builder-info>p{margin:8px 0 0;color:#657186;font-size:12px;line-height:1.8;}
.sales-widget-builder-rules-lead{margin-bottom:10px!important;}
.sales-widget-builder-rules{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none;counter-reset:sales-widget-rules;}
.sales-widget-builder-rules li{position:relative;margin:0;padding:9px 11px 9px 34px;border:1px solid #e5e9f1;border-radius:10px;background:#fff;color:#5d697d;font-size:12px;line-height:1.75;counter-increment:sales-widget-rules;}
.sales-widget-builder-rules li::before{content:counter(sales-widget-rules);position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#eef1ff;color:#4052c9;font-size:9px;font-weight:950;}
.sales-widget-builder-info .sales-widget-builder-privacy{padding-top:9px;border-top:1px dashed #dde3ed;color:#7a8597;font-size:11px;}
.sales-widget-builder-policy a{color:#4052c9;font-weight:900;text-decoration:none;}
.sales-widget-builder-policy a:hover{text-decoration:underline;}
@media(max-width:760px){
  .sales-widget-builder-grid{grid-template-columns:1fr;}
  .sales-widget-builder-intro{padding:22px 20px;}
  .sales-widget-builder-intro h1{font-size:25px;}
  .sales-widget-builder-work{grid-template-columns:1fr;gap:4px;}
  .sales-widget-builder-work code{justify-self:start;}
}
@media(max-width:560px){
  .sales-widget-builder-page{padding-top:22px;}
  .sales-widget-builder-intro{padding:18px 15px;}
  .sales-widget-builder-intro h1{font-size:22px;}
  .sales-widget-builder-lead{font-size:13px;}
  .sales-widget-builder-card,.sales-widget-builder-info{padding:16px 13px;}
  .sales-widget-public-preview{min-height:190px;padding:14px;}
  .sales-widget-theme-tabs{display:flex;width:100%;}
  .sales-widget-theme-tabs a{flex:1;}
}