.demo-panel{position:fixed;left:12px;bottom:12px;z-index:50;width:360px;max-height:calc(100vh - 80px);overflow:auto;background:#fffdf5;color:#22313e;border:1px solid #f2c12e;border-radius:8px;box-shadow:0 6px 24px #0003;font-size:12px;line-height:1.45}.demo-panel header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff3bf;border-bottom:1px solid #f2c12e}.demo-panel header button{border:0;background:none;font-size:16px;cursor:pointer;padding:0 4px}.demo-panel p,.demo-panel table,.demo-panel details,.demo-panel footer{margin:8px 10px}.demo-panel table{width:calc(100% - 20px);border-collapse:collapse}.demo-panel th{text-align:left;font-weight:600;color:#6c757d;padding:2px 4px}.demo-panel td{padding:3px 4px;border-top:1px solid #f1e5b5}.demo-panel td button,.demo-panel footer button{border:1px solid #ced4da;background:#fff;border-radius:5px;padding:2px 8px;cursor:pointer;font-size:12px}.demo-panel ol{margin:6px 0 0;padding-left:18px}.demo-panel li{margin-bottom:4px}.demo-panel summary{cursor:pointer;font-weight:600}.demo-tab{position:fixed;left:244px;bottom:12px;z-index:50;background:#fff3bf;border:1px solid #f2c12e;border-radius:16px;padding:5px 12px;font-size:12px;cursor:pointer;box-shadow:0 2px 8px #0002}@media(max-width:900px){.demo-panel{width:calc(100vw - 24px)}.demo-tab{left:12px}}