.sv-toolbar.svelte-1fjh048{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.sv-toolbar-right.svelte-1fjh048{display:flex;align-items:center;gap:var(--space-2)}.sv-bg-label.svelte-1fjh048{font-size:12px;color:var(--text-muted)}.sv-bg-btn.svelte-1fjh048{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sv-bg-btn.active.svelte-1fjh048{border-color:var(--tool-accent);box-shadow:0 0 0 2px var(--tool-accent-dim)}.mode-toggle.svelte-1fjh048{display:flex;background:var(--bg-elevated);border-radius:var(--radius);padding:3px;border:1px solid var(--border)}.mode-btn.svelte-1fjh048{padding:5px 14px;border-radius:calc(var(--radius) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-btn.active.svelte-1fjh048{background:var(--tool-accent);color:#fff;font-weight:600}.sv-error.svelte-1fjh048{margin-bottom:var(--space-3);color:var(--error);font-size:13px;padding:var(--space-3) var(--space-4);background:#ef444414;border-radius:var(--radius)}.sv-workspace.svelte-1fjh048{display:grid;gap:var(--space-4);height:calc(100vh - 320px);min-height:400px}.sv-workspace.split.svelte-1fjh048{grid-template-columns:1fr 1fr}.sv-workspace.code-only.svelte-1fjh048,.sv-workspace.preview-only.svelte-1fjh048{grid-template-columns:1fr}@media(max-width:700px){.sv-workspace.split.svelte-1fjh048{grid-template-columns:1fr}}.sv-pane.svelte-1fjh048{display:flex;flex-direction:column;overflow:hidden}.sv-editor.svelte-1fjh048{flex:1;resize:none;border:none;outline:none;padding:var(--space-4);font-family:var(--font-mono);font-size:13px;line-height:1.65;background:var(--bg-base);color:var(--text-primary);tab-size:2;overflow:auto}.sv-preview.svelte-1fjh048{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.sv-preview.svelte-1fjh048 svg{max-width:100%;max-height:100%}