.p5-container.svelte-1x2zren{width:100%;min-height:500px;border:1px solid #ccc;position:relative;background-color:#f5f5f5;cursor:default}.p5-container.svelte-1x2zren canvas{display:block}.controls.svelte-28mlya{display:flex;flex-wrap:wrap;gap:.5em;padding:.5em}button.svelte-28mlya,.button-like-label.svelte-28mlya{margin:.3em;padding:.6em 1em;cursor:pointer;border:1px solid #ccc;background-color:#fff;border-radius:4px;font-size:.9em;color:#000}button.svelte-28mlya:disabled{cursor:not-allowed;opacity:.6;background-color:#eee}button.svelte-28mlya:hover:not(:disabled),.button-like-label.svelte-28mlya:hover{background-color:#f0f0f0}.mermaid-export.svelte-1q9jxgg{width:100%}h2.svelte-1q9jxgg{font-size:1.1em;margin-bottom:.5em;color:#000}textarea.svelte-1q9jxgg{width:100%;box-sizing:border-box;margin-bottom:.5em;font-family:monospace;border:1px solid #ccc;padding:.5em;background-color:#fdfdfd}button.svelte-1q9jxgg{padding:.6em 1em;cursor:pointer;border:1px solid #ccc;background-color:#fff;border-radius:4px;font-size:.9em;color:#000}button.svelte-1q9jxgg:hover{background-color:#f0f0f0}.list-container.svelte-1hpa8cm{flex:1;min-width:300px;background-color:#fff;padding:1em;border:1px solid #ddd;border-radius:4px}main.svelte-1tfmwiv{display:flex;flex-direction:column;align-items:center;padding:1em;font-family:sans-serif;gap:1.5em}h1.svelte-1tfmwiv{color:#000;margin-bottom:0}.controls-container.svelte-1tfmwiv,.graph-container.svelte-1tfmwiv,.mermaid-container.svelte-1tfmwiv,.editing-area.svelte-1tfmwiv{width:100%;max-width:1200px;padding:1em;border:1px solid #eee;border-radius:8px;background-color:#f9f9f9;box-sizing:border-box}.editing-area.svelte-1tfmwiv{display:flex;gap:1em;flex-wrap:wrap;width:100%;max-width:1200px}@media (max-width: 768px){.editing-area.svelte-1tfmwiv{flex-direction:column;gap:1.5em}}