#demoPalPage{position:fixed;z-index:40;inset:0;overflow:auto;background:#071320;color:#e8f7ff;padding:15px;font-family:Arial,sans-serif}#demoPalPage.hidden{display:none!important}.demoWrap{max-width:980px;margin:0 auto}.demoTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.demoTop h1{font-size:24px;margin:10px 0}.demoNote{background:#18354a;padding:12px;border:1px solid #54809b;border-radius:8px;line-height:1.5}.demoGrid{display:flex;flex-wrap:wrap;margin:12px -6px}.demoCard{width:calc(33.33% - 12px);margin:6px;padding:12px;background:linear-gradient(#cbdbe5,#8aa8ba);color:#112b3b;border:3px ridge #f1ffff;border-radius:7px;text-align:center}.demoCard h2{font-size:17px;margin:9px 0}.demoCard p{font-size:13px}.demoCover{height:175px;display:flex;align-items:center;justify-content:center;background:#244052;color:#e8f7ff;border:2px solid #64869b;border-radius:6px}.demoCover img{max-width:100%;max-height:100%;object-fit:contain}.demoLabel{font-size:12px}.demoBack{min-height:44px;padding:9px 15px;background:#c7dbe7;color:#102b40;border:3px outset white;border-radius:6px;font-weight:bold}@media(max-width:680px){.demoCard{width:calc(50% - 12px)}}@media(max-width:400px){.demoCard{width:calc(100% - 12px)}}