#live-demo-banner{position:sticky;top:0;z-index:41;background:#e7f6ef;border-bottom:1px solid #b8d9c8;color:#123b80;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:13px/1.4 system-ui,sans-serif}.demo-mode-caption{display:flex;align-items:center;gap:10px}.demo-mode-caption strong{letter-spacing:.5px;text-transform:uppercase;font-size:11px}.demo-mode-caption small{color:#416454}.demo-mode-controls{display:flex;align-items:center;gap:8px}.demo-mode-controls label,.demo-mode-controls form{margin:0}.demo-mode-controls select,.demo-mode-controls .btn{min-height:40px;padding:8px 12px;font-size:12px;width:auto}.demo-mode-controls select{max-width:180px;background:#fff}.demo-mode-controls .btn{white-space:nowrap}.demo-mode-intro{text-align:center;max-width:430px;margin:10px auto 22px}.demo-mode-intro img{object-fit:contain}.demo-mode-intro h3{font-size:19px;line-height:1.5}.demo-mode-intro p{color:#54708c;font-size:13px;line-height:1.7}.demo-mode-switch{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;background:#f3f8ff;border:1px solid #cadcf3;border-radius:15px;font-weight:700;color:#123b80;min-height:58px}.demo-mode-switch i{width:44px;height:26px;border-radius:20px;background:#cad4e2;position:relative}.demo-mode-switch i:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #123b8033}.demo-mode-switch[aria-checked=true] i{background:#2b876a}.demo-mode-switch[aria-checked=true] i:before{left:21px}body[data-live-demo] #header{top:var(--demo-banner-height,58px)}body[data-live-demo] #fulli-sidebar{top:calc(var(--demo-banner-height,58px) + 76px);height:calc(100dvh - var(--demo-banner-height,58px) - 76px)}@media(max-width:600px){#live-demo-banner{padding:7px 12px;flex-direction:column;gap:6px;align-items:stretch}.demo-mode-caption{justify-content:space-between;gap:6px}.demo-mode-caption small{font-size:10px}.demo-mode-controls{gap:6px}.demo-mode-controls label{flex:1;min-width:0}.demo-mode-controls select{width:100%;max-width:none;min-height:44px}.demo-mode-controls .btn{min-height:44px;font-size:11px;padding:8px 10px}.demo-mode-intro h3{font-size:17px}}