.demo-toast{position:fixed;right:22px;bottom:22px;z-index:200;display:none;max-width:min(440px,calc(100vw - 44px));padding:12px 14px;border:1px solid #d7e2f1;border-radius:8px;background:#fff;color:#102c57;box-shadow:0 22px 54px rgba(7,23,55,.18);font:850 13px/1.4 Inter,system-ui,"Segoe UI",Arial,sans-serif}
.demo-toast.show{display:flex;align-items:center;gap:10px}
.demo-toast i{color:#0868ff}
.demo-modal{position:fixed;inset:0;z-index:190;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(6,24,61,.48);backdrop-filter:blur(8px)}
.demo-modal.open{display:flex}
.demo-dialog{width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid #dfe7f3;border-radius:8px;background:#fff;box-shadow:0 30px 90px rgba(7,23,55,.28);font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif}
.demo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef3fa;background:#fbfdff}
.demo-dialog-head h3{margin:0;color:#06183d;font-size:18px}
.demo-close{width:38px;height:38px;border:1px solid #d7e2f1;border-radius:8px;background:#fff;color:#0868ff;cursor:pointer}
.demo-dialog-body{padding:16px;color:#243552}
.demo-dialog-body p{margin:0 0 12px;color:#65728a;line-height:1.55}
.demo-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;margin-top:12px}
.demo-kv span{padding:10px;border:1px solid #eef3fa;border-radius:8px;background:#f8fbff;font-size:12px}
.demo-kv span:nth-child(odd){color:#65728a;font-weight:850}
.demo-kv span:nth-child(even){color:#06183d;font-weight:950;overflow-wrap:anywhere}
.demo-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid #eef3fa;background:#fbfdff}
.demo-action-btn{min-height:40px;border:0;border-radius:8px;background:#0868ff;color:#fff;padding:0 13px;font-weight:950;cursor:pointer}
.demo-action-btn.secondary{border:1px solid #d7e2f1;background:#fff;color:#0868ff}
.demo-flash{outline:4px solid rgba(8,104,255,.16);transition:outline .25s ease}
@media(max-width:620px){.demo-kv{grid-template-columns:1fr}.demo-dialog-actions{display:grid}.demo-action-btn{width:100%}}