.builder-card{
  background:#fff; border:1px solid var(--hairline); border-radius:var(--radius);
  box-shadow:0 12px 32px rgba(45,37,77,0.08); padding:26px; display:grid; gap:22px;
  grid-template-columns:1fr;
}
@media(min-width:1180px){ .builder-card{grid-template-columns:1fr 1fr;} }
.builder-label{font-size:12px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-soft); margin:0 0 12px;}
.toggle-list{display:flex; flex-direction:column; gap:8px;}
.toggle-row{
  display:flex; align-items:flex-start; gap:10px;
  background:var(--canvas-alt); border:1px solid var(--hairline);
  border-radius:12px; padding:10px 12px; cursor:pointer; transition:border-color .15s ease;
}
.toggle-row:hover{border-color:var(--indigo);}
.toggle-row input{margin-top:3px; accent-color:var(--indigo);}
.toggle-row .t-title{font-weight:600; font-size:13.5px; color:var(--ink); display:block;}
.toggle-row .t-sub{font-size:12px; color:var(--ink-soft); line-height:1;}
.preview-box{
  background:var(--canvas-alt); border:1px solid var(--hairline); border-radius:12px;
  padding:16px; font-family:var(--mono); font-size:12.5px; color:var(--ink);
  white-space:pre-wrap; min-height:220px; line-height:1.6;
}
.preview-box .ph{color:#A6A9B8; font-style:italic; font-family:var(--body);}
.copy-btn{
  margin-top:10px; font-family:var(--body); font-size:13.5px; font-weight:600;
  padding:10px 16px; border-radius:999px; border:none;
  background:var(--indigo); color:#fff; cursor:pointer; transition:background .15s ease;
}
.copy-btn:hover{background:var(--indigo-dark);}

.split-list{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:18px 0 6px;}
@media(max-width:640px){ .split-list{grid-template-columns:1fr;} }
.split-col{border-radius:16px; padding:18px 20px; border:1px solid var(--hairline);}
.split-col.good{background:var(--mint-tint); border-color:#C6EDD6;}
.split-col.bad{background:var(--red-tint); border-color:#F5D3D4;}
.split-col .tag{display:block; font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:8px;}
.split-col.good .tag{color:#1D8A54;}
.split-col.bad .tag{color:var(--red);}
.split-col ul{margin:0; padding-left:18px; color:var(--ink);}
.split-col li{margin-bottom:6px; font-size:14px;}

.test-box{
  margin-top:16px; padding:16px 18px; border-radius:14px;
  background:var(--indigo-tint); border:1px solid #E1DBFA; font-size:14px; color:var(--ink);
}
.test-box strong{color:var(--indigo);}