#demo-bar{position:fixed;bottom:0;left:0;right:0;z-index:100000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#201b40;color:#fff;border-top:1px solid #625889;font:12px/1.4 system-ui}#demo-bar>div{display:flex;gap:14px;align-items:center}#demo-bar span{color:#d2cde4}#demo-bar button,#demo-guide button{font:600 12px system-ui;border:1px solid #cbc4e5;border-radius:8px;padding:8px 12px;background:#fff;color:#382772;cursor:pointer}#demo-guide{position:fixed;right:24px;bottom:76px;width:min(330px,calc(100vw - 48px));padding:24px;background:#fff;color:#221936;border:1px solid #d5cbed;border-radius:18px;box-shadow:0 12px 40px #21143b33;z-index:99999;font:14px/1.6 system-ui}#demo-guide[hidden],#demo-notice[hidden]{display:none}#demo-guide small{color:#65529c;font-weight:700}#demo-guide h2{font-size:21px;line-height:1.25;margin:12px 0}#demo-guide p{color:#645c72}#demo-guide>div{display:flex;justify-content:space-between}#demo-guide .demo-close{position:absolute;right:10px;top:8px;padding:4px 9px;background:transparent;border:0;font-size:20px}#demo-notice{position:fixed;left:50%;transform:translateX(-50%);bottom:80px;z-index:100001;background:#201b40;color:white;border-radius:10px;padding:14px 22px;max-width:90vw;font:14px system-ui}body{padding-bottom:54px!important}@media(max-width:700px){#demo-bar span{display:none}#demo-bar{padding:8px}#demo-bar>div{gap:6px}#demo-bar strong{max-width:130px}#demo-guide{right:12px;bottom:85px}}@media(prefers-reduced-motion:reduce){#demo-guide{scroll-behavior:auto}}