.page.svelte-96zo26{min-height:100vh;background:#f8faf9;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container.svelte-96zo26{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header.svelte-96zo26{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.breadcrumb.svelte-96zo26{font-size:.875rem;margin-bottom:1rem;color:#64748b}.breadcrumb.svelte-96zo26 a:where(.svelte-96zo26){color:#047857;text-decoration:none}.breadcrumb.svelte-96zo26 a:where(.svelte-96zo26):hover{text-decoration:underline}.breadcrumb.svelte-96zo26 span:where(.svelte-96zo26){margin:0 .5rem}h1.svelte-96zo26{font-size:2.5rem;margin:0 0 .5rem;color:#047857;font-weight:700}.subtitle.svelte-96zo26{font-size:1.125rem;color:#475569;margin:0}.converter-section.svelte-96zo26{padding:3rem 0}.format-selector.svelte-96zo26{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.format-selector.svelte-96zo26 label:where(.svelte-96zo26){display:block;font-weight:600;color:#0f172a;margin-bottom:1rem}.format-buttons.svelte-96zo26{display:flex;gap:.75rem;flex-wrap:wrap}.format-buttons.svelte-96zo26 button:where(.svelte-96zo26){padding:.625rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.format-buttons.svelte-96zo26 button:where(.svelte-96zo26):hover{background:#f0fdf4;border-color:#047857}.format-buttons.svelte-96zo26 button.active:where(.svelte-96zo26){background:#047857;border-color:#047857;color:#fff}.converter-grid.svelte-96zo26{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-panel.svelte-96zo26,.output-panel.svelte-96zo26{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.output-header.svelte-96zo26{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h2.svelte-96zo26{font-size:1.125rem;margin:0 0 1rem;color:#0f172a;font-weight:600}textarea.svelte-96zo26{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;color:#1e293b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;resize:vertical}textarea.svelte-96zo26:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.help-text.svelte-96zo26{font-size:.8125rem;color:#64748b;margin-top:.5rem}.copy-btn.svelte-96zo26{display:flex;align-items:center;gap:.375rem;background:#047857;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#fff;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn.svelte-96zo26:hover{background:#059669}.content.svelte-96zo26{padding:3rem 0}article.svelte-96zo26{max-width:800px}h3.svelte-96zo26{font-size:1.5rem;color:#0f172a;margin:2.5rem 0 1rem;font-weight:600}h4.svelte-96zo26{font-size:1.125rem;color:#047857;margin:1.5rem 0 .75rem;font-weight:600}p.svelte-96zo26{line-height:1.7;color:#475569;margin:0 0 1rem}ul.svelte-96zo26,ol.svelte-96zo26{line-height:1.7;color:#475569;margin:0 0 1rem;padding-left:2rem}li.svelte-96zo26{margin-bottom:.5rem}code.svelte-96zo26{background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;color:#047857;font-family:SF Mono,monospace;font-size:.875rem}.format-card.svelte-96zo26{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin:1rem 0}.format-card.svelte-96zo26 h4:where(.svelte-96zo26){margin-top:0}.example.svelte-96zo26{background:#f8fafc;border-left:3px solid #047857;padding:1rem;margin-top:1rem;font-family:SF Mono,monospace;font-size:.875rem}table.svelte-96zo26{width:100%;border-collapse:collapse;margin:1rem 0}th.svelte-96zo26,td.svelte-96zo26{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}th.svelte-96zo26{background:#f8fafc;color:#047857;font-weight:600}td.svelte-96zo26{color:#475569}.cta.svelte-96zo26{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:1rem;padding:3rem;text-align:center;margin:4rem 0}.cta.svelte-96zo26 h2:where(.svelte-96zo26){font-size:1.75rem;color:#047857;margin:0 0 .5rem}.cta.svelte-96zo26 p:where(.svelte-96zo26){font-size:1.125rem;color:#475569;margin:0 0 2rem}.cta-button.svelte-96zo26{display:inline-block;background:#047857;color:#fff;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s}.cta-button.svelte-96zo26:hover{background:#059669;transform:translateY(-2px)}@media (max-width: 768px){.converter-grid.svelte-96zo26{grid-template-columns:1fr}h1.svelte-96zo26{font-size:1.75rem}.format-buttons.svelte-96zo26{flex-direction:column}.format-buttons.svelte-96zo26 button:where(.svelte-96zo26){width:100%}}