.page.svelte-jsuy3w{min-height:100vh;background:#0a0e1a;color:#e2e8f0;font-family:JetBrains Mono,monospace}.container.svelte-jsuy3w{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header.svelte-jsuy3w{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #334155;padding:2rem 0}.breadcrumb.svelte-jsuy3w{font-size:.875rem;margin-bottom:1rem;color:#64748b}.breadcrumb.svelte-jsuy3w a:where(.svelte-jsuy3w){color:#0ea5e9;text-decoration:none}.breadcrumb.svelte-jsuy3w span:where(.svelte-jsuy3w){margin:0 .5rem}h1.svelte-jsuy3w{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-jsuy3w{font-size:1.125rem;color:#94a3b8;margin:0}.converter-section.svelte-jsuy3w{padding:3rem 0}.input-wrapper.svelte-jsuy3w{margin-bottom:2rem}.input-wrapper.svelte-jsuy3w h2:where(.svelte-jsuy3w){font-size:1.125rem;margin:0 0 1rem;color:#e2e8f0}textarea.svelte-jsuy3w{width:100%;background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1rem;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:.9375rem;line-height:1.6;resize:vertical}textarea.svelte-jsuy3w:focus{outline:none;border-color:#0ea5e9}.results-grid.svelte-jsuy3w{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.result-card.svelte-jsuy3w{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.result-header.svelte-jsuy3w{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-header.svelte-jsuy3w h3:where(.svelte-jsuy3w){font-size:1rem;color:#94a3b8;margin:0;text-transform:uppercase;letter-spacing:.05em}.copy-btn.svelte-jsuy3w{background:#0ea5e9;border:none;border-radius:.375rem;padding:.5rem 1rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.copy-btn.svelte-jsuy3w:hover{background:#0284c7}.result-output.svelte-jsuy3w{display:block;background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:1rem;color:#0ea5e9;font-size:1.125rem;margin-bottom:.75rem;min-height:2.5rem;word-break:break-all}.result-usage.svelte-jsuy3w{font-size:.8125rem;color:#64748b;margin:0}.content.svelte-jsuy3w{padding:3rem 0}article.svelte-jsuy3w{max-width:900px}h2.svelte-jsuy3w{font-size:1.75rem;color:#e2e8f0;margin:0 0 1.5rem}h3.svelte-jsuy3w{font-size:1.5rem;color:#e2e8f0;margin:2rem 0 1rem}h4.svelte-jsuy3w{font-size:1.125rem;color:#94a3b8;margin:1.5rem 0 .75rem}p.svelte-jsuy3w{line-height:1.7;color:#cbd5e1;margin:0 0 1rem}ul.svelte-jsuy3w{line-height:1.7;color:#cbd5e1;margin:0 0 1rem;padding-left:2rem}li.svelte-jsuy3w{margin-bottom:.5rem}code.svelte-jsuy3w{background:#1e293b;padding:.25rem .5rem;border-radius:.25rem;color:#0ea5e9;font-size:.875rem}pre.svelte-jsuy3w{background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:1.5rem;overflow-x:auto;line-height:1.6;font-size:.875rem}pre.svelte-jsuy3w code:where(.svelte-jsuy3w){background:none;padding:0}.example-box.svelte-jsuy3w{background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1.5rem;margin:1.5rem 0}table.svelte-jsuy3w{width:100%;border-collapse:collapse;margin:1rem 0}th.svelte-jsuy3w,td.svelte-jsuy3w{padding:.75rem;text-align:left;border-bottom:1px solid #334155}th.svelte-jsuy3w{background:#1e293b;color:#0ea5e9;font-weight:600}td.svelte-jsuy3w{color:#cbd5e1}.related-content.svelte-jsuy3w{margin-top:5rem;padding:3rem 0;border-top:1px solid #334155}.related-content.svelte-jsuy3w h2:where(.svelte-jsuy3w){font-size:1.75rem;text-align:center;margin-bottom:2rem}.related-grid.svelte-jsuy3w{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.related-card.svelte-jsuy3w{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s}.related-card.svelte-jsuy3w:hover{border-color:#0ea5e9;transform:translateY(-2px)}.related-card.svelte-jsuy3w h3:where(.svelte-jsuy3w){color:#0ea5e9;font-size:1.125rem;margin:0 0 .5rem}.related-card.svelte-jsuy3w p:where(.svelte-jsuy3w){color:#94a3b8;font-size:.875rem;margin:0}@media (max-width: 768px){h1.svelte-jsuy3w{font-size:1.75rem}.results-grid.svelte-jsuy3w{grid-template-columns:1fr}}