.tool-card.svelte-1vdsv67{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.tool-header.svelte-1vdsv67{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tool-header.svelte-1vdsv67 h3:where(.svelte-1vdsv67){margin:0;color:var(--gray-800)}.mode-toggle.svelte-1vdsv67{display:flex;background-color:var(--gray-100);border-radius:.5rem;padding:.25rem}.mode-btn.svelte-1vdsv67{background:none;border:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--gray-600)}.mode-btn.active.svelte-1vdsv67{background-color:#fff;color:var(--primary);box-shadow:0 1px 2px #0000000d}.mode-btn.svelte-1vdsv67:hover:not(.active){color:var(--gray-800)}.input-section.svelte-1vdsv67,.output-section.svelte-1vdsv67{margin-bottom:1.5rem}.input-label.svelte-1vdsv67,.output-label.svelte-1vdsv67{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.output-header.svelte-1vdsv67{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.text-input.svelte-1vdsv67{width:100%;min-height:150px;padding:1rem;border:2px solid var(--gray-200);border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.text-input.svelte-1vdsv67:focus{outline:none;border-color:var(--primary)}.text-input.output.svelte-1vdsv67{background-color:var(--gray-50);border-color:var(--gray-300)}.error-message.svelte-1vdsv67{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-family:Courier New,monospace;font-size:.875rem}.actions.svelte-1vdsv67{display:flex;justify-content:flex-end}.clear-btn.svelte-1vdsv67{background-color:var(--gray-200);color:var(--gray-700);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-btn.svelte-1vdsv67:hover{background-color:var(--gray-300)}.info-card.svelte-1vdsv67{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.info-card.svelte-1vdsv67 h3:where(.svelte-1vdsv67){margin:0 0 1rem;color:var(--gray-800)}.info-card.svelte-1vdsv67 p:where(.svelte-1vdsv67){margin:0 0 1rem;color:var(--gray-600);line-height:1.6}.examples.svelte-1vdsv67{background-color:var(--gray-50);padding:1rem;border-radius:.5rem;margin-bottom:1rem}.examples.svelte-1vdsv67 h4:where(.svelte-1vdsv67){margin:0 0 .75rem;color:var(--gray-800);font-size:1rem}.examples.svelte-1vdsv67 ul:where(.svelte-1vdsv67){margin:0;padding-left:1.5rem;color:var(--gray-600)}.examples.svelte-1vdsv67 li:where(.svelte-1vdsv67){margin-bottom:.25rem;font-family:Courier New,monospace;font-size:.875rem}.info-card.svelte-1vdsv67 ul:where(.svelte-1vdsv67){margin:0;padding-left:1.5rem;color:var(--gray-600)}.info-card.svelte-1vdsv67 li:where(.svelte-1vdsv67){margin-bottom:.5rem}@media(max-width:768px){.tool-header.svelte-1vdsv67{flex-direction:column;align-items:flex-start}.output-header.svelte-1vdsv67{flex-direction:column;align-items:flex-start;gap:.5rem}}