.hm-demo-intro{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0 .75rem}.hm-demo-intro p{flex:1 1 20rem;margin:0;max-width:65ch}.hm-demo-intro button,.hm-demo-panel button,.hm-demo-panel select{font:inherit;border:1px solid var(--ink,#203d35);border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;background:var(--paper,#faf8f1);color:var(--ink,#203d35);transition:background .18s,transform .18s,box-shadow .18s}.hm-demo-intro button{background:var(--ink,#203d35);color:#fff}.hm-demo-intro button:hover,.hm-demo-panel button:hover{box-shadow:0 3px 0 #203d3526;transform:translateY(-2px)}.hm-demo-intro button:active,.hm-demo-panel button:active{transform:translateY(1px);box-shadow:none}.hm-demo-intro button:focus-visible,.hm-demo-panel button:focus-visible,.hm-demo-panel select:focus-visible{outline:3px solid #e88360;outline-offset:3px}.hm-demo-intro button:disabled,.hm-demo-panel button:disabled,.hm-demo-panel select:disabled{opacity:.65;cursor:wait;transform:none}.hm-demo-panel{margin:1rem 0 2rem;border:1px solid #abb8a6;border-radius:.75rem;background:#f8f7f1;overflow:hidden;width:100%;min-width:0;box-shadow:0 12px 40px #203d350f}.hm-demo-panel[hidden],.hm-demo-panel [hidden],.hm-demo-intro [hidden]{display:none}.hm-demo-panel .demo-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:1rem;background:#e8eddf;border-bottom:1px solid #cdd5c5}.hm-demo-panel .demo-toolbar p{font-weight:600;flex:1 1 17rem;margin:0}.hm-demo-panel>p,.hm-demo-status{margin:.75rem 1rem;font-size:.9rem;color:#51634e}.hm-demo-panel>p[data-error=true]{color:#8a3224}.hm-demo-panel>ol{display:flex;gap:.75rem 2rem;flex-wrap:wrap;margin:.75rem 1rem 1rem 2.5rem;padding:0;font-size:.9rem;line-height:1.5}.hm-demo-panel>ol li{flex:1 1 15rem}.hm-demo-panel iframe{display:block;border:0;border-top:1px solid #cdd5c5;width:100%;height:720px;background:#fff}.hm-demo-notice{font-size:.85rem;color:#51634e;margin:.5rem 0 1rem}.hm-demo-fallback{margin-top:1.25rem}@media(max-width:600px){.hm-demo-panel .demo-toolbar{padding:.75rem}.hm-demo-panel .demo-toolbar button,.hm-demo-panel .demo-toolbar select{padding:.65rem .75rem;font-size:.875rem}.hm-demo-panel iframe{height:650px}.hm-demo-panel>ol{display:block}.hm-demo-panel>ol li+li{margin-top:.35rem}.hm-demo-intro button{width:100%}}@media(prefers-reduced-motion:reduce){.hm-demo-intro button,.hm-demo-panel button,.hm-demo-panel select{transition:none;transform:none!important}}