#demo-web-invaders,#demo-web-invaders *{box-sizing:border-box}#demo-web-invaders.popup-demo{margin:0 auto;padding:32px;background:#bf560f1c;border-radius:12px;color:#252525;font-family:system-ui,sans-serif}#demo-web-invaders .popup-demo__intro h1{margin:0 0 8px;font-size:28px}#demo-web-invaders .popup-demo__intro p{margin:0 0 24px}#demo-web-invaders .popup-demo__actions{display:flex;flex-wrap:wrap;gap:10px}#demo-web-invaders .popup-demo__actions button,.webi-popup button{cursor:pointer}#demo-web-invaders .popup-demo__actions button{padding:10px 16px;border:1px solid #252525;border-radius:6px;background:#fff;color:#252525;font:inherit}#demo-web-invaders .popup-demo__message{min-height:24px;margin:20px 0 0;font-weight:600}.webi-popup-overlay,.webi-popup-overlay *{box-sizing:border-box}.webi-popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.webi-popup-overlay.is-visible{opacity:1;pointer-events:auto}.webi-popup{width:100%;max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.35);color:#222;font-family:system-ui,sans-serif;transform:translateY(12px) scale(.98);transition:transform .2s ease}.webi-popup-overlay.is-visible .webi-popup{transform:translateY(0) scale(1)}.webi-popup__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #ddd}.webi-popup__title{margin:0;font-size:20px}.webi-popup__close{padding:2px 8px;border:0;background:0 0;color:#222;font-size:28px;line-height:1}.webi-popup__content{padding:22px}.webi-popup__content p{margin:0}.webi-popup__field{display:grid;gap:8px}.webi-popup__field input{width:100%;padding:10px;border:1px solid #aaa;border-radius:6px;font:inherit}.webi-popup__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid #ddd}.webi-popup__button{padding:10px 16px;border:1px solid #aaa;border-radius:6px;background:#fff;color:#222;font:inherit}.webi-popup__button.primary{border-color:#222;background:#222;color:#fff}.webi-popup__button.danger{border-color:#a51818;background:#a51818;color:#fff}@media (max-width:640px){#demo-web-invaders.popup-demo{padding:20px}#demo-web-invaders .popup-demo__actions{display:grid}.webi-popup-overlay{padding:12px}.webi-popup{max-height:calc(100vh - 24px)}.webi-popup__footer{flex-wrap:wrap}}