.page-wrapper.svelte-8vakmc{display:flex;flex-direction:column;min-height:calc(100vh - 70px)}header.svelte-8vakmc{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden}header.svelte-8vakmc h1:where(.svelte-8vakmc){margin:0;font-size:2.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}header.svelte-8vakmc p:where(.svelte-8vakmc){margin:.5rem 0 0;font-size:1.1rem;opacity:.9}main.svelte-8vakmc{flex:1;padding:2rem 1rem;background-color:#f8fafc}.container.svelte-8vakmc{max-width:1000px;margin:0 auto}.card.svelte-8vakmc{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000000d;margin-bottom:2rem}.mode-selector.svelte-8vakmc{display:flex;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.mode-selector.svelte-8vakmc button:where(.svelte-8vakmc){flex:1;padding:1rem;border:none;background-color:#f3f4f6;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-selector.svelte-8vakmc button.active:where(.svelte-8vakmc){background-color:#64748b;color:#fff}.mode-selector.svelte-8vakmc button:where(.svelte-8vakmc):hover:not(.active){background-color:#e5e7eb}.text-container.svelte-8vakmc{display:flex;flex-direction:column;gap:1.5rem}.section-header.svelte-8vakmc{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header.svelte-8vakmc h2:where(.svelte-8vakmc){font-size:1.2rem;margin:0;color:#333;border-left:3px solid #64748b;padding-left:.5rem}.button-container.svelte-8vakmc{display:flex;gap:.5rem}.action-button.svelte-8vakmc{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background-color:#64748b;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.action-button.svelte-8vakmc:hover{background-color:#475569}.action-button.svelte-8vakmc:disabled{background-color:#d1d5db;cursor:not-allowed}.action-button.clear.svelte-8vakmc{background-color:#94a3b8}.action-button.clear.svelte-8vakmc:hover{background-color:#64748b}.icon.svelte-8vakmc{font-size:1rem}.textarea-container.svelte-8vakmc{width:100%}textarea.svelte-8vakmc{width:100%;padding:1rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;line-height:1.5;resize:vertical;min-height:120px;box-shadow:0 2px 4px #0000000d}textarea.svelte-8vakmc:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 2px #64748b33}.result-container.svelte-8vakmc{padding:1rem;min-height:120px;border:1px solid #ddd;border-radius:.5rem;background-color:#f9fafb;box-shadow:0 2px 4px #0000000d}.result.svelte-8vakmc{font-size:1rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.placeholder.svelte-8vakmc{color:#9ca3af;font-style:italic}.examples.svelte-8vakmc{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.examples.svelte-8vakmc h3:where(.svelte-8vakmc){font-size:1.2rem;margin:0 0 1rem;color:#333}.example-list.svelte-8vakmc{display:flex;flex-direction:column;gap:.8rem}.example-item.svelte-8vakmc{display:flex;align-items:center;gap:1rem;padding:.8rem;background-color:#f9fafb;border-radius:.5rem}.example-input.svelte-8vakmc,.example-output.svelte-8vakmc{padding:.5rem .8rem;border-radius:.3rem}.example-input.svelte-8vakmc{background-color:#e5e7eb;color:#4b5563}.example-output.svelte-8vakmc{background-color:#f1f5f9;color:#334155}.example-arrow.svelte-8vakmc{color:#6b7280;font-weight:700}.info-section.svelte-8vakmc{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000000d}h2.svelte-8vakmc{color:#333;font-size:1.5rem;margin:0 0 1.5rem;position:relative;padding-left:1rem;border-left:4px solid #64748b}.feature-list.svelte-8vakmc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.feature.svelte-8vakmc{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px;background-color:#f9fafb}.feature-icon.svelte-8vakmc{font-size:2rem;line-height:1}.feature-text.svelte-8vakmc h3:where(.svelte-8vakmc){margin:0 0 .5rem;font-size:1.2rem;color:#333}.feature-text.svelte-8vakmc p:where(.svelte-8vakmc){margin:0;font-size:.9rem;color:#6b7280}.mobile-br.svelte-8vakmc{display:none}@media (max-width: 768px){header.svelte-8vakmc h1:where(.svelte-8vakmc){font-size:2rem}.mobile-br.svelte-8vakmc{display:inline}.card.svelte-8vakmc,.info-section.svelte-8vakmc{padding:1.5rem}.feature-list.svelte-8vakmc{grid-template-columns:1fr}.text-container.svelte-8vakmc{gap:2rem}.example-item.svelte-8vakmc{flex-direction:column;align-items:flex-start;gap:.5rem}.example-arrow.svelte-8vakmc{transform:rotate(90deg)}}@media (max-width: 480px){header.svelte-8vakmc h1:where(.svelte-8vakmc){font-size:1.8rem}header.svelte-8vakmc p:where(.svelte-8vakmc){font-size:1rem}.card.svelte-8vakmc,.info-section.svelte-8vakmc{padding:1.2rem}.section-header.svelte-8vakmc{flex-direction:column;align-items:flex-start;gap:.5rem}.button-container.svelte-8vakmc{width:100%;justify-content:space-between}.action-button.svelte-8vakmc{padding:.3rem .6rem;font-size:.8rem}.mode-selector.svelte-8vakmc button:where(.svelte-8vakmc){padding:.8rem .5rem;font-size:.9rem}}