.demo-float{position:fixed;right:14px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:75;width:min(320px,calc(100vw - 28px));padding:10px;border:1px solid rgba(88,224,180,.24);border-radius:18px;background:rgba(12,24,34,.9);box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .22s ease,opacity .22s ease}.demo-float-main{display:flex;align-items:center;gap:9px}.demo-float-main b{display:block;color:#fff;font-size:11px}.demo-float-main small{display:block;margin-top:2px;color:#91a5b4;font-size:10px}.demo-float-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#58e0b4;box-shadow:0 0 0 5px rgba(88,224,180,.1)}.demo-float-collapse{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:0;border-radius:10px;color:#9eb0bd;background:rgba(255,255,255,.07)}.demo-float-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.demo-float-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid rgba(190,231,235,.12);border-radius:10px;color:#c9d8de;background:rgba(255,255,255,.05);font-size:10px;font-weight:800}.demo-float-actions button:hover,.demo-float-actions button:focus-visible{border-color:rgba(88,224,180,.45);color:#58e0b4}.demo-float-actions i{font-size:11px}.demo-float.collapsed{width:54px;padding:8px;border-radius:16px}.demo-float.collapsed .demo-float-main div,.demo-float.collapsed .demo-float-actions{display:none}.demo-float.collapsed .demo-float-main{justify-content:center}.demo-float.collapsed .demo-float-collapse{margin:0;width:36px}.demo-float.collapsed .demo-float-collapse i{transform:rotate(180deg)}@media(max-width:520px){.demo-float{right:10px;bottom:calc(72px + env(safe-area-inset-bottom))}.demo-float-actions button span{display:none}.demo-float-actions button{min-height:40px}}