.split-container.svelte-1nf8klj{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.column.svelte-1nf8klj{display:flex;flex-direction:column;gap:2rem}.ui-card-top.svelte-1nf8klj{border-top:4px solid var(--ui-color)}.code-block.svelte-1nf8klj{font-family:Fira Code,monospace;background:#0f172a;padding:1rem;border-radius:6px;margin-top:1rem;color:#e2e8f0;line-height:1.8}.html-code.svelte-1nf8klj strong:where(.svelte-1nf8klj){color:var(--ui-color)}.comment.svelte-1nf8klj{color:var(--text-muted);font-style:italic}.preview-box.svelte-1nf8klj{margin-top:1rem;padding:1.5rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;text-align:center}.attr-list.svelte-1nf8klj li:where(.svelte-1nf8klj){margin-bottom:.5rem}.selection-group.svelte-1nf8klj{display:flex;gap:1.5rem;justify-content:center;text-align:left}.selection-group.svelte-1nf8klj label:where(.svelte-1nf8klj){display:flex;align-items:center;gap:.5rem;cursor:pointer}.styled-select.svelte-1nf8klj{background:var(--bg-color);color:#fff;padding:.75rem;border:1px solid #475569;border-radius:6px;width:100%;font-size:1rem}@media(max-width:768px){.split-container.svelte-1nf8klj{grid-template-columns:1fr}}