.split-container.svelte-znvovc{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.column.svelte-znvovc{display:flex;flex-direction:column;gap:2rem}.data-card-top.svelte-znvovc{border-top:4px solid var(--data-color);background:var(--bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.section-desc.svelte-znvovc{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.code-block.svelte-znvovc{font-family:Fira Code,monospace;background:#0f172a;padding:1rem;border-radius:6px;color:#e2e8f0;margin-bottom:1rem;white-space:pre-wrap;word-break:break-all}.interactive-sandbox.svelte-znvovc{background:#0003;padding:1rem;border-radius:8px}.input-row.svelte-znvovc{margin-bottom:.5rem;font-family:Fira Code,monospace;display:flex;align-items:center;gap:.5rem}.code-input.svelte-znvovc{background:#ffffff1a;border:none;border-bottom:1px solid var(--data-color);color:var(--data-color);font-family:inherit;font-size:inherit;padding:4px 8px;width:60px;text-align:center}.results-table.svelte-znvovc{margin-top:1rem}.result-row.svelte-znvovc{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:.5rem;border-radius:4px;font-family:Fira Code,monospace}.step-guide.svelte-znvovc{background:#0003;padding:1rem;border-radius:8px;font-family:Fira Code,monospace;display:flex;flex-direction:column;gap:.8rem}.step.svelte-znvovc{padding:.5rem;background:#ffffff0d;border-radius:4px}.action-btn.svelte-znvovc{background-color:var(--data-color);color:#1e293b;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.action-btn.svelte-znvovc:hover{filter:brightness(1.1)}.result-display.svelte-znvovc{background:#fbbf241a;border:1px dashed var(--data-color);border-radius:8px;padding:1rem;text-align:center;margin-top:1rem}.comparison-list.svelte-znvovc{list-style:none;padding:0}.comparison-list.svelte-znvovc li:where(.svelte-znvovc){margin-bottom:.5rem;background:#ffffff0d;padding:.8rem;border-radius:4px;font-family:Fira Code,monospace}.js-keyword.svelte-znvovc{color:#c678dd}.js-number.svelte-znvovc{color:#d19a66}.code-new.svelte-znvovc{color:#f472b6;font-weight:700;background:#f472b61a;border-radius:4px;padding:0 2px}.result-arrow.svelte-znvovc{color:#94a3b8;font-family:Fira Code,monospace}@media(max-width:768px){.split-container.svelte-znvovc{grid-template-columns:1fr}}