.tool.svelte-1b17jea{flex-direction:column;gap:0;width:100%;display:flex}.mode-toggle.svelte-1b17jea{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border-subtle);padding:3px;display:flex}.mode-btn.svelte-1b17jea{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);transition:all var(--transition) var(--ease-out);cursor:pointer;background:0 0;border:none;display:flex}.mode-btn.svelte-1b17jea:hover{color:var(--text-primary)}.mode-btn.active.svelte-1b17jea{background:var(--accent);color:#fff}.input-area.svelte-1b17jea{min-height:280px;padding:var(--space-3);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;border:none;flex:1;line-height:1.6}.input-area.svelte-1b17jea:focus{outline:none}.input-area.svelte-1b17jea::placeholder{color:var(--text-disabled)}.output-content.svelte-1b17jea{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);white-space:pre-wrap;word-wrap:break-word;flex:1;line-height:1.6;overflow:auto}.error-state.svelte-1b17jea{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);display:flex}.error-icon.svelte-1b17jea{flex-shrink:0;width:18px;height:18px;margin-top:1px}.empty-state.svelte-1b17jea{justify-content:center;align-items:center;gap:var(--space-2);min-height:280px;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.empty-icon.svelte-1b17jea{opacity:.5;width:32px;height:32px}