.live-code-wrapper.svelte-1k7p08l{position:relative;margin:1.5rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.code-display.svelte-1k7p08l{position:relative}.hidden.svelte-1k7p08l{display:none}.code-display.svelte-1k7p08l pre{margin:0;border:none;border-radius:0}.playground-container.svelte-1k7p08l{height:480px;background:var(--color-bg-secondary, #1e1e1e)}.playground-container.svelte-1k7p08l iframe:where(.svelte-1k7p08l){width:100%;height:100%;border:0;display:block}.error-message.svelte-1k7p08l{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;color:#991b1b;border-top:1px solid #fecaca;font-size:.875rem}.error-message-body.svelte-1k7p08l{line-height:1.5}.error-message-actions.svelte-1k7p08l{display:flex;justify-content:flex-end;gap:.5rem}.dark .error-message.svelte-1k7p08l{background:#450a0a;color:#fecaca;border-top-color:#991b1b}.offline-indicator.svelte-1k7p08l{display:inline-flex;align-items:center;font-size:.75rem;color:#b45309;padding:0 .5rem;-webkit-user-select:none;user-select:none}.dark .offline-indicator.svelte-1k7p08l{color:#fbbf24}.live-code-actions.svelte-1k7p08l{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.action-btn.svelte-1k7p08l{padding:.375rem .75rem;font-size:.8125rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center}.action-btn.svelte-1k7p08l:hover{color:var(--color-text);border-color:var(--color-text-muted)}.action-btn-primary.svelte-1k7p08l{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.action-btn-primary.svelte-1k7p08l:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.action-btn.svelte-1k7p08l:disabled{opacity:.6;cursor:wait}.action-btn-sm.svelte-1k7p08l{padding:.25rem .5rem;font-size:.75rem}