.demo-invitation{padding-block:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.demo-invitation h2{font-size:clamp(1.25rem,3vw,1.75rem);margin:0}
.demo-dialog{box-sizing:border-box;width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid #dce6c8;border-radius:16px;color:var(--text,#203038);background:#fff;overflow:auto}
.demo-dialog::backdrop{background:rgb(0 0 0 / .65)}
.demo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.demo-dialog-head h2{font-size:clamp(1.1rem,3vw,1.5rem);margin:0;min-width:0}
.demo-dialog-head button{flex-shrink:0;white-space:nowrap}
.demo-dialog video{display:block;width:100%;height:auto;max-height:70dvh;background:#142b35;object-fit:contain}
.demo-workspace{padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--form-group-border);border-radius:var(--radius);background:var(--form-group-background)}
.demo-workspace p{margin:.5rem 0 0;max-width:65ch}.demo-invitation .button{min-height:44px}.demo-invitation>div{min-width:0}
@media(max-width:450px){.demo-dialog{padding:12px}.demo-dialog-head{align-items:flex-start}.demo-dialog-head button{padding:10px}}