.playground-layout.svelte-11oa023{display:flex;height:calc(100vh - 4rem);flex-direction:column}.playground-header.svelte-11oa023{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:var(--color-border);padding:1rem 1.5rem}.sample-select.svelte-11oa023{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text)}.sample-select.svelte-11oa023:hover{border-color:var(--color-accent)}.playground-main.svelte-11oa023{display:flex;flex:1 1 0%;overflow:hidden}.playground-editor.svelte-11oa023{display:flex;flex:1 1 0%;flex-direction:column}.editor-tabs.svelte-11oa023{display:flex;border-bottom-width:1px;border-color:var(--color-border);padding-left:1rem;padding-right:1rem;background-color:var(--color-surface)}.editor-tab.svelte-11oa023{border-bottom-width:2px;border-color:transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--color-muted)}.editor-tab.svelte-11oa023:hover{color:var(--color-text)}.editor-tab.active.svelte-11oa023{color:var(--color-accent);border-color:var(--color-accent)}.editor-container.svelte-11oa023{flex:1 1 0%;overflow:hidden}.editor-controls.svelte-11oa023{display:flex;gap:.75rem;border-top-width:1px;border-color:var(--color-border);padding:.75rem 1rem;background-color:var(--color-surface)}.playground-preview.svelte-11oa023{display:flex;width:640px;flex-direction:column;border-left-width:1px;border-color:var(--color-border)}.preview-canvas.svelte-11oa023{display:flex;flex:1 1 0%;align-items:center;justify-content:center;padding:1rem;background-color:var(--color-surface);background-image:radial-gradient(color-mix(in srgb,var(--color-muted) 16%,transparent) 1px,transparent 1px);background-size:20px 20px}.preview-console.svelte-11oa023{height:16rem;border-top-width:1px;border-color:var(--color-border)}