.graph-inputs{gap:.4rem;margin-bottom:.6rem;display:grid}.graph-input{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.graph-input input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--canvas);min-width:12rem;color:var(--ink);font:1rem var(--mono);flex:1;padding:.45rem .6rem}.graph-swatch{border-radius:50%;width:.9rem;height:.9rem}.graph-error{flex-basis:100%}.graph-error p{margin:0 0 .2rem}.graph-error pre{font:var(--text-sm)/1.3 var(--mono);margin:0}.graph-svg{border:1px solid var(--line);border-radius:var(--radius-sm);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:auto;margin:.5rem 0;display:block}.graph-points{font:var(--text-sm) var(--mono);columns:2 18rem;margin:0;padding-left:1.2rem}.chart-svg{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;height:auto;margin:.6rem 0;display:block}.dof-svg{width:100%;max-width:46rem;height:auto;margin:.4rem 0;display:block}