.canvas-grid.svelte-enhqxq{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;align-items:start}.canvas-grid.svelte-enhqxq>:where(.svelte-enhqxq){min-width:0}.ui-card-top.svelte-enhqxq{border-top:4px solid var(--ui-color);background:var(--bg-card);padding:1.5rem;border-radius:8px}.code-block.svelte-enhqxq{font-family:Fira Code,monospace;background:#0f172a;padding:1rem;border-radius:6px;margin-top:1rem;color:#e2e8f0;line-height:1.8;overflow-x:auto}.html-code.svelte-enhqxq strong:where(.svelte-enhqxq){color:var(--ui-color)}.comment.svelte-enhqxq{color:var(--text-muted);font-style:italic}.preview-box.svelte-enhqxq{margin-top:1rem;padding:1.5rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center}.style-controls.svelte-enhqxq{display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%;max-width:300px}.style-controls.svelte-enhqxq label:where(.svelte-enhqxq){display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-main)}.highlight-var.svelte-enhqxq{color:#a855f7!important;font-weight:700}.highlight-canvas.svelte-enhqxq{color:#3b82f6!important;font-weight:700}.highlight-ctx.svelte-enhqxq{color:#ef4444!important;font-weight:700}.learning-section.svelte-enhqxq{background:var(--bg-card);padding:1.5rem;border-radius:8px;border-left:4px solid var(--ui-color)}.table-responsive.svelte-enhqxq{width:100%;overflow-x:auto}.styled-table.svelte-enhqxq{width:100%;border-collapse:collapse;margin-top:1rem}.styled-table.svelte-enhqxq th:where(.svelte-enhqxq),.styled-table.svelte-enhqxq td:where(.svelte-enhqxq){padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-main)}.styled-table.svelte-enhqxq th:where(.svelte-enhqxq){background:#ffffff0d;color:var(--ui-color);font-weight:700}.styled-table.svelte-enhqxq td:where(.svelte-enhqxq) code:where(.svelte-enhqxq){background:#0f172a;padding:.2rem .5rem;border-radius:4px;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9em;white-space:nowrap}@media(max-width:768px){.canvas-grid.svelte-enhqxq{grid-template-columns:1fr}}