.demo.svelte-r1gu7a{background:var(--k-surface-1);border:1px solid var(--k-line-1);box-sizing:border-box;border-radius:12px;width:420px;min-height:380px;padding:24px}.actions.svelte-r1gu7a{gap:8px;margin-bottom:16px;display:flex}.btn.svelte-r1gu7a{background:var(--k-matcha);color:var(--k-code-bg);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.btn-error.svelte-r1gu7a{background:var(--k-shu);color:#fff}.demo.svelte-r1gu7a .viewport{gap:8px;max-width:360px;margin:0;padding:0;list-style:none;display:grid}.demo.svelte-r1gu7a .toast{background:var(--k-code-bg);border:1px solid var(--k-line-2);color:var(--k-ink-1);border-radius:8px;grid-template-columns:1fr auto;gap:4px 8px;padding:12px 14px;display:grid;box-shadow:0 4px 12px #0000004d}.demo.svelte-r1gu7a .toast[data-type=success]{border-left:3px solid var(--k-matcha)}.demo.svelte-r1gu7a .toast[data-type=error]{border-left:3px solid var(--k-shu)}.demo.svelte-r1gu7a .t-title{font-size:14px;font-weight:600}.demo.svelte-r1gu7a .t-desc{color:var(--k-ink-2);font-size:12px}.demo.svelte-r1gu7a .t-close{color:var(--k-ink-3);cursor:pointer;background:0 0;border:none;grid-area:1/2/span 2;padding:0 4px;font-size:18px;line-height:1}.demo.svelte-r1gu7a .t-close:hover{color:var(--k-ink-1)}
