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