.css-example.svelte-1pas4s5{border:1px solid #ccc;border-radius:8px;padding:1rem;margin-bottom:2rem;background-color:#f9f9f9}.controls.svelte-1pas4s5{margin-bottom:1rem}.buttons.svelte-1pas4s5{display:flex;flex-wrap:wrap;gap:.5rem}button.svelte-1pas4s5{font-family:monospace;padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}button.svelte-1pas4s5:hover{background-color:#f0f0f0}button.active.svelte-1pas4s5{background-color:var(--color-primary, #3498db);color:#fff;border-color:var(--color-primary-dark, #2980b9)}.preview-container.svelte-1pas4s5{margin-bottom:1rem}.preview.svelte-1pas4s5{border:2px dashed #ccc;padding:1rem;min-height:80px;display:flex;align-items:center;justify-content:center;resize:vertical;overflow:auto;background:#fff}.preview.svelte-1pas4s5 p:where(.svelte-1pas4s5),.preview.svelte-1pas4s5 div:where(.svelte-1pas4s5){text-align:center}h4.svelte-1pas4s5{margin-top:0;margin-bottom:.5rem;font-weight:600}.code-container.svelte-1pas4s5{margin-top:1rem}pre.svelte-1pas4s5{background-color:#2d2d2d;color:#f1f1f1;padding:1rem;border-radius:4px;overflow-x:auto}code.svelte-1pas4s5{font-family:Courier New,Courier,monospace}