.diagram-chart.svelte-1fd08fq{width:100%;height:320px}.controls.svelte-1fd08fq{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:var(--chart-bg);border:1px solid var(--border);border-radius:6px}.control-group.svelte-1fd08fq{display:flex;flex-direction:column;gap:.4rem}.control-group.svelte-1fd08fq label:where(.svelte-1fd08fq){font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.control-group.svelte-1fd08fq input[type=range]:where(.svelte-1fd08fq){width:120px}.control-value.svelte-1fd08fq{font-family:var(--font-mono);font-size:.85rem;color:var(--text);font-weight:600}.btn-resim.svelte-1fd08fq{padding:.4rem .8rem;font-size:.75rem;font-weight:500;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;cursor:pointer;transition:opacity .15s}.btn-resim.svelte-1fd08fq:hover{opacity:.9}@media(max-width:600px){.diagram-chart.svelte-1fd08fq{height:260px}.controls.svelte-1fd08fq{gap:1rem}.control-group.svelte-1fd08fq input[type=range]:where(.svelte-1fd08fq){width:100px}}
