.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.modal.show{opacity:1;visibility:visible}.modal-content{background:var(--bg-card, #fff);border-radius:12px;max-width:90%;max-height:85vh;overflow-y:auto;padding:1.5rem;box-shadow:0 4px 30px #0003;position:relative}.modal-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.demo-modal-content{max-width:90%;width:960px;height:80vh;display:flex;flex-direction:column}.demo-modal-close{position:absolute;top:10px;right:15px;font-size:1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer}.demo-modal-title{margin-top:0;margin-bottom:.5rem;font-size:1.2rem}.demo-iframe-el{flex:1;border:1px solid var(--border);border-radius:4px;background:#fff}