.sf-demo-modal{width:min(760px,96vw)}.sf-demo-kicker{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:#6f96ff;font-size:9px;font-weight:850;letter-spacing:.14em}.sf-demo-kicker svg{width:18px;height:18px}.sf-demo-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(94,139,255,.2);border-radius:12px;background:linear-gradient(135deg,#3772ff1a,#2ad49a0a);margin-bottom:16px}.sf-demo-intro>svg{width:42px;height:42px;padding:10px;color:#79a0ff;background:#101d2c;border:1px solid rgba(94,139,255,.2);border-radius:12px}.sf-demo-intro strong{display:block;color:var(--sf42-text,#f3f7fb);font-size:15px}.sf-demo-intro p{margin:4px 0 0;color:var(--sf42-muted,#8fa1b8);font-size:11px;line-height:1.55}.sf-demo-success{min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sf-demo-success>svg{width:64px;height:64px;padding:18px;color:#2ad69b;background:#2ad69b1a;border:1px solid rgba(42,214,155,.25);border-radius:18px}.sf-demo-success h3{margin:18px 0 6px}.sf-demo-success p{max-width:590px;color:var(--sf42-muted,#8fa1b8)}.sf-demo-success .field{width:100%;margin-top:18px;text-align:left}.sf-demo-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sf-demo-actions{display:flex;gap:8px;margin-top:15px}@media(max-width:640px){.sf-demo-modal{width:100vw}.sf-demo-link{grid-template-columns:1fr}.sf-demo-actions{width:100%;display:grid;grid-template-columns:1fr}.sf-demo-actions .btn{width:100%}}