.tool.svelte-ofvw3h{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.mode-toggle.svelte-ofvw3h{display:flex;background:var(--bg-elevated);border-radius:var(--radius);padding:3px;border:1px solid var(--border-subtle)}.mode-btn.svelte-ofvw3h{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;transition:all var(--transition) var(--ease-out);border:none;cursor:pointer}.mode-btn.svelte-ofvw3h:hover{color:var(--text-primary)}.mode-btn.active.svelte-ofvw3h{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent-sm)}.input-area.svelte-ofvw3h{flex:1;min-height:280px;padding:var(--space-3);border:none;background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:vertical}.input-area.svelte-ofvw3h:focus{outline:none}.input-area.svelte-ofvw3h::placeholder{color:var(--text-disabled)}.output-content.svelte-ofvw3h{flex:1;min-height:280px;padding:var(--space-3);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow:auto}.error-state.svelte-ofvw3h{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--error-subtle);border-top:1px solid var(--error-muted);color:var(--error);font-size:var(--text-sm)}.error-icon.svelte-ofvw3h{flex-shrink:0;width:18px;height:18px;margin-top:1px}.empty-state.svelte-ofvw3h{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:280px;color:var(--text-tertiary);font-size:var(--text-sm)}.empty-icon.svelte-ofvw3h{width:32px;height:32px;opacity:.5}.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda.svelte-nvsoda{width:100%;margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.seo-content.svelte-nvsoda.svelte-nvsoda:first-child{margin-top:0}.seo-content.svelte-nvsoda h2.svelte-nvsoda{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda h3.svelte-nvsoda{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda p.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda ul.svelte-nvsoda,.seo-content.svelte-nvsoda ol.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-left:var(--space-4);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda li.svelte-nvsoda{margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda strong.svelte-nvsoda{color:var(--text-primary);font-weight:var(--font-medium)}@media (max-width: 768px){.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-6);padding-top:var(--space-6)}.seo-content.svelte-nvsoda.svelte-nvsoda{padding:var(--space-4);margin-top:var(--space-4)}}