.demo-link-panel{padding:clamp(20px,3vw,34px);margin-bottom:22px}.demo-link-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.demo-link-copy{display:flex;gap:10px;margin:8px 0 24px}.demo-link-copy input{min-width:0;flex:1;font-size:14px}.demo-link-credentials{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-link-credentials input{display:block;width:100%;margin-top:8px;font:500 15px ui-monospace,monospace}.demo-link-panel label{font-weight:600}.demo-link-panel p{line-height:1.7;color:var(--muted,#737783);overflow-wrap:anywhere}.demo-link-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.demo-link-facts span{padding:20px;background:rgba(137,111,237,.07);border-radius:16px}.demo-link-facts b{display:block;font-size:25px;margin-bottom:8px}@media(max-width:640px){.demo-link-copy,.demo-link-status{flex-wrap:wrap}.demo-link-copy input{flex-basis:100%}.demo-link-credentials,.demo-link-facts{grid-template-columns:1fr}}
.demo-mail-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding:22px;border:1px solid #bba4ef40;border-radius:16px;background:#a78bda0c}.demo-mail-card>div{flex:1;min-width:200px}.demo-mail-card strong{font-size:17px}.demo-mail-card p{margin:7px 0 0;font-size:13px}.demo-mail-card>[role=status]{flex-basis:100%;color:var(--text,#393641)}.demo-mail-card button{white-space:normal;line-height:1.5}.demo-mail-card button:disabled{opacity:.55;cursor:wait}