.native-demo-controls{position:fixed;right:20px;bottom:18px;z-index:99999;width:320px;font:12px/1.5 "Segoe UI",sans-serif;color:#18324c;filter:drop-shadow(0 8px 25px #102a4428)}.native-demo-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;background:#102942;color:#fff;border:1px solid #8192a766;border-radius:18px;padding:7px 12px;font:700 11px "Segoe UI",sans-serif;cursor:pointer}.native-demo-toggle i{width:6px;height:6px;background:#5ed9c1;border-radius:50%}.native-demo-toggle span{font-weight:400;color:#b6c8d8}.native-demo-toggle b{margin-left:10px}.native-demo-panel{background:#fff;border:1px solid #d6e0ec;border-radius:10px;margin-top:7px;padding:15px}.native-demo-heading{display:flex;align-items:center;justify-content:space-between}.native-demo-heading strong{font-size:13px}.native-demo-panel button,.native-demo-panel a{cursor:pointer}.native-demo-heading button{background:transparent;border:0;font-size:20px;color:#7b8d9e}.native-demo-panel p{color:#6a7f94;margin:6px 0 12px;font-size:11px}.native-demo-roles{display:flex;border-bottom:1px solid #e3e9f1;padding-bottom:10px;gap:14px}.native-demo-roles a{font-size:11px;color:#184b75;text-decoration:none;font-weight:600}.native-demo-login{display:grid;gap:7px;padding:10px 0;font-size:11px}.native-demo-login button{border:1px solid #d9e3ee;background:#f6f8fb;color:#23425f;padding:6px;border-radius:5px}.native-demo-actions{display:flex;gap:6px}.native-demo-actions button{border:0;background:#13334f;color:#fff;border-radius:5px;padding:8px 10px;font-size:11px}.native-demo-actions button:first-child{flex:1}.native-demo-actions select{width:47px;background:#f6f8fb;border:1px solid #d9e3ee;border-radius:5px;color:#23425f;font-size:11px}.native-demo-panel>small{display:block;font-size:10px;color:#7b8d9e;margin-top:9px}.native-demo-controls.collapsed{width:auto}.native-demo-controls.collapsed .native-demo-panel{display:none}@media(max-width:500px){.native-demo-controls{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}
.native-demo-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px}.native-demo-home{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #c6d6e5;border-radius:18px;background:#fff;color:#18324c;text-decoration:none;font:600 11px 'Segoe UI',sans-serif;white-space:nowrap;box-sizing:border-box}.native-demo-home:hover{background:#eaf3f8}.native-demo-home:focus-visible,.native-demo-toggle:focus-visible{outline:3px solid #56bdb9;outline-offset:3px}.native-demo-toolbar .native-demo-toggle{margin-left:0;min-height:34px;box-sizing:border-box}.native-demo-controls.collapsed .native-demo-home{display:inline-flex}