.demo-page.svelte-ksomkq{height:100dvh;min-height:560px;display:flex;flex-direction:column;background:var(--kl-band)}.demo-page.svelte-ksomkq>.hazard:where(.svelte-ksomkq){flex:none}.return-bar.svelte-ksomkq{min-height:44px;padding:env(safe-area-inset-top,0) .9rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;background:var(--kl-surface);border-bottom:1px solid var(--kl-rule);color:var(--kl-text-2);font-size:.875rem;font-weight:600;text-decoration:none;position:relative;z-index:3;transition:background-color .14s ease-out,color .14s ease-out}.return-bar.svelte-ksomkq:hover{background:var(--kl-band);color:var(--kl-fg)}.return-bar.svelte-ksomkq:focus-visible{outline:2px solid var(--kl-focus);outline-offset:-2px}.return-bar.svelte-ksomkq svg:where(.svelte-ksomkq){width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.demo-frame.svelte-ksomkq{position:relative;flex:1;min-height:0;background:#f5f6f7}iframe.svelte-ksomkq{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .18s ease-out}.demo-frame.loaded.svelte-ksomkq iframe:where(.svelte-ksomkq){opacity:1}.loading.svelte-ksomkq{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;color:var(--kl-text-3);font-size:.95rem}.loading-mark.svelte-ksomkq{width:32px;height:32px;border:3px solid var(--kl-rule);border-top-color:var(--kl-orange);border-radius:50%;animation:svelte-ksomkq-spin .7s linear infinite}@keyframes svelte-ksomkq-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.return-bar.svelte-ksomkq,iframe.svelte-ksomkq{transition:none}.loading-mark.svelte-ksomkq{animation-duration:1.4s}}