#bn-demo{position:fixed;right:18px;top:38%;z-index:99990;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#10263d;isolation:isolate;text-align:left}
#bn-demo *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}
#bn-demo button{cursor:pointer;text-transform:none;font:inherit;transition:background .15s,box-shadow .15s;border:0}
#bn-demo button:focus-visible{outline:3px solid #00a6b4;outline-offset:3px}
#bn-demo-toggle{display:flex;align-items:center;gap:9px;border-radius:14px;padding:13px 15px;background:#10263d;color:#fff;box-shadow:0 5px 22px #0003}
#bn-demo-toggle:hover{background:#1b405a}
#bn-demo-panel{width:320px;max-width:calc(100vw - 32px);background:#fff;color:#10263d;border:1px solid #e0e8ee;border-radius:18px;padding:20px;margin-top:10px;box-shadow:0 14px 48px #0003;max-height:75vh;overflow:auto}
#bn-demo [hidden]{display:none!important}
#bn-demo .bn-demo-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
#bn-demo h2{font-size:19px;line-height:1.3;font-weight:750;margin:0;color:#10263d}
#bn-demo p{font-size:13px;line-height:1.6;margin:12px 0;color:#536477}
#bn-demo-close{background:#eef3f7;color:#10263d;border-radius:50%;width:30px;min-width:30px;height:30px;padding:0;font-size:23px!important;line-height:1}
#bn-demo-palettes{display:grid;gap:8px}
#bn-demo .bn-demo-palette{display:flex;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid #e0e8ee;border-radius:10px;background:#f8fafc;color:#10263d;text-align:left;min-height:46px}
#bn-demo .bn-demo-palette:hover{background:#edf4f8}
#bn-demo .bn-demo-palette[aria-pressed="true"]{border-color:#087f8c;box-shadow:0 0 0 1px #087f8c;background:#eef8f8}
#bn-demo .bn-demo-swatches{display:flex;flex-shrink:0}
#bn-demo .bn-demo-swatch{width:21px;height:21px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0001}
#bn-demo .bn-demo-swatch+.bn-demo-swatch{margin-left:-5px}
#bn-demo .bn-demo-check{margin-left:auto;font-weight:700}
#bn-demo-reset{background:#10263d;color:#fff;width:100%;border-radius:10px;padding:11px;margin-top:14px}
#bn-demo .bn-demo-note{font-size:11px;margin-bottom:0}
#bn-demo-status{font-size:12px;color:#087f8c;margin-top:8px;min-height:18px}
@media(max-width:600px){#bn-demo{top:auto;bottom:18px;right:12px}#bn-demo-toggle{margin-left:auto}#bn-demo-toggle span{display:none}#bn-demo-panel{position:absolute;bottom:60px;right:0;margin:0;max-height:70vh}}
@media print{#bn-demo{display:none!important}}