.frame.svelte-34f5fr{background:var(--k-surface-1);border:1px solid var(--k-line-1);border-radius:var(--k-radius-md);place-items:center;min-height:280px;padding:32px;display:grid;position:relative;overflow:hidden}.grid.svelte-34f5fr{background-image:linear-gradient(to right, var(--k-line-1) 1px, transparent 1px), linear-gradient(to bottom, var(--k-line-1) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 75%);mask-image:radial-gradient(circle,#000 0,#0000 75%)}.canvas.svelte-34f5fr{z-index:1;justify-content:center;align-items:center;width:100%;max-width:640px;display:flex;position:relative}.canvas.svelte-34f5fr .demo{color:var(--k-ink-2);background:var(--k-surface-0)!important;border:1px solid var(--k-line-1)!important;border-radius:var(--k-radius-md)!important}.canvas.svelte-34f5fr button[aria-pressed],.canvas.svelte-34f5fr button[role=switch]{background:var(--k-surface-2);color:var(--k-ink-1);border:1px solid var(--k-line-2);border-radius:var(--k-radius-sm);font:inherit;cursor:pointer;min-width:80px;padding:10px 18px;transition:background .12s,border-color .12s}.canvas.svelte-34f5fr button[aria-pressed=true],.canvas.svelte-34f5fr button[role=switch][aria-checked=true]{background:var(--k-shu);border-color:var(--k-shu);color:#fff}.canvas.svelte-34f5fr button[aria-disabled=true],.canvas.svelte-34f5fr [data-disabled]{opacity:.45;cursor:not-allowed}.canvas.svelte-34f5fr input[type=checkbox],.canvas.svelte-34f5fr input[type=radio]{accent-color:var(--k-shu)}.canvas.svelte-34f5fr .state,.canvas.svelte-34f5fr .meta{color:var(--k-ink-3);font-size:13px;font-family:var(--k-font-mono,monospace)}.canvas.svelte-34f5fr .state code{color:var(--k-matcha-ink)}.canvas.svelte-34f5fr .log{background:var(--k-code-bg)!important;border:1px solid var(--k-code-line)!important;color:var(--k-ink-3)!important}.canvas.svelte-34f5fr label.control{color:var(--k-ink-3);font-size:13px}.canvas.svelte-34f5fr button.ext{color:var(--k-ink-2);border-color:var(--k-line-2)!important;background:0 0!important}.canvas.svelte-34f5fr code{color:inherit;background:0 0;border:0;padding:0;font-size:.85em}
