.drawing-demo{padding-block:72px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.drawing-demo .section-heading{margin-bottom:30px}.demo-shell{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 18px 55px #2026330b;background:#fff}.demo-banner{padding:14px 24px;display:flex;justify-content:space-between;gap:15px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:1px}.demo-banner span:last-child{color:#c7cbd4;letter-spacing:0}.demo-shell iframe{display:block;width:100%;height:740px;border:0}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.demo-footer p{font-size:13px;color:var(--muted);max-width:560px;margin:0}.demo-footer .button{flex-shrink:0}@media(max-width:800px){.drawing-demo{padding-block:48px}.demo-footer{align-items:flex-start;flex-direction:column}.demo-banner{padding:14px 16px;font-size:10px}.demo-shell iframe{height:960px}}