.split-container.svelte-1m05jxo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}.column.svelte-1m05jxo{display:flex;flex-direction:column;gap:2rem;min-width:0}.data-card-top.svelte-1m05jxo{border-top:4px solid #3b82f6;background:var(--bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:0}.section-desc.svelte-1m05jxo{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.code-block.svelte-1m05jxo{font-family:Fira Code,monospace;background:#0f172a;padding:1rem;border-radius:6px;color:#e2e8f0;white-space:pre-wrap;overflow-wrap:break-word}.visual-url.svelte-1m05jxo{background:#000;padding:1rem;border-radius:6px;font-family:monospace;font-size:1.1rem;word-break:break-all}.interactive-sandbox.svelte-1m05jxo{background:#0003;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;min-width:0}.url-display.svelte-1m05jxo{background:#ffffff0d;padding:.8rem;border-radius:4px;font-size:.9rem}.url-text.svelte-1m05jxo{font-family:monospace;color:#9ca3af;margin-top:.3rem;word-break:break-all}.result-box.svelte-1m05jxo{padding:1rem;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-family:monospace;font-size:1.1rem}.code-input.svelte-1m05jxo{background:#ffffff1a;border:none;border-bottom:1px solid #3b82f6;color:#60a5fa;font-family:inherit;font-size:inherit;padding:6px 8px}.text-input.svelte-1m05jxo{flex-grow:1;width:100%;min-width:50px}.input-row.svelte-1m05jxo{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn.svelte-1m05jxo{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;white-space:nowrap}.action-btn.svelte-1m05jxo:hover{filter:brightness(1.1)}.js-keyword.svelte-1m05jxo{color:#c678dd}.js-func.svelte-1m05jxo{color:#61afef}.js-string.svelte-1m05jxo{color:#98c379}.comment.svelte-1m05jxo{color:#6b7280;font-style:italic}@media(max-width:768px){.split-container.svelte-1m05jxo{grid-template-columns:1fr}}