.split-container.svelte-op1aby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}.column.svelte-op1aby{display:flex;flex-direction:column;gap:2rem;min-width:0}.data-card-top.svelte-op1aby{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-op1aby{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.code-block.svelte-op1aby{font-family:Fira Code,monospace;background:#0f172a;padding:1rem;border-radius:6px;color:#e2e8f0;white-space:pre-wrap;overflow-wrap:break-word}.interactive-sandbox.svelte-op1aby{background:#0003;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;min-width:0}.code-input.svelte-op1aby{background:#ffffff1a;border:none;border-bottom:1px solid #3b82f6;color:#60a5fa;font-family:inherit;font-size:inherit;padding:6px 8px}.text-input.svelte-op1aby{flex-grow:1;width:100%;min-width:50px}.input-row.svelte-op1aby{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn.svelte-op1aby{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;white-space:nowrap}.action-btn.svelte-op1aby:hover{filter:brightness(1.1)}.del-btn.svelte-op1aby{background:transparent;border:none;cursor:pointer;font-size:1rem;margin-left:auto}.del-btn.svelte-op1aby:hover{transform:scale(1.2)}.cookie-jar.svelte-op1aby{background:#fbbf241a;border:1px dashed #f59e0b;border-radius:8px;padding:1rem}.cookie-jar.svelte-op1aby h3:where(.svelte-op1aby){margin-top:0;font-size:1.1rem;color:#fcd34d}.cookie-list.svelte-op1aby{display:flex;flex-direction:column;gap:.5rem}.cookie-item.svelte-op1aby{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.5rem 1rem;border-radius:20px;font-family:Fira Code,monospace;font-size:.9rem}.js-keyword.svelte-op1aby{color:#c678dd}.js-object.svelte-op1aby{color:#e5c07b}.js-string.svelte-op1aby{color:#98c379}.js-func.svelte-op1aby{color:#61afef}.comment.svelte-op1aby{color:#6b7280;font-style:italic}.comparison-list.svelte-op1aby{list-style:none;padding:0}.comparison-list.svelte-op1aby li:where(.svelte-op1aby){margin-bottom:.5rem;background:#ffffff0d;padding:.8rem;border-radius:4px;line-height:1.5}.comparison-list.svelte-op1aby code:where(.svelte-op1aby){font-family:Fira Code,monospace;color:#60a5fa}@media(max-width:768px){.split-container.svelte-op1aby{grid-template-columns:1fr}}