.demo-section{padding-top:35px;padding-bottom:35px}.demo-shell{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:420px;display:grid;place-items:center}#demo-placeholder{text-align:center;padding:36px;max-width:650px}.demo-shell iframe{width:100%;height:650px;border:0;background:#000}.demo-shell iframe[hidden]{display:none}.demo-shell:fullscreen iframe{height:100vh}.demo-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:18px}.demo-actions button{color:#eff5ff;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 15px;cursor:pointer}.demo-section .button{cursor:pointer;border:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:bold;color:var(--green)}@media(max-width:720px){.demo-shell{min-height:350px}.demo-shell iframe{height:70svh;min-height:420px}#demo-placeholder{padding:22px}.page-hero h1{font-size:2rem}}