.demo-grid.svelte-1hm8lb3{grid-template-columns:1fr 1fr;gap:1em;margin:2em 0;display:grid}.controls.svelte-1hm8lb3{background:light-dark(#f0f7ff,#4299e11a);border-radius:8px;align-self:start;padding:1.5em}.button-group.svelte-1hm8lb3{gap:.5em;margin-bottom:1.5em;display:flex}.button-group.svelte-1hm8lb3 button:where(.svelte-1hm8lb3){cursor:pointer;background:light-dark(#fff,#333);border:1px solid light-dark(#ccc,#555);border-radius:4px;justify-content:center;align-items:center;gap:.3em;padding:.2em .5em;font-size:.8em;display:flex}.button-group.svelte-1hm8lb3 button:where(.svelte-1hm8lb3):disabled{opacity:.5;cursor:not-allowed}.button-group.svelte-1hm8lb3 button:where(.svelte-1hm8lb3):not(:disabled):hover{background:light-dark(#f0f0f0,#444)}.tip.svelte-1hm8lb3{color:light-dark(#666,#999);margin:0 0 1em;font-size:.85em}.status.svelte-1hm8lb3{color:light-dark(#666,#aaa);gap:1em;margin-top:1em;font-size:.85em;display:flex}kbd.svelte-1hm8lb3{background:light-dark(#eee,#444);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em}.event-log.svelte-1hm8lb3{box-sizing:border-box;background:light-dark(#f0f7ff,#4299e11a);border-radius:8px;align-self:start;height:100%;padding:1em;overflow-y:auto}.event-log.svelte-1hm8lb3 h4:where(.svelte-1hm8lb3){margin:0 0 .5em}.log-entry.svelte-1hm8lb3{background:light-dark(#fff,#ffffff0d);border-radius:4px;margin-bottom:.5em;padding:.5em;font-size:.85em}.event-name.svelte-1hm8lb3{color:#4299e1;font-weight:700}.time.svelte-1hm8lb3{float:right;color:light-dark(#999,#666)}.log-entry.svelte-1hm8lb3 pre:where(.svelte-1hm8lb3){background:light-dark(#eee,#0000004d);border-radius:2px;margin:.5em 0 0;padding:.3em;font-size:.9em}.no-events.svelte-1hm8lb3{color:light-dark(#999,#666);text-align:center;font-style:italic}