.builder{margin-top:48px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:0;background:var(--bone-2);border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px #0000004d}@media(max-width:900px){.builder{grid-template-columns:1fr}}.b-col-label{display:block;letter-spacing:.16em;color:var(--mute);margin-bottom:14px}.b-controls{padding:20px 22px 24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.b-controls{border-right:0;border-bottom:1px solid var(--rule)}}.b-field label,.b-field .b-lab{display:block;font-size:13px;color:var(--mute);margin-bottom:8px}.b-field input[type=text],.b-field select{width:100%;background:var(--bone);border:1px solid var(--rule);border-radius:10px;color:var(--ink);font:inherit;font-size:14.5px;padding:9px 12px}.b-swatches{display:flex;gap:10px}.sw{width:26px;height:26px;border-radius:50%;background:var(--sw);border:2px solid transparent;cursor:pointer}.sw.active{border-color:var(--ink)}.b-check label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);margin-bottom:4px;cursor:pointer}.b-check input{accent-color:var(--primary);width:16px;height:16px}.b-hint{font-size:12px;color:var(--mute)}.b-incident{margin-top:auto;align-self:flex-start}.b-preview{padding:20px 22px 26px;background:color-mix(in srgb,var(--bone-3) 40%,var(--bone-2))}.sp-card{background:var(--bone);border:1px solid var(--rule);border-radius:14px;overflow:hidden;max-width:560px}.sp-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--rule)}.sp-logo{width:26px;height:26px;border-radius:8px;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex:none}.sp-name{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-sub-btn{margin-left:auto;background:transparent;border:1px solid var(--acc);color:var(--acc);border-radius:999px;font-size:12px;padding:5px 12px;cursor:pointer;white-space:nowrap}.sp-banner{padding:11px 18px;font-size:13.5px;font-weight:500;transition:background .4s ease}.sp-banner.ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.sp-banner.warn{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.sp-rows{padding:4px 0}.sp-row{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--rule)}.sp-row:last-child{border-bottom:0}.sp-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex:none;transition:background .3s ease}.sp-dot.down{background:var(--destructive)}.sp-res{font-size:13px;font-weight:500;min-width:64px}.sp-bars{display:flex;gap:2px;flex:1;min-width:0}.sp-cell{flex:1;height:16px;border-radius:2px;background:color-mix(in srgb,var(--success) 55%,var(--bone-3));min-width:2px}.sp-cell.warn{background:var(--warning)}.sp-cell.down{background:var(--destructive)}.sp-pct{font-size:11.5px;color:var(--mute)}.sp-caption{padding:8px 18px 12px;color:var(--mute);letter-spacing:.14em}.sp-updates{border-top:1px dashed var(--rule);padding:10px 18px;display:flex;flex-direction:column;gap:8px}.sp-update{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--warning)}.sp-update.res{color:var(--success)}.sp-when{color:var(--mute);font-size:11px;white-space:nowrap}.sp-foot{border-top:1px solid var(--rule);padding:9px 18px;color:var(--mute)}.sp-card.whitelabel .sp-foot{display:none}@media(max-width:560px){.sp-bars{display:none}.sp-row{justify-content:space-between}}.sp-feats{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:14px;overflow:hidden}@media(max-width:860px){.sp-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sp-feats{grid-template-columns:1fr}}.sp-feat{background:var(--bone-2);padding:20px}.sp-feat b{display:block;font-size:14.5px;font-weight:600}.sp-feat span{display:block;font-size:13px;color:var(--mute);margin-top:4px}.js .sp-feats.reveal .sp-feat{opacity:0;transform:translateY(6px)}.js .sp-feats.reveal.in .sp-feat{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}.js .sp-feats.reveal.in .sp-feat:nth-child(2){transition-delay:.06s}.js .sp-feats.reveal.in .sp-feat:nth-child(3){transition-delay:.12s}.js .sp-feats.reveal.in .sp-feat:nth-child(4){transition-delay:.18s}.js .sp-feats.reveal.in .sp-feat:nth-child(5){transition-delay:.24s}.js .sp-feats.reveal.in .sp-feat:nth-child(6){transition-delay:.3s}@media(prefers-reduced-motion:reduce){.js .sp-feats.reveal .sp-feat{opacity:1;transform:none;transition:none}}.sp-agency{max-width:720px}