.demo.svelte-fsgepw{background:var(--k-surface-1);border:1px solid var(--k-line-1);box-sizing:border-box;border-radius:12px;width:400px;min-height:380px;padding:24px;position:relative}.demo.svelte-fsgepw .trigger{background:var(--k-matcha);color:var(--k-code-bg);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.demo.svelte-fsgepw .trigger:focus{outline:2px solid var(--k-shu);outline-offset:2px}.demo.svelte-fsgepw .panel{background:var(--k-code-bg);border:1px solid var(--k-line-2);color:var(--k-ink-1);border-radius:8px;width:240px;margin-top:8px;padding:16px;box-shadow:0 8px 24px oklch(0% 0 0/.4)}.demo.svelte-fsgepw [data-component-host=popover][data-state=closed]{display:none}.demo.svelte-fsgepw .panel-title{color:#fff;margin:0 0 4px;font-size:14px}.demo.svelte-fsgepw .panel-desc{color:var(--k-ink-3);margin:0 0 12px;font-size:12px}.demo.svelte-fsgepw .links{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.demo.svelte-fsgepw .links button{text-align:left;background:var(--k-surface-2);width:100%;color:var(--k-ink-1);cursor:pointer;border:none;border-radius:4px;padding:6px 8px;font-size:13px}.demo.svelte-fsgepw .links button:hover{background:var(--k-line-1)}.demo.svelte-fsgepw .close{background:var(--k-line-1);color:var(--k-ink-1);cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.state.svelte-fsgepw{color:var(--k-ink-3);margin-top:16px;font-size:13px}.state.svelte-fsgepw code:where(.svelte-fsgepw){color:var(--k-matcha-ink)}