.page.svelte-14yd4i5{min-height:100vh;background:#f8faf9;color:#1e293b;font-family:Inter,sans-serif}.container.svelte-14yd4i5{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header.svelte-14yd4i5{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.breadcrumb.svelte-14yd4i5{font-size:.875rem;margin-bottom:1rem;color:#64748b}.breadcrumb.svelte-14yd4i5 a:where(.svelte-14yd4i5){color:#047857;text-decoration:none}.breadcrumb.svelte-14yd4i5 span:where(.svelte-14yd4i5){margin:0 .5rem}h1.svelte-14yd4i5{font-size:2.5rem;margin:0 0 .5rem;color:#047857;font-weight:700}.subtitle.svelte-14yd4i5{font-size:1.125rem;color:#475569;margin:0}.tool-section.svelte-14yd4i5{padding:3rem 0}.tool-grid.svelte-14yd4i5{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-panel.svelte-14yd4i5,.output-panel.svelte-14yd4i5{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.output-header.svelte-14yd4i5{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h2.svelte-14yd4i5{font-size:1.25rem;margin:0 0 1rem;color:#0f172a}textarea.svelte-14yd4i5{width:100%;background:#f8faf9;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;color:#1e293b;font-family:JetBrains Mono,monospace;font-size:.9375rem;line-height:1.6;resize:vertical}textarea.svelte-14yd4i5:focus{outline:none;border-color:#047857}textarea.invalid.svelte-14yd4i5{border-color:#dc2626}.copy-btn.svelte-14yd4i5{background:#047857;border:none;border-radius:.375rem;padding:.5rem 1rem;color:#fff;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer}.copy-btn.svelte-14yd4i5:hover{background:#065f46}.content.svelte-14yd4i5{padding:3rem 0}article.svelte-14yd4i5{max-width:800px}h3.svelte-14yd4i5{font-size:1.5rem;color:#0f172a;margin:2rem 0 1rem}p.svelte-14yd4i5{line-height:1.7;color:#475569;margin:0 0 1rem}ul.svelte-14yd4i5,ol.svelte-14yd4i5{line-height:1.7;color:#475569;margin:0 0 1rem;padding-left:2rem}li.svelte-14yd4i5{margin-bottom:.5rem}.example-box.svelte-14yd4i5{background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;padding:1.5rem;margin:1.5rem 0}.example-box.svelte-14yd4i5 p:where(.svelte-14yd4i5){color:#065f46}table.svelte-14yd4i5{width:100%;border-collapse:collapse;margin:1rem 0}th.svelte-14yd4i5,td.svelte-14yd4i5{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}th.svelte-14yd4i5{background:#f8faf9;color:#047857;font-weight:600}td.svelte-14yd4i5{color:#475569}code.svelte-14yd4i5{background:#f8faf9;padding:.25rem .5rem;border-radius:.25rem;color:#047857;font-size:.875rem;font-family:JetBrains Mono,monospace}pre.svelte-14yd4i5{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.related-content.svelte-14yd4i5{margin-top:5rem;padding:3rem 0;border-top:1px solid #e2e8f0}.related-content.svelte-14yd4i5 h2:where(.svelte-14yd4i5){font-size:1.75rem;text-align:center;margin-bottom:2rem}.related-grid.svelte-14yd4i5{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.related-card.svelte-14yd4i5{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s}.related-card.svelte-14yd4i5:hover{border-color:#047857;transform:translateY(-2px)}.related-card.svelte-14yd4i5 h3:where(.svelte-14yd4i5){color:#047857;font-size:1.125rem;margin:0 0 .5rem}.related-card.svelte-14yd4i5 p:where(.svelte-14yd4i5){color:#64748b;font-size:.875rem;margin:0}@media (max-width: 768px){.tool-grid.svelte-14yd4i5{grid-template-columns:1fr}h1.svelte-14yd4i5{font-size:1.75rem}}